@charset "utf-8";
/* CSS Document */
h4, h5, h6, h1, h2, h3 {
  margin: 0;
}
ul, ol {
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
}
img, a {
  outline: 0
}
html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
}
body {
  overflow-x: hidden;
}
body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
div#wrapper {
  background-color: #fff;
}
/*-- header --*/
.navbar .navbar-nav li a {
  padding: 0 10px;
  line-height: 56px;
  position: relative;
}
.nav>li>a:focus, .nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background: none !important;
}
.navbar .navbar-nav li a i {
  border: 1px solid #fff;
  padding: 8px 0;
  width: 32px;
  text-align: center;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  color: #fff;
  height: 32px;
}
.nav>li:hover {
  background: #f7941d
}
.navbar .navbar-nav li .dropdown-menu {
  margin-top: 3px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #e1e6ef;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  padding: 0;
}
.navbar .navbar-nav li .dropdown-menu:before {
  position: absolute;
  top: -9.5px;
  right: 16px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e1e6ef;
  border-left: 8px solid transparent;
  content: '';
}
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-header, .navbar .navbar-nav li .dropdown-menu li.dropdown-menu-footer {
  background: #f2f4f8;
}
.navbar .navbar-nav li.m_2 a {
  line-height: 38px;
}
.navbar .navbar-nav li .dropdown-menu li a i {
  margin: 0 10px 0 -5px;
  border: none;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #f2f4f8 !important;
}
.navbar .navbar-nav li .dropdown-menu li a .label {
  position: absolute;
  right: 10px;
  top: 11px;
}
.label.label-info {
  background-color: #ef553a;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
.but_list, .tab-content {
  margin: 1.5em 0 0 0;
}
.navbar .navbar-nav li .dropdown-toggle.avatar img {
  height: 40px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  border: 1px solid #c0cadd;
  margin-top: -4px;
}
.navbar .navbar-nav li .dropdown-menu li a i {
  margin: 0 10px 0 -5px;
  border: none;
  color: rgb(6, 217, 149);
}
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-header .progress, .navbar .navbar-nav li .dropdown-menu li.dropdown-menu-footer .progress {
  border: 1px solid #e1e6ef;
  background: white;
  box-shadow: none;
}
.progress.thin {
  height: 10px;
}
.progress {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #f2f4f8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.navbar .navbar-nav li .dropdown-menu li.avatar {
  min-width: 300px;
  height: 56px;
  padding: 0px 15px;
}
.navbar .navbar-nav li .dropdown-menu li {
  padding: 0;
  position: relative;
  min-width: 100%;
  border-bottom: 1px solid #e1e6ef;
  line-height: 40px;
  padding: 0 15px;
  font-size: 14px;
  width: 300px;
}
.navbar .navbar-nav li .dropdown-menu li.avatar a {
  line-height: 59px;
  height: 59px;
  padding: 9px 15px;
}
.navbar .navbar-nav li .dropdown-menu li a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  line-height: 40px;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
}
.navbar .navbar-nav li .dropdown-menu li a img {
  height: 40px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  border: 1px solid #e1e6ef;
  margin: 0px 10px 0 -5px;
  float: left;
}
.navbar .navbar-nav li .dropdown-menu li a div {
  font-size: 14px;
  line-height: 26px;
  font-weight: bold;
  color: #000;
}
.navbar .navbar-nav li .dropdown-menu li a small {
  display: block;
  line-height: 12px;
  font-size: 10px;
  margin-top: -3px;
  font-style: italic;
}
.small, small {
  color: #CFCFCF !important;
  font-weight: 300 !important;
}
.navbar .navbar-nav li .dropdown-menu li.avatar a .label {
  top: 20px;
}
.navbar .navbar-nav li a .badge {
  background: #ff5454;
  border: 2px solid white;
  position: absolute;
  top: 9px;
  right: 3px;
  font-size: 8px;
  line-height: 8px;
  padding: 4px 6px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  min-width: 0;
}
.navbar-default.sidebar {
  background-color: #fff;
}
nav.top1.navbar.navbar-default.navbar-static-top {
  background-color: rgb(6, 217, 149);
}
h1 a.navbar-brand {
  color: #fff !important;
  font-size: 30px;
  font-weight: 500;
  padding: 20px 20px 0 0;
  background: #fff;
  text-align: center;
  height: auto;
}
.nav>li {
  background: #939598;
  margin-bottom: 4px
}
.liActive {
  background: #f7941d!important
}
.sidebar ul .liActive a {
  font-weight: 700
}
._heading {
  color: #589637;
  font-size: 32px;
}
.navbar-right {
  margin-right: 10px !important;
}
.navbar-right li {
  display: inline-block;
}
i.nav_icon {
  color: #fff;
  margin-right: 6px;
}
.sidebar ul li a {
  color: #fff;
  font-size: 16px;
  padding: 15px 20px;
}
ul.nav.navbar-nav.navbar-right {
  height: 51px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background-color: rgba(231, 231, 231, 0) !important;
}
.navbar-brand>img {
  display: block;
  max-width: 100%;
}
.navbar-brand>img {
  display: block;
  max-width: 125px
}
.bredcrum {
  float: left;
  padding: 35px 18px 0;
}
.bredcrum .fa {
  color: #000
}
.bredcrum img {
  max-width: 35px;
}
.dots {
  float: left;
  padding: 36px 7px 0;
}
.dots img {
  max-width: 10px;
}
.slogo {
  float: left;
  padding: 35px 0px 0 36px;
}
.slogo img {
  max-width: 54px;
}
/*----*/
/* Sweep To Bottom */
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 80%;
  bottom: 0;
  background: #7f8c8d;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*----*/
.nav > li > a {
  color: #999;
  font-weight: 500;
  padding: 0px 20px 0px 0px;
  font-size: 0.85em;
}
.hvr-bounce-to-right:hover i.nav_icon, .hvr-bounce-to-right:focus i.nav_icon, .hvr-bounce-to-right:active i.nav_icon {
  color: #fff;
}
.nav > li > a i {
  margin-right: 14px;
}
i.nav_icon {
  color: #999;
  padding: 15px;
  width: 44px;
  height: 44px;
}
span.fa.arrow {
  margin-top: 17px;
}
/**---*/


/*--  drop_emnu --*/
a.dropdown-toggle.dropdown-at {
  border-bottom: none;
}
.navbar-right-left {
  float: right;
}
.navbar-toolbar {
}
.full-top {
  float: left;
}
.navbar-left-right {
  float: left;
  margin-left: 6%;
}
.navbar-default {
  background-color: #fff;
  border-color: #fff;
}
.full-left {
  float: left;
  width: 70%;
}
.full-left button {
  background: none;
  border: none;
  outline: none;
  color: #B3AEAE;
  font-size: 0.9em;
}
nav.navbar.navbar-static-top {
  float: right;
}
.navbar-left-right input[type="text"] {
  background: none;
  border: none;
  outline: none;
  color: #B3AEAE;
  font-size: 0.9em;
}
.navbar-left-right input[type="submit"] {
  background: url(../images/search.png) 0px 2px no-repeat;
  width: 16px;
  height: 16px;
  border: none;
  outline: none;
  color: #B3AEAE;
  font-size: 0.9em;
}
.navbar-left-right button[type="submit"] {
  background: url(../images/search.png) 0px 2px no-repeat;
  width: 16px;
  height: 16px;
  border: none;
  outline: none;
  color: #B3AEAE;
  font-size: 0.9em;
}
.drop-men {
  float: right;
  margin-right: 17px;
}
.dropdown-at {
  padding: 0 !important;
  position: relative;
  color: #999;
  font-size: 0.9em;
  text-decoration: none;
  float: left;
}
.dropdown-at:hover, .dropdown-at:focus {
  text-decoration: none;
}
.dropdown-at .downArrow {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
.dropdown-at .name-caret {
  margin-right: 15px;
  font-size: 18px;
  color: #231f20;
  margin-top: 9px;
  float: left;
}
.m85 {
  margin-right: 15px
}
i.fa.fa-globe {
  font-size: 1.8em;
  color: #999;
}
.dropdown, .dropup {
  display: inline-block;
  padding: 0;
  vertical-align: top
}
.at-drop {
  padding: 0 1em;
}
.number {
  position: absolute;
  top: -10px;
  background-color: #EB0000;
  color: #fff;
  border-radius: 100px;
  width: 13px;
  height: 13px;
  font-size: 11px;
  line-height: 1.2em;
  right: -6px;
  text-align: center;
}
.user-new {
  float: left;
  width: 100%;
}
.user-new p {
  color: #000;
  font-size: 13px;
  text-overflow: ellipsis;
  width: 96%;
  overflow: hidden;
}
.user-new span {
  color: #B1B0B0;
  font-size: 12px;
}
.user-new-left {
  float: right;
}
.user-new-left i.fa-user-plus, .user-new-left i.fa-heart, .user-new-left i.fa-times, .user-new-left i.fa-info, .user-new-left i.fa-rss {
  font-size: 12px;
  color: #fff;
  background-color: #3BB2D0;
  border-radius: 4px;
  width: 22px;
  height: 18px;
  text-align: center;
  line-height: 1.5em;
}
.user-new-left i.fa-heart {
  background-color: #1ABC9C;
}
.user-new-left i.fa-times {
  background-color: #8a8acb;
}
.user-new-left i.fa-info {
  background-color: #FBB03B;
}
.user-new-left i.fa-rss {
  background-color: #ED6498;
}
.dropdown-menu {
  min-width: 160px;
  left: 0px;
}
.menu1 {
  top: 42px;
  left: -126px;
  min-width: 300px;
  padding: 0;
}
.dropdown-menu {
  padding: 0px 0;
}
.dropdown-menu li a i {
  color: #B3AEAE;
  font-size: 14px;
  margin-right: 6%;
}
.dropdown-menu li a {
  padding: 5px 10px;
  color: #000;
}
.dropdown-menu li {
  border-bottom: 1px solid #ddd;
}
.dropdown-menu li:last-child {
  border-bottom: none;
}
.nav>li>a:focus, .nav>li>a:hover {
  background: none;
}
.view {
  text-align: center;
}
.dropdown-menu>li>a.view:focus, .dropdown-menu>li>a.view:hover {
  background: none;
  color: #d58512;
}
.dropdown-menu {
  border: 1px solid #d1d3d4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  margin: 0;
}
/*----*/
.banner {
  background: #d1d3d4;
  display: block;
  margin: 0;
  padding: 11px 15px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#banner select {
  background-color: #fff;
  border: 1px solid #808285;
  height: 31px;
  width: 100%;
  font-size: 12px;
  color: #6d6e71;
  display: block;
  float: left;
  padding: 5px 8px;
  line-height: 25px;
 /* appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
  background: #fff url("../images/downarrow.jpg") no-repeat 97% 9px*/
}
.banner .fa-angle-down {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 27px;
  color: #6d6e71;
  display: none;
}
#dateFrom, #dateTo, #fromdate, #todate {
  background-color: #fff;
  border: 1px solid #808285;
  height: 31px;

  font-size: 12px;
  color: #6d6e71; 
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background-image: url(../images/calender-icon.png);
  background-repeat: no-repeat;
  background-position: 90% 4px;
  outline: 0;
  padding: 6px 10px;
}
.banner input[type="text"] {
  background-color: #fff;
  border: 1px solid #808285;
  height: 31px;
  width: 100%;
  font-size: 12px;
  color: #6d6e71;
  text-indent: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
  padding:6px 10px;
  border-radius: 0;
  padding: 6px 10px;
}
.m10 {
  margin-top: 5px;
}
.premove {
  padding: 0!important
}
.searchSection label {
  font-size: 25px;
  color: #589637;
  font-weight: 400;
  margin-bottom: 0;
  float: left;
  width: 100%;
}
.searchContar {
  float: left;
  width: 20px;
  height: auto;
  position: relative;
  margin: 6px 0 0 6px;
  height: 30px;
  z-index: 22;
}
.search-icon {
  float: left;
  margin: 10px;
}
.searchContar .searchBox {
  border: 0;
  height: 28px;
  width: 100%;
  font-size: 13px;
  color: #6d6e71;
  text-indent: 10px;
  outline: 0;
  padding-right: 24px;
  background: #fff;
}
._optSercbox .searchBox {
  border: 0;
  height: 30px;
  width: 100%;
  font-size: 13px;
  color: #6d6e71;
  text-indent: 10px;
  outline: 0;
  padding-right: 24px;
  background: #fff;
  border: 1px solid #808285
}
._optSercbox .search-icon {
  position: absolute;
  right: 20px;
  top: 2px;
  color: #6d6e71;
  font-size: 16px;
  margin: 0;
}
.txt-right {
  text-align: right;
}
.optlisting {
  background: #d1d3d4;
  display: block;
  margin: 0;
  padding: 11px 15px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
._optSercbox .btn {
  vertical-align: top
}
._ancontainer .btn .fa:before {
  color: #fff;
}
._ancontainer {
  position: relative;
}
._ancontainer .table .btn {
  border: 0;
  background: transparent;
}
.optlisting select {
  background-color: #fff;
  border: 1px solid #808285;
  height: 31px;
  width: 100%;
  font-size: 12px;
  color: #6d6e71;
  display: block;
  float: left;
  padding: 5px 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
}
.optlisting .fa-angle-down {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 27px;
  color: #6d6e71;
  background: #fff;
  padding: 0 3px;
  display: none
}
._optSercbox {
  position: relative;
}
.searchContar .search-icon {
  position: absolute;
  right: 2px;
  top: 2px;
  color: #6d6e71;
  font-size: 16px;
  margin: 0;
}
.alertMsg {
  position: absolute;
  color: #fff;
  background: #f7941d;
  float: right;
  width: 18px;
  height: 19px;
  border-radius: 50%;
  vertical-align: middle;
  font-size: 11px;
  line-height: 19px;
  top: -5px;
  right: -12px;
}
._altImg {
  float: left;
  width: 24px;
  margin-top: 8px;
}
.banner h2 {
  font-size: 16px;
  height: 31px;
  line-height: 31px;
}
._insideSerch {
  margin-top: 10px;
  box-sizing: border-box;
  float: left;
  min-height: 791px;
  width: 100%;
}
._searchRow {
  border: 1px solid #808285;
  padding: 15px;
  float: left;
  width: 100%;
  position: relative;
  min-height: 158px;
  border-bottom: 0;
}
._searchActive {
  border: 1px solid #f7941d;
}
._searchActive + ._searchRow {
  border-top: 0;
}
#mbo-container, #tickets-container, #reminders-container {
  border: 1px solid #808285;
}
#mbo-container>._searchRow:nth-last-child(2) {
  border-bottom: 1px solid #808285;
}
#tickets-container>._searchRow:nth-last-child(2) {
  border-bottom: 1px solid #808285;
}
#reminders-container>._searchRow:nth-last-child(2) {
  border-bottom: 1px solid #808285;
}
.Tickets>._insideSerch>div:last-child {
  border-bottom: 1px solid #808285;
}
.reminders>._insideSerch>div:last-child {
  border-bottom: 1px solid #808285;
}
._searchRow:hover {
  border-color: #f7941d;
  cursor: pointer;
}
._searchRow:hover + ._searchRow {
  border-top-color: #f7941d;
}
.Tickets>._insideSerch>div:last-child {
  border-bottom: 1px solid #808285;
}
.reminders>._insideSerch>div:last-child {
  border-bottom: 1px solid #808285;
}
._active-section {
  border: 1px solid #f7941d;
}
._sresult {
  font-size: 12px;
  color: #231f20;
  margin-bottom: 0;
  float: left;
  width: 100%;
  padding: 15px 15px;
  text-align: center;
  background: #d1d3d4;
  border: 1px solid #808285;
}
._calender {
  float: left;
  width: 100%;
  margin-bottom: 10px
}
._cImage {
  float: left;
  background: url(../images/calender.png) no-repeat 0 0;
  width: 73px;
  height: 79px;
  position: relative
}
._cCon {
  float: right;
  width: 70%;
}
._cHeading {
  font-weight: 700;
  font-size: 13px;
  color: #231f20!important;
  margin-bottom: 0;
  float: left;
  width: 100%;
  position: relative
}
._pointer {
  cursor: pointer;
}
._cHeading a {
  font-weight: 700;
  font-size: 13px;
  color: #231f20!important;
  margin-bottom: 5px
}
.fa-plus:before {
  color: #939598;
}
._ticketTask ._department {
  color: #000;
}
._department {
  font-size: 13px;
  color: #6d6e71
}
._bSection {
  position: absolute;
  left: 15px;
  bottom: 15px
}
._cCont {
  position: absolute;
  top: 26px;
  left: 0;
  text-align: center;
  font-size: 16px;
}
.green {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 8px;
  background: #589637
}
.orange {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 8px;
  background: #f7941d
}
.gray {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 8px;
  background: #e6e7e8
}
.red {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 8px;
  background: #ed1c24
}
.small-square-1 {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
  background: #e6e7e8;
  margin-top: 5px;
}
.small-square-2 {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
  background: #000000;
  margin-top: 5px;
}
.small-square-3 {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
  background: #f7941d;
  margin-top: 5px;
}
.small-square-4 {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
  background: #589637;
  margin-top: 5px;
}
.small-square-5 {
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
  background: #ed1c24;
  margin-top: 5px;
}
._strow {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #808285;
  padding-bottom: 0;
}
._strow:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
#collapse2 ._strow ._cHeading a {
  margin-bottom: 0;
}
#collapse2 ._strow ._cHeading {
  margin-bottom: 0;
}
.btn-warning {
  color: #fff;
  background-color: #f7941d;
  border-color: #f7941d;
}
.btn {
  font-size: 13px;
  padding: 5px 12px;
}
.activebtn {
  font-size: 14px;
  background: #589637;
  color: #fff;
  padding: 3px 11px;
  float: left;
  margin-right: 5px;
  margin-top: 9px;
}
.btn a:hover {
  color: #fff;
  text-decoration: none
}
.inactivebtn {
  font-size: 14px;
  background: #999;
  color: #fff;
  padding: 3px 11px;
  float: left;
  margin-right: 5px;
  margin-top: 9px;
}
._ticketView {
  position: absolute;
  right: -2500px;
  top: 0;
  height: 100%;
  box-sizing: border-box;
  width: 100%;
}
._ticketView ._reminderRow ._inputDetails {
  width: 100%;
}
#ticket-actions .small-square-1 {
  margin-top: 1px;
  width: 15px;
  height: 15px;
}
#ticket-actions .small-square-2 {
  margin-top: 1px;
  width: 15px;
  height: 15px;
}
#ticket-actions .small-square-3 {
  margin-top: 1px;
  width: 15px;
  height: 15px;
}
#ticket-actions .small-square-4 {
  margin-top: 1px;
  width: 15px;
  height: 15px;
}
#ticket-actions .small-square-5 {
  margin-top: 1px;
  width: 15px;
  height: 15px;
}
.full-left .toggleicon {
  margin-right: 50px;
  float: left;
  max-width: 35px;
}
.full-left .toplabel {
  font-size: 18px;
  color: #231f20;
  float: left;
  margin-top: 2px
}
._srow ._searchRow {
  min-height: 158px
}
._trow ._searchRow {
  min-height: 158px
}
.nav>li>a>img {
  position: absolute;
  right: 15px;
  top: 10px;
}
.banner h2 a {
  color: #000;
  text-decoration: none;
  padding: 0;
  margin-right: 35px;
}
._reminderIcon {
  float: left;
  width: 100%;
  margin-top: 5px;
}
._reminderIcon a {
  font-size: 11px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  text-align: center;
  line-height: 19px;
  margin: 0 3px;
}
._reminderIcon a .fa {
  color: #939598;
  font-size: 15px;
}
._reminderIcon a .fa-check {
  background: #e6e7e8;
  padding: 2px;
  border-radius: 50%;
  font-size: 13px;
}
.banner h2 span {
  color: #000;
  padding: 0.3em;
}
.banner h2 i {
  color: #000;
  vertical-align: middle;
  padding: 0 5px 0 0;
}
.subheading {
  padding: 10px 0;
  border-bottom: 1px solid #808285;
  font-size: 17px;
  color: #589637;
  line-height: 15px;
  margin-bottom: 8px;
  float: left;
  width: 100%;
}
.subheadingwithoutoutline {
  padding: 10px 0;
  font-size: 17px;
  color: #589637;
  line-height: 15px;
  margin-bottom: 8px;
  float: left;
  width: 100%;
}
._proceedDiv ._reminderRow ._inputDetails {
  width: 100%;
}
.tiType {
  background: #d1d3d4;
  float: left;
  width: 100%;
  font-size: 12px;
  margin-bottom: 5px;
}
.ttrow {
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
  clear: both;
  padding: 15px 0;
}
.nav .nav>li>a>img {
    max-width: 32px;
}
.nav .nav>li>a>img {
    position: absolute;
    right: 15px;
    top: 1px;
}

.sidebar .nav-second-level li a {
  border: 0;
  padding: 5px 30px 7px;
  font-size: 15px;
}

.sidebar .nav-second-level li a span{display:inline-block;width: 130px}
.ltlabel {
  float: left;
  width: 48px;
  text-align: left;
  margin-top: 5px;
}
.ttrow ._inputDetails {
  width: 170px;
  margin-bottom: 10px;
  float: left;
}
.ttrow .btn {
  padding: 3px 6px;
  float: left;
}
.chekcboxrowParent .chekcboxrow {
  float: left;
  margin: 0 23px 0 0;
}
.chekcboxrow label {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 19px;
}
.chekcboxrow input[type="checkbox"] {
  float: left;
  margin: 2px 5px 0 0;
}
.chekcboxrowParent {
  float: right;
  width: 90%;
}
.pl {
  padding-left: 0;
}
.pr {
  padding-right: 0;
}
.grid-form1 {
  background: #fff;
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid #ebeff6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.grid-form1:last-child {
  margin-bottom: 0em;
}
.grid-form1 h3 {
  color: #000;
  font-size: 2em;
  margin-bottom: 1em;
}
.grid-form1 form {
  margin: 1.5em 0;
}
.form-control {
  box-shadow: none;
  outline: none;
  border-radius: 0px;
}
.form-control:focus {
  border-color: #ccc;
  box-shadow: none;
}
.btn {
  border-radius: 0px;
  outline: none;
}
.btn-default:active, .btn-default:focus, .btn-default:hover {
  outline: none !important;
}
input.form-control.input-lg, select.form-control.input-lg {
  margin-bottom: 1em;
}
input.form-control.input-sm, select.form-control.input-sm {
  margin: 1.5em 0;
}
input#disabledTextInput, select#disabledSelect {
  background-color: #FFF;
}
.email-list1 {
  background-color: #fff;
  padding: 1.8em;
  border: 1px solid #ebeff6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.form-control1 {
  border: 1px solid #e0e0e0;
  padding: 5px 8px;
  color: #616161;
  width: 100%;
  font-size: 0.85em;
  font-weight: 300;
  height: 40px;
  -webkit-appearance: none;
  outline: none;
  background: none;
  box-shadow: none !important;
}
.input-lg {
  border-radius: 0px;
}
.panel-footer {
  background: none;
}
.input-icon.right > i, .input-icon.right .icon {
  right: 12px;
  float: right;
}
.input-icon > i, .input-icon .icon {
  position: absolute;
  display: block;
  margin: 10px 8px;
  line-height: 14px;
  color: #999;
}
.input-group {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  margin-bottom: 0em;
}
.has-success .input-group-addon {
  border-color: #A4E7A5 !important;
}
.has-feedback label~.form-control-feedback {
  top: 28px !important;
}
.has-success .form-control1 {
  background-color: #f1f8e9;
  border-color: #c5e1a5 !important;
}
.has-feedback label~.form-control-feedback {
  top: 28px !important;
}
.has-error .form-control1 {
  background-color: #fde0dc;
  border-color: #f69988 !important;
}
.checkbox-inline label, .checkbox-inline1 label, .form-group label {
  font-weight: 400;
}
/*--validation--*/
.validation-form {
  background: #fff;
  margin-bottom: 1em;
  padding: 1em;
  border: 1px solid #ebeff6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.validation-system {
  padding: 1em;
}
.validation-form h2 {
  color: #1abc9c;
  font-size: 1.8em;
  border-bottom: 1px solid rgb(241, 233, 233);
  padding-bottom: 0.3em;
  margin-bottom: 1em;
}
/*----*/
label.control-label {
  font-weight: 100;
  color: #000;
  font-size: 0.9em;
  margin: 0;
}
.form-group1 input[type="text"], .form-group1 textarea, .form-group1 input[type="password"], .form-group1 input[type="date"] {
  border: 1px solid #E9E9E9;
  font-size: 0.9em;
  width: 100%;
  outline: none;
  padding: 0.5em 1em;
  color: #999;
  margin-top: 0.5em;
}
/*--signin--*/
.login {
  padding: 0;
  width: 500px;
  height: 347px;
  position: fixed;
  margin-top: -171px;
  margin-left: -233px;
  top: 50%;
  left: 50%;
}
.login2 {
  padding: 0;
  width: 500px;
  height: 475px;
  position: fixed;
  margin-top: -234px;
  margin-left: -233px;
  top: 50%;
  left: 50%;
}
._pipe {
  height: 2px;
  background: #f7941d;
  position: absolute;
  top: 50%;
  width: 98%
}
.logo {
  background: #fff;
  position: relative;
  z-index: 999;
}
.logoP {
  position: relative;
  margin-top: 20px;
}
.foFixed {
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.login-bottom {
  max-width: 500px;
  margin: 3em auto;
  background-color: #f9f9f9;
  padding: 2em 1em;
  box-shadow: 0 0 6px #ccc;
  border-radius: 5px;
}
.login-bottom .alert {
  margin: 0 15px;
}
.login-bottom h2 {
  font-size: 1.4em;
  color: #000;
  padding: 0em 0.9em 1em;
}
.login-mail {
  border: 1px solid #f7941e;
  margin-bottom: 2em;
  padding: 0;
  background: #f7941e;
  position: relative;
}
.login-mail i {
  color: #000;
  position: absolute;
  right: 11px;
  top: 10px;
}
.login-mail input[type="text"], .login-mail input[type="password"] {
  border: none;
  outline: none;
  font-size: 16px;
  color: #6d6e71;
  width: 92%;
  height: 35px;
  outline: 0;
  text-indent: 15px;
}
.login-do input[type="submit"] {
  border: none;
  outline: none;
  font-size: 1em;
  padding: 0.5em 1em;
  color: #fff;
  width: 100%;
  -webkit-appearance: none;
  cursor: pointer;
  background: none;
}
.login-do button[type="submit"] {
  border: none;
  outline: none;
  font-size: 1em;
  padding: 0.5em 1em;
  color: #fff;
  width: 100%;
  -webkit-appearance: none;
  cursor: pointer;
  background: none;
}
.login-do a {
  font-size: 0.9em;
  padding: 0.5em 1em;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
}
.login-do p {
  font-size: 0.9em;
  color: #999;
  margin: 0.7em 0;
}
.checkbox1 {
  margin-bottom: 4px;
  padding-left: 27px;
  font-size: 1.2em;
  line-height: 27px;
  cursor: pointer;
  position: relative;
  color: #000;
}
.checkbox1:last-child {
  margin-bottom: 0;
}
.news-letter {
  color: #000;
  font-size: 0.8em;
  margin-bottom: 0;
  display: block;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  clear: both;
  float: right
}
.checkbox1 i {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  outline: none;
  border: 2px solid #fff;
}
.checkbox1 input + i:after {
  content: '';
  background: url("../images/tick1.png") no-repeat 1px 2px;
  top: -1px;
  left: -1px;
  width: 15px;
  height: 15px;
  font: normal 12px/16px FontAwesome;
  text-align: center;
}
.logo img {
  max-width: 125px;
}
.checkbox1 input + i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -o-transition: opacity 0.1s;
  -ms-transition: opacity 0.1s;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.checkbox1 input {
  position: absolute;
  left: -9999px;
}
.checkbox1 input:checked + i:after {
  opacity: 1;
}
.news-letter:hover {
  color: #f7941d;
}
.login h1 {
  text-align: center;
  font-size: 2.5em;
}
.login h1 a {
  color: #d95459;
  text-decoration: none;
}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #589637;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 100%;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #1abc9c;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.login-sub {
  background: #939598;
}
.login-sub:before {
  background: #589637;
}
.profile-bottom-bottom {
  padding: 2em 0;
}
div#home {
  padding: 1em 0 0;
}
/*--inbox--*/
.inbox-right {
  background-color: #fff;
  padding: 1.8em;
  border: 1px solid #ebeff6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-img img {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}
.table-row td {
  font-size: 1em;
  padding: 15px 8px 15px !important;
  line-height: 1.42857143;
  vertical-align: middle !important;
  border-top: 1px solid #ddd;
}
td.table-text h6 {
  font-size: 1.2em;
  color: #000;
}
td.table-text p {
  font-size: 0.9em;
  line-height: 1.5em;
  color: #999;
}
td i {
  color: #999;
}
td span.fam {
  color: #fff;
  font-size: 0.8em;
  padding: 4px 7px;
}
td span.fam {
  background: #3BB2D0;
}
td span.ur {
  background: #FFA800;
}
td span.work {
  background: #7F8C8D;
}
td span.mar {
  background: #1ABC9C;
}
.compose h2 {
  font-size: 1.2em;
  color: #fff;
  background: #D95459;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}
.inbox-mail {
  padding: 1em 0;
}
.input-group {
  padding-bottom: 1em;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.mail-toolbar {
  padding-bottom: 2em;
}
.form-control2 {
  border: 1px solid #e0e0e0;
  padding: 5px 8px;
  color: #616161;
  width: 100%;
  font-size: 0.85em;
  font-weight: 300;
  height: 40px;
  -webkit-appearance: none;
  outline: none;
  background-color: #fff;
  border: 1px solid #ebeff6;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.input-group-btn button.btn.btn-success {
  line-height: 24px;
  background-color: #FFA800;
  border: 1px solid transparent;
  border-color: #FFA800;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.nav-sidebar ul li a span {
  color: #fff;
  font-size: 0.8em;
  background: #D95459;
  border-radius: 10px;
  width: 25px;
  height: 18px;
  display: inline-block;
  line-height: 1.7em;
  text-align: center;
  float: right;
}
.content-box {
  background-color: #fff;
  border: 1px solid #ebeff6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.content-box ul li {
  list-style: none;
}
.content-box ul li a {
  font-size: 1em;
  color: #999;
  padding: 0.5em 1em;
  display: block;
}
.content-box ul li span {
  font-size: 1.1em;
  color: #fff;
  padding: 0.5em 1em;
  background: #1ABC9C;
  display: block;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
}
.content-box ul li a i {
  margin-right: 4%;
}
.tabs li a {
  padding: 1em;
}
.tabs li a:hover {
  background: #1ABC9C !important;
  color: #fff;
}
.tabs li:first-child a {
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
}
.tabs li:last-child a {
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
}
nav.nav-sidebar {
  margin: 1em 0;
  background: #fff;
  border: 1px solid #ebeff6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
tr.table-row:hover {
  background: #FAFAFA;
}
.tab-content {
  padding-left: 0px;
}
tr.table-row {
  border-top: 1px solid #F3F3F4;
}
.tab-content-in {
  margin: 0;
}
/*--graph--*/
.graph-2 {
  padding-left: 8px;
}
.graph-1 {
  padding-right: 8px;
}
.graph-5 {
  padding-left: 8px;
}
.graph-4 {
  padding: 0 8px;
}
.graph-3 {
  padding-right: 8px;
}
.grid-1 {
  background-color: #fff;
  padding: 1.8em;
  border: 1px solid #ebeff6;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.graph h4 {
  font-size: 2em;
  text-align: center;
  margin-bottom: 1em;
}
.grid-graph {
  float: left;
  width: 36%;
  padding-right: 7%;
  padding-top: 10%;
}
.grid-graph1 {
  font-size: 12px;
  border: 1px solid #E6E6E6;
  padding: 10px;
}
#os-Win-lbl {
  border-left: #1ABC9C solid 1em;
  padding-left: .5em;
  font-size: 1em;
  color: #777F8C;
}
.grid-graph div {
  margin: 3px 0;
}
#os-Other-lbl {
  border-left: #D95459 solid 1em;
  padding-left: .5em;
  font-size: 1em;
  color: #777F8C;
}
#os-Mac-lbl {
  border-left: #3BB2D0 solid 1em;
  padding-left: .5em;
  font-size: 1em;
  color: #777F8C;
}
.grid-graph span {
  float: right;
  padding-left: .5em;
}
.grid-2 {
  float: left;
}
.graph-box1 {
  margin: 1em 0;
}
.graph {
  padding: 1em 0;
}
/*--404--*/
.four {
  text-align: center;
  padding: 3em 0;
}
.four a {
  font-size: 0.9em;
  padding: 0.5em 1em;
  color: #fff;
  display: block;
  text-decoration: none;
  background: #d95459;
  margin: 0 auto;
  width: 10%;
}
.four p {
  font-size: 1em;
  padding: 0.5em 0em 2em;
  display: block;
}
/*--footer--*/
.copy-right {
  text-align: center;
}
.copy {
  background: #fff;
  text-align: center;
  padding: 1.5em 0;
  margin-top: 0;
  float: left;
  width: 100%;
}
.copy p, .copy-right p {
  font-size: 0.85em;
  color: #555;
}
.copy p a, .copy-right p a {
  color: #000;
}
._objectiveSlide {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 65px;
  width: 64%;
  height: 70%;
}
.editOptSlide {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 62px;
  width: 73%;
  height: 88%;
}
.addOpertorSlide {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 0;
  width: 97.4%;
  height: 70%;
}
._reminderSlide {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 65px;
  width: 64%;
  height: 70%;
  min-height: 600px;
}
._ticketSlide {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 65px;
  width: 64%;
  height: 100%;
}
._TaskDetialsSlide {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
._TaskDetialsSlide ._closeDiv {
  top: 0;
  right: -30px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: 0;
}
._listView {
  float: left;
  width: 100%;
}
._listView table th:nth-child(3) {
  width: 100px;
}
._listView table th:nth-child(7) {
  width: 100px;
}
.table td {
  font-size: 13px!important;
  color: #6d6e71!important;
}
.table th {
  font-size: 13px!important;
  color: #000!important;
}
._objectiveView ._closeDiv {
  top: 2px;
}
._objContainer {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  margin-top: 10px;
  min-height: 727px;
  background: #fff
}
.editOperator {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  height: 527px;
  background: #fff;
}
.addopertor {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  height: 100%;
  min-height: 692px;
  background: #fff;
  overflow-y: auto;
}
.contactOpertor {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  height: 526px;
  background: #fff;
}
._ticketContainer {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  margin-top: 10px;
  height: 100%;
  background: #fff;
  min-height: 730px;
  position: relative;
}
._reminderContainer {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  margin-top: 10px;
  height: auto;
  min-height: 158px;
  background: #fff;
}
.content-main {
  position: relative;
}
._objectiveView {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 0;
  width: 97%;
  top: 0;
  height: 100%;
}
.tabs .fa {
  margin-right: 6px;
}
/* #reminders-container ._cCont{font-size: 13px;
    line-height: 16px;}*/
#reminders-view ._department {
  color: #000;
  font-size: 12px;
  float: left;
  margin-top: 5px;
  width: 100%;
}
#reminders-view ._department span {
  font-weight: normal;
}
.pagination>li>a, .pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #6d6e71;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 13px;
}
._inputDate {
  float: right;
  width: 85%;
}
._inputDate .form-control {
  width: 30%;
  float: left;
  height: 26px;
  padding: 4px;
  font-size: 12px;
}
._reminderCheckbox {
  float: left;
  margin-left: 10px;
  width: 68%;
}
._reminderCheckbox .col-sm-4 {
  padding: 0 5px;
}
._reminderRow {
  float: left;
  width: 100%;
  font-size: 12px;
  margin-bottom: 5px;
}
._reminderRow ._inputDetails {
  width: 85%;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #f7941d;
  border-color: #f7941d;
}
._reminderCheckbox input[type="checkbox"] {
  float: left;
  margin: 5px 5px 0 0;
}
._reminderCheckbox label {
  font-weight: normal;
  margin-bottom: 0;
  line-height: 26px;
}
._listView .table {
  background: #fff;
}
.mr15 {
  margin-right: 15px;
}
.summary {
  font-size: 13px;
  margin-bottom: 5px;
  float: left;
}
.alert {
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 13px;
}
._backdrop {
  position: fixed;
  width: 100%;
  z-index: 99;
  height: 100%;
  opacity: .5;
  top: 0;
  left: 0;
  background: #000;
}
._popupbox {
  width: 400px;
  border-radius: 5px;
  height: auto;
  z-index: 999;
  background: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -80px;
  box-shadow: 0 0 10px #666060;
  padding: 20px;
}
._btnsDiv {
  text-align: center;
  margin-top: 40px;
}
._btnsDiv button {
  margin: 0 5px;
}
._contentBox {
  text-align: center;
}
._pheading {
  font-size: 20px;
  color: #589637;
  font-weight: 400;
  padding: 0;
  float: left;
  width: 100%;
}
._insideObjective ul {
  list-style: none;
}
._insideObjective ul li {
  font-size: 12px;
  cursor: pointer;
  width: 155px;
  margin-bottom: 5px;
}
._objTitle {
  padding: 15px 0 0;
  color: #000;
  float: left;
  width: 69%;
  min-height: 107px;
}
.reminderTitle {
  padding: 15px 0 0;
  color: #000;
  float: left;
  width: 100%;
  background: #fff;
}
._objTitle ._department {
  color: #000;
  font-size: 12px;
  float: left;
  margin-right: 15px;
  margin-top: 5px;
  width: 100%;
}
._ObjCal {
  float: left;
  margin-right: 15px;
  font-weight: 500;
  font-size: 12px;
  color: #6d6e71;
}
._bObj {
  float: left;
  margin-top: 2px
}
._bObj-details {
  float: right;
  margin-top: 2px;
  text-align: right
}
._objnav .btn-warning {
  padding: 6px;
}
._bObj .small-square-1 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 8px;
  background: #e6e7e8;
  margin-bottom: 5px
}
._bObj .small-square-2 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 8px;
  background: #000000;
  margin-bottom: 5px
}
._bObj .small-square-3 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 8px;
  background: #f7941d;
  margin-bottom: 5px
}
._bObj .small-square-4 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 8px;
  background: #589637;
  margin-bottom: 5px
}
._bObj .small-square-5 {
  width: 13px;
  height: 13px;
  background: #ed1c24;
  float: left;
  margin-right: 8px;
  margin-bottom: 5px
}
._bObj>div {
  margin-top: 0;
}
#collapse3 {
  position: relative;
}
#collapseTask ._department span {
  float: left;
  width: 40%;
  text-align: left
}
#collapseTask ._department label {
  float: left;
  width: 53%;
  text-align: left;
  margin-right: 10px;
}
#ticket-actions .panel-default {
  margin-bottom: 0;
}
._bticke-details {
  float: left;
  margin-top: 2px;
  text-align: left;
  width: 100%;
  font-style: italic;
  font-size: 13px;
}
._ticketTitle {
  padding: 15px 0;
  color: #000;
  float: left;
  width: 100%;
  height: auto;
}
._ticketnav {
  float: left;
  width: 100%;
  margin: 15px 0 10px;
}
._AnnouncementAdd ._reminderRow ._inputDetails {
  width: 100%;
}
._AnnouncementAdd .btn {
  padding: 3px 12px;
}
._AnnouncementAdd .input-group {
  padding-bottom: 0;
}
._ticketnav .btn {
  padding: 3px 8px;
}
a:focus {
  color: #fff;
}
.editticket {
  color: #fff;
}
._hdtls {
  float: left;
  width: 90%;
}
._hdtlsN {
  float: left;
  width: 88%;
}
._inputDetails {
  float: right;
  width: 100%;
}
._inputDetails .form-control {
  font-size: 12px;
  height: 30px;
  height: 26px;
  padding: 4px;
}
._inputDetails textarea.form-control {
  height: 80px;
  resize: none
}
._cmt {
  float: left;
  width: 100%;
  height: 400px;
  overflow: auto
}
._bObj-details>div {
  width: 13px;
  height: 13px;
  margin-left: 8px;
  margin-right: 0
}
.faEdit:hover .fa {
  color: #f7941d;
}
.btn ._objdate {
  font-size: 12px;
  color: #000;
  float: left;
  width: 98%;
}
._objnav {
  padding: 21px 0 0;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  width: 25%;
  float: right;
  text-align: right;
}
.greenActive {
  background: #589637;
  color: #fff
}
.fr {
  float: right
}
._taskHeading {
  font-size: 18px;
  color: #589637;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 15px;
}
.panel-title>a {
  font-size: 18px;
  color: #589637;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
  text-decoration: none;
  display: block;
  padding: 10px 0;
}
.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #ddd;
  border-bottom: 1px solid
}
._objTask {
  float: left;
  width: 100%;
  position: relative;
}
._objTask ._department {
  margin-bottom: 8px;
  color: #231f20;
  float: left;
  width: 98%
}
._objTask ._cHeading {
  color: #231f20
}
._activeheading ._cHeading {
  color: #f7941d
}
._plus {
  float: left;
  padding: 13px 20px;
  cursor: pointer;
}
._closeDiv {
  position: absolute;
  right: -8px;
  z-index: 22;
  top: -9px;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  background: #ccc;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
}
._objrow {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  border-bottom: 1px solid #808285;
  padding-bottom: 5px;
}
#ticket-actions ._objrow {
  padding: 5px;
  border: 1px solid transparent;
  border-bottom: 1px solid #808285!important;
  font-size: 13px;
}
#ticket-actions ._objrow:hover {
  border: 1px solid #f7941d!important;
}
.dropdown-toggle .fa {
  font-size: 27px;
  float: left;
  margin: 7px 10px 0 0;
  color: #6d6e71;
}
._ticketTask {
  float: left;
  width: 100%;
  min-height: 500px;
  position: relative;
}
._ticketTask ._department {
  border-bottom: 1px solid #f2efef;
  float: left;
  width: 100%;
  padding: 5px 0;
}
.faEdit {
  font-size: 11px;
  float: right;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  text-align: center;
  line-height: 19px;
  margin: 0 3px;
}
.faEdit .fa, .fa-download {
  color: #939598;
  font-size: 15px;
}
.faEdit:hover {
  text-decoration: none;
  color: #fff;
}
._iconDiv {
  float: right;
}
._objIcon {
  float: right;
  margin-top: 0;
  position: absolute;
  right: 17px;
  top: 4px;
}
.faObj {
  font-size: 25px;
  color: #939598;
  text-decoration: none
}
.faObj:hover {
  color: #f7941d;
}
.searchSection {
  float: left;
  width: 100%;
  position: relative;
}
.panel-heading {
  padding: 0;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #808285;
}
.panel-default>.panel-heading {
  border-color: #808285;
}
.panel {
  background-color: #fff;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 0;
}
.panel-default {
  border-color: #808285;
}
.panel-body {
  padding: 7px 0;
}
.panel-group .panel {
  border-radius: 0
}
.file {
  position: absolute;
  z-index: 999;
  opacity: 0;
}
input[type=file] {
  display: block;
  width: 70%;
  height: 27px
}
.filesection .btn {
  padding: 3px 12px;
}
.filesection {
  float: left;
  width: 100%;
  position: relative;
}
._objectiveSlide #accordionObj ._objrow .faEdit {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}
._objectiveSlide #accordionObj ._objrow:hover .faEdit {
  display: block;
}
._objdate {
  float: left;
  width: 99%;
  margin-top: 5px;
}
.panel .panel-title>.activeToggle:after {
  font-family: 'FontAwesome';
  content: "\f078";
  float: right;
  color: grey;
}
.panel .panel-title>a:after {
  font-family: 'FontAwesome';
  content: "\f078";
  float: right;
  color: grey;
}
.panel .panel-title>a.collapsed:after {
  font-family: 'FontAwesome';
  content: "\f054";
  float: right;
  color: grey;
}
._ticketnav .fa {
  color: #fff;
  padding-right: 3px;
}
._ticketnav .fa:before {
  color: #fff;
}
.cheadingEdit {
  position: absolute;
  right: 0;
  top: 0;
}
._ticketnav .btn {
  padding: 3px 8px;
}
.rembtn .btn {
  padding: 3px 8px;
}
.rembtn {
  float: right;
  margin: 0 0 10px;
  text-align: right;
}
.rembtn .fa {
  color: #fff;
  padding-right: 5px;
}
.rembtn .fa:before {
  color: #fff!important;
}
._ticketTitle ._department {
  margin-top: 5px
}
#ticket-actions .panel-title>a:after {
  content: "";
}
#ticket-actions ._cHeading {
  width: 91%;
  margin-bottom: 0;
}

._ObjDtailsArea ._ticketnav {
  margin: 0 0 5px;
  text-align: right;
}
#ticketcomment {
  width: 100%;
  resize: none;
}
._subcomment {
  float: left;
  text-align: left;
  width: 100%;
  font-style: italic;
  color: #6d6e71;
  font-size: 12px
}
#ticket-view ._proceedDiv {
  padding: 0;
}
.attachmentImg {
  width: 30px;
  height: auto;
}
.attachmentsection a {
  color: #000!important;
  text-decoration: none
}
#_proceedDiv .attachmentsection td {
  padding: 3px!important;
  vertical-align: middle;
}
._departmentTicket {
  color: #000;
  font-size: 12px;
  float: left;
  margin-right: 15px;
  margin-top: 5px;
  width: 100%;
}
._Fna {
  word-wrap: break-word;
  margin-bottom: 5px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #f2efef;
  padding-bottom: 5px;
}
._Fna a {
  color: #000!important;
  text-decoration: none;
}
.nTh {
  float: left;
  width: 100%;
  height: 635px;
  overflow: auto;
  margin-top: 10px;
  padding-right: 5px;
}
#_proceedDiv .chekcboxrowParent {
  width: 100%;
}
._proceedDiv ._subcomment {
  font-size: 12px!important;
  margin-bottom: 5px;
}
#_proceedDiv ._reminderRow {
  margin-bottom: 10px;
}
.mt15 {
  margin-top: 16px;
}
.neprsave {
  position: absolute;
  right: 15px;
  top: -42px;
  z-index: 999;
}
.error {
  color: #ff0000!important;
}
._proceedDiv {
  position: relative;
}
#_proceedDiv .wid90 {
  width: 90%;
}
#_proceedDiv .col-sm-12 {
  padding: 0;
}
.optrow {
  border: 1px solid #808285;
  padding: 15px;
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 0;
}
._opaCti {
  float: right;
  width: 77%;
}
._opaCti a {
  font-weight: 700;
  font-size: 13px;
  color: #231f20!important;
  margin-bottom: 5px;
}
.OptLeft {
  width: 80px;
  float: left;
}
.operator-view ._department label {
  margin-bottom: 0;
  font-weight: 400
}
.OptLeft .activebtn {
  width: 100%;
  text-align: center;
  padding: 1px 11px;
  margin: 0 0 5px;
  background: #589637;
}
.OptLeft .inactivebtn {
  width: 100%;
  text-align: center;
  padding: 1px 11px;
  margin: 0 0 5px;
  background: #999;
}
._optheading {
  font-weight: 700;
  font-size: 13px;
  color: #231f20!important;
  margin: 5px 0;
  float: left;
  width: 100%;
  position: relative;
}
.address {
  float: left;
  font-size: 13px;
  color: #6d6e71;
  margin-bottom: 5px;
  width: 100%;
}
.sortBy select {
  background-color: #fff;
  border: 1px solid #808285;
  height: 31px;
  width: 100%;
  font-size: 13px;
  color: #6d6e71;
  display: block;
  float: left;
  padding: 5px 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: 0;
  background: #fff url("../images/downarrow.jpg") no-repeat 97% 9px
}
.sortBy .fa-angle-down {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 27px;
  color: #6d6e71;
}
.optsechsection {
  float: left;
  width: 100%;
  margin: 5px 0;
}
.optsechsection ._department {
  margin-top: 5px;
}
._optheading a {
  color: #000!important;
}
._optContact {
  float: left;
  font-size: 13px;
  color: #6d6e71;
  margin-top: 0;
  width: 100%;
  padding-bottom: 0;
}
._oplright {
  float: left;
  width: 100%;
  border: 1px solid #808285;
  padding: 0;
  min-height: 527px;
}
._oplright .panel-title>a {
  padding: 10px;
}
._oplright .panel-body {
  padding: 10px;
}
.table th a {
  color: #000;
}
.glyphicon {
  color: #939598;
}
.glyphicon:hover {
  color: #f7941d
}
.grid-view .table td {
  text-align: left;
  cursor: pointer;
}
.grid-view .table td:last-child a {
  padding: 0 3px;
  color: #939598;
}
.fa:hover {
  color: #f7941d;
}
.table td, .table>tbody>tr>td, .table>thead>tr>th {
  padding: 6px!important;
  vertical-align: middle;
}
.optlisting .fa-plus:before {
  color: #fff;
}
._optIcon {
  float: right;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
}
._optVB ._optIcon {
  right: -5px;
}
._optVB ._optIcon .faEdit {
  font-size: 28px;
  margin: 0;
}
._optVB ._optIcon .faEdit a {
  text-decoration: none
}
._optIcon a {
  color: #939598;
}
._optIcon a:hover {
  color: #f7941d;
}
.questionNum {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.questionNum span {
  width: 34px;
  height: 34px;
  float: left;
  margin-right: 25px;
  text-align: center;
  line-height: 34px;
  border-radius: 50%;
  color: #6d6e71;
  cursor: pointer;
  border: 1px solid #ccc;
  font-size: 13px;
}
.CarQSection {
  float: left;
  width: 100%;
  margin: 15px 0;
}
.CarQSection .quest {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.CarQSection .quest ._pheading {
  margin: 10px 0
}
.CarQSection .option {
  float: left;
  width: 100%;
  margin: 5px 0;
  font-size: 13px;
  padding: 0;
}
.CarQSection .option input[type="radio"] {
  float: left;
  margin: 3px 5px 0 0;
}
.history-box {
  width: 100%;
  height: 150px;
  overflow: auto;
  float: right;
  border: 1px solid #ccc;
  margin-top: 5px;
  font-size: 13px;
  padding: 5px;
  box-sizing: border-box;
  font-weight: 500;
}
.questionNum .QActive {
  border: 1px solid #808285;
}
.questionNum .selectedQuestion {
  background: #f7941d!important;
  border: 1px solid transparent;
  color: #fff;
}
.carNewTicket ._inputDetails {
  width: 100%!important;
  position: relative;
}
.dollar {
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 9;
  background: #f7941d;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  color: #fff;
  top: 0;
  left: 0;
  font-size: 12px;
}
.percentage {
  position: absolute;
  width: 25px;
  height: 25px;
  z-index: 9;
  background: #f7941d;
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  color: #fff;
  top: 0;
  right: 0;
  font-size: 12px;
}
._carScoreinside {
  float: left;
  width: 100%;
  margin-top: 10px;
}
._OptTitle {
  padding: 15px 0;
  color: #000;
  float: left;
  width: 100%;
  height: auto;
}
.editOptSlide ._closeDiv {
  top: -8px;
}
.editOperator ._reminderRow ._inputDetails {
  width: 100%;
}
.operator-view ._department {
  float: left;
  width: 100%;
  margin-bottom: 0;
  font-size: 12px;
  color: #6d6e71;
}
.Optrow {
  float: left;
  width: 100%;
  border-top: 1px solid #808285;
  margin: 10px 0 0;
  padding: 10px 0 0;
  font-size: 13px;
}
.Optrow label {
  font-size: 13px;
}
.optchebox {
  margin-left: 15px;
  float: left;
}
.optchebox input[type="checkbox"] {
  float: left;
  margin: 2px 8px 0 0;
}
.pbrow input[type="checkbox"] {
  float: right;
  margin: 4px 0 0;
}
.pbrow input[type="radio"] {
  float: right;
  margin: 4px 0 0;
}
.fr {
  float: right;
}
._editheading {
  font-size: 13px;
  margin-bottom: 10px;
  position: relative;
  font-weight: 700;
  color: #589637;
  float: left;
  width: 100%;
}
.optrowtop {
  border: 0;
  padding-top: 0;
  margin: 0;
}
._manHeight {
  float: left;
  width: 100%;
}
._heigM {
  height: 340px;
  overflow-y: auto;
}
._ticketTask #collapseTask .subheading {
  padding: 5px 0;
  border-bottom: 1px solid #808285;
  font-size: 13px;
  color: #589637;
  line-height: 20px;
  margin-bottom: 15px;
  float: left;
  width: 100%;
  font-weight: 700;
  margin-top: 15px;
}
#collapseBrokermultiUnit .table>tbody>tr>th {
  font-weight: 400
}
.Pb input[type=checkbox], .Pb input[type=radio], #collapseDistributor .table>tbody>tr>td {
  margin: 2px
}
._oplright ._objrow {
  padding-bottom: 0;
  border-bottom: 1px solid #808285;
}
#collapseDistributor .pagination {
  margin: 8px 0;
}
#collapseDistributor .pagination>li>a, #collapseDistributor .pagination>li>span {
  padding: 0 5px;
  font-size: 12px;
}
.optContactleft {
  float: left;
  width: 85%;
}
.optContactleft a {
  text-decoration: underline;
  color: #6d6e71;
}
.operator-view #OperatorInfo ._department span {
  float: right;
  width: 60%;
  text-align: left;
  word-wrap: break-word
}
._optContact .faEdit {
  margin: 0;
}
._Noterow {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #808285;
}
._nHeading {
  font-weight: 700;
  font-size: 13px;
  color: #231f20!important;
  margin-bottom: 0;
  float: left;
  width: 100%;
  position: relative;
}
._nHeading ._hdtls {
  float: left;
  width: 87%;
}
._Noterow ._objdate {
  float: left;
  width: 99%;
  margin-top: 0;
  font-size: 12px;
  color: #6d6e71;
}
._cBox {
  float: left;
  background: #9c9a9a;
  width: 80px;
  height: 52px;
  position: relative;
}
._cBoxCont {
  text-align: center;
  font-size: 12px;
  line-height: 17px;
  padding: 10px 0;
  color: #fff;
}
._cBoxCont span {
  font-size: 16px;
  font-weight: 900;
}
.operator-view .col-sm-3 .optrow:last-child {
  border-bottom: 1px solid #808285
}
.operator-view .col-sm-3 .optrow ._optContact:nth-child(2) {
  border-bottom: 0
}
._ntBArea {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: right;
}
._ntBArea textarea {
  float: left;
  width: 100%;
  height: 67px;
  resize: none;
  outline: 0;
  font-size: 13px
}
#opeartorList .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 0;
  border-top: 0;
  width: auto;
  padding-top: 10px;
  padding-right: 10px;
}
._carHeading {
  font-size: 13px;
  color: #231f20!important;
  margin-bottom: 5px;
  float: left;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #808285;
}
.grade {
  font-weight: 700;
  font-size: 15px;
  float: left;
  margin-right: 10px;
  line-height: 14px;
}
.cardate {
  text-align: right;
  font-style: italic;
  float: right;
}
._carHeading .total {
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
}
#collapseTask ._ticketnav {
  margin: 0 0 5px;
  text-align: right
}
.searchContar.border {
  border: 1px solid #808285
}
#objective_associate_user ._cHeading input[type="checkbox"] {
  float: left;
  margin: 2px 5px 0 0;
}
.addTaskContainer ._ticketnav {
  margin: 0 0 5px;
  text-align: right
}
.addTaskContainer ._department {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}
.addTaskContainer ._department label {
  color: #000;
}
.addTaskContainer {
  margin-top: 15px;
}
.addTaskContainer .panel-title>a {
  cursor: default;
}
.addTaskContainer .panel-title>a:after {
  content: "";
  cursor: default
}
#Objectives ._objIcon {
  right: 0;
}
.glyphicon-pencil:before {
  font-family: "FontAwesome";
  content: "\f040";
  float: right;
}
.adContact ._reminderRow ._inputDetails {
  width: 100%
}
.adContact ._reminderRow {
  width: 48%
}
.adContact ._reminderRow:nth-child(even) {
  float: right
}
.contaCheck .optchebox {
  margin-right: 15px;
  margin-left: 0
}
.adContact .notesection {
  width: 100%
}
.adContactbtn {
  float: right;
  margin: -44px 15px 0;
  position: relative;
  z-index: 999;
}
.ajaxLoader {
  position: absolute;
  right: 5px;
  top: 28px;
  margin-left: -24px;
  margin-top: -24px;
  border: 2px solid #f89729;
  border-radius: 50%;
  border-top: 2px solid #f89729;
  border-bottom: 5px solid #419639;
  border-left: 2px solid #419639;
  width: 18px;
  height: 18px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  border-bottom: 1px solid #808285;
  z-index: 999;
  display: none;
}
.posr {
  position: relative;
}
.ui-autocomplete-loading + .ajaxLoader {
  display: block
}
.optlisting ._optSercbox .form-control {
  border: 1px solid #808285;
  height: 31px;
  font-size: 12px;
  margin-bottom: 0;
}
.homeAccordian a {
  display: inline-block;
  border-radius: 5px 5px 0 0;
  padding: 5px 8px;
  background: #fff;
  color: #589637;
  position: relative;
  border: 1px solid #808285;
  border-bottom: 0;
}
.homeAccordian a:after {
  content: ""!important
}
body .homeAccordian a._plusCount {
  padding: 2px 8px;
  font-size: 13px;
  border-radius: 5px 5px 0 0;
  background-color: #f7941d;
  border-color: #f7941d;
}
body .homeAccordian a._plusCount .fa-plus:before {
  color: #fff;
}
._dcad {
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 5px;
}
.salesTab ._reminderRow, .salesHomeTab ._reminderRow {
  width: 48%
}
.salesTab ._reminderRow:nth-child(even) {
  float: right
}
.salesHomeTab ._reminderRow:nth-child(even) {
  float: right
}
.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active {
  background-color: #f7941d;
  border-color: #f7941d;
}
.ticktblbtn {
  float: right;
  margin: 0 0 10px;
}
.ticktblbtn .fa {
  color: #fff;
  padding-right: 3px;
}
.ticktblbtn .btn {
  padding: 3px 8px;
}
.ticktblbtn .fa:before {
  color: #fff;
}
.grid-view .summary {
  font-size: 13px;
  float: left;
  margin-bottom: 7px;
}
.ticktblbtn .btn-default {
  color: #fff!important;
  background-color: #f7941d!important;
  border-color: #f7941d!important;
}
.ticktblbtn .btn-default .glyphicon-list:before, .ticktblbtn .btn-default .glyphicon-export:before {
  color: #fff
}
.kv-checkbox-list .checkbox {
  padding: 0 20px;
  margin: 5px 0;
  font-size: 13px;
}
.kv-toggle-all {
  font-style: italic;
  color: #000;
  margin-top: 5px;
}
.group-circles .small-square-4 {
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 8px;
  background: #589637;
  margin-top: 0;
}
.group-circles>div {
  width: 15px;
  height: 15px;
  margin-top: 0;
}
#collapseAssosiatedPartyParent .panel-title>a {
  padding-top: 0;
}
#salesHomeTab ._reminderRow ._inputDetails .filesection:last-child .input-group {
  padding-bottom: 0
}
#salesHomeTab ._reminderRow:nth-last-child(2) {
  margin-bottom: 0;
}
.actiondiv {
  margin: 0 0 5px;
  text-align: right;
}
.actiondiv .btn {
  padding: 3px 8px;
}
.actiondiv .btn .fa {
  padding-right: 3px;
  color: #fff;
}
.actiondiv .btn .fa:before {
  color: #fff;
}
#collapseAssosiatedParty {
  position: relative;
}
.acs {
  position: absolute;
  right: 67px;
  top: 7px;
}
/*--responsive--*/
.carscust {
  font-size: 15px;
}
#upperdiv ._ticketTitle {
  padding: 15px 0;
}
.PlusIcon {
  width: auto;
  float: right;
  margin-left: 15px;
  height: 20px;
  margin-top: 4px;
}
#commentdiv {
  float: left;
}
#commentdiv ._reminderRow label {
  float: left;
  width: 100%;
  text-align: left;
}
.objheadingEdit {
  float: left;
}
.objEditNe {
  float: left;
  margin-left: 15px;
  margin-top: 4px;
  font-size: 15px;
  color: #939598;
}
.objEditNe:hover {
  color: #d58512;
}
._cHeading .small-square-1 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 4px;
  background: #e6e7e8;
  margin-top: 2px;
}
._cHeading .small-square-2 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 4px;
  background: #000000;
  margin-top: 2px;
}
._cHeading .small-square-3 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 4px;
  background: #f7941d;
  margin-top: 2px;
}
._cHeading .small-square-4 {
  width: 13px;
  height: 13px;
  float: left;
  margin-right: 4px;
  background: #589637;
  margin-top: 2px;
}
._cHeading .small-square-5 {
  width: 13px;
  height: 13px;
  background: #ed1c24;
  float: left;
  margin-right: 4px;
  margin-top: 2px;
}
#edit-mbo-form .form-control {
  font-size: 12px;
  height: 26px;
  padding: 4px;
}
._ObjDtailsArea ._heigM {
  height: 280px;
  overflow-y: auto;
}
.filesection .input-group .form-control {
  height: 26px;
  font-size: 13px;
}
.ticktProduct .panel-group {
  margin-bottom: 0;
}
.ticktProduct .panel-title>a {
  padding: 0;
  position: relative;
}
.ticktProduct .panel-default>.panel-heading {
  border-bottom: 0
}
.ticktProduct .panel .panel-title>a.collapsed:after {
  font-family: 'FontAwesome';
  content: "\f054";
  color: grey;
  position: absolute;
  right: 3px;
  top: 50%;
  width: 22px;
  height: 22px;
  margin-top: -13px;
  border-radius: 50%;
  font-size: 15px;
  padding-left: 8px;
  padding-top: 1px;
}
.ticktProduct .collapse.in .table>tbody>tr>td {
  border-left: 0!important;
}
.ticktProduct .collapse.in .table>tbody>tr:first-child td {
  border-top: 0!important;
}
.ticktProduct .collapse.in .table>tbody>tr>td:last-child {
  border-right: 0!important;
}
.ticktProduct .collapse.in {
  border: 1px solid #f7941d;
}
.ticktProduct .table>thead>tr>th {
  font-weight: 300;
  border-top: 0!important;
}
.ticktProduct .panel-body {
  padding: 0;
}
.ticktProduct .panel .panel-title>a:after {
  font-family: 'FontAwesome';
  content: "\f078";
  color: grey;
  position: absolute;
  right: 3px;
  top: 50%;
  width: 22px;
  height: 22px;
  margin-top: -13px;
  border-radius: 50%;
  font-size: 15px;
  padding-left: 4px;
  padding-top: 1px;
}
._AnnouncmentDiv {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 0;
  width: 98%;
  height: 100%;
}
._AnnouncementAdd {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  margin-top: 0;
  height: 500px;
  background: #fff;
  position: relative;
}
.announcement-container {
  float: left;
  width: 100%;
}
.announcement-container .summary {
  margin-bottom: 10px;
}
.announcement-container ._closeDiv {
  position: absolute;
  right: -10px;
  z-index: 22;
  top: 0;
}
._ancontainer .rembtn {
  margin: 0;
}
._tickActD {
  float: right;
  margin-left: 4px;
  width: 14px;
  height: 14px;
  background: #ccc;
  border-radius: 50%;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  position: absolute;
  top: -6px;
  right: -5px;
  color: #000;
}
._mheading {
  display: none;
}
._saActive {
  border: 1px solid #f7941d!important;
  border-bottom: 0!important;
}
.editcontactOpertor ._closeDiv {
  top: 0
}
._editContact .adContactbtn {
  top: 5px
}
._editContact ._OptTitle {
  padding: 15px 0;
}
.contactus .grid-view .summary {
  margin-bottom: 10px;
}
.refineSearchBox .fa:before {
  color: #fff;
  margin-right: 5px;
}
.refineSearchBox {
  float: left;
  width: 100%;
  text-align: right;
  margin-bottom: 10px
}
.sample-view .searchSection {
  margin-bottom: 10px
}
.sample-view .searchSection label {
  font-size: 17px;
}
.sample-view .newOrder label {
  font-size: 25px;
}
.sample-view .optrow {
  padding: 10px;
}
.refineSearchBox select {
  font-size: 12px;
  height: 26px;
  padding: 4px;
  width: 32%;
  float: left;
  margin-right: 5px;
}
#banner .optsrch .refineSearchBox select {
  width: 31%;
  float: none;
  display: inline-block;
}
.optsrch .refinesecontainer .btn {
  padding: 5px 8px;
}
.optsrch .refineSearchBox input[type="text"] {
  height: 31px;
  border: 1px solid #808285;
  float: none;
  display: inline-block;
}
.optsrch .refinesecontainer {
  float: right;
  width: auto;
  margin: 0;
}
.optsrchboxContainer {
  float: left;
  width: 100%;
}
.refineSearchBox input[type="text"] {
  font-size: 12px;
  height: 26px;
  padding: 4px;
  width: 31%;
  float: left;
  margin-bottom: 0;
  margin-right: 5px;
  position: static;
}
.sample-view .refineSearchBox .btn {
  padding: 3px 8px;
}
.optsrch ._rowminus {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
}
.sample-view .table td, .sample-view .table>tbody>tr>td, .sample-view .table>thead>tr>th {
  padding: 3px!important;
}
.sample-view ._ntBArea {
  margin-bottom: 0;
  text-align: left;
  font-size: 13px;
  color: #6d6e71;
  word-wrap: break-word;
  height: 70px;
  overflow-y: auto;
}
.refinesearchBoxDiv {
  float: left;
  width: 100%;
}
.sample-view .saSrchbox label {
  margin-top: 9px;
  margin-bottom: 0px
}
.saTable {
  float: left;
  width: 100%;
  font-size: 12px;
}
#collapseTask1 ._heigM {
  height: 450px;
}
#add-ticket select.error {
  color: #000!important;
}
.showTopbanner .content-main>#banner {
  display: none!important
}
.showTopbanner ._objectiveView ._closeDiv {
  top: -10px;
}
.showTopbanner .grid-view .summary {
  font-size: 13px;
  margin-bottom: 0;
  float: left;
  margin-top: 0;
  margin-bottom: 7px;
}
.showTopbanner .copy {
  margin-top: 100px;
}
.modal-dialog {
  background: #fff;
  width: 460px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -130px 0 0 -230px;
  border: 1px solid rgba(33, 33, 33, 0.6);
  -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
  box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}
.bootstrap-dialog.type-warning .modal-header {
  background-color: #d1d3d4;
  border-radius: 0;
}
.bootstrap-dialog .bootstrap-dialog-title {
  font: 25px/1 'arial';
  background: #d1d3d4;
  padding: 0;
  color: #000;
}
.modal-body {
  background: none;
  font-size: 16px;
  line-height: 1.4;
  font: 25px/1 'arial';
  padding: 18px 25px;
  color: #000;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer {
  padding: 15px 0 25px;
  text-align: center;
  border: 0;
}
.modal-footer .glyphicon {
  display: none
}
.modal-content {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}
.bootstrap-dialog .bootstrap-dialog-message {
  font-size: 16px;
}
.bootstrap-dialog-footer-buttons .btn-default {
  color: #333;
  background-color: #e6e7e8;
  border-color: transparent;
}
.grid-view .table td .custom_button {
  border: 0;
  background: transparent;
  padding: 0;
}
._srcCroos {
  position: absolute;
  font-size: 12px;
  right: 26px;
  top: 5px;
  font-weight: 700;
  color: #9d9fa2!important;
  font-family: cursive;
  text-decoration: none!important;
  background: #fff;
  width: 16px;
  text-align: right;
}
.curson {
  cursor: pointer !important;
}
.notread {
  background: #f6f6f6;
}
._hgt150 {
  height: 150px !important;
  overflow-y: auto;
}
/*Sample request*/
.refineSearchBox .fa:before {
  color: #fff;
  margin-right: 5px;
}
.optsrch .refineSearchBox {
  float: left;
  width: 100%;
  text-align: right;
  margin: 0;
}
.borbottom {
  border-bottom: 1px solid #808285
}
.newOrder label {
  font-size: 25px;
}
.refineSearchBox .optrow {
  padding: 10px;
}
.refineSearchBox .btn {
  padding: 3px 8px;
}
.refineSearchBox .table td, .refineSearchBox .table th {
  font-size: 12px!important;
  color: #000!important;
}
._optSercboxdiv {
  text-align: right
}
._optSercboxdiv .form-control {
  border: 1px solid #808285;
  height: 31px;
  font-size: 12px;
  width: 73%;
  display: inline-block;
}
._optVB .searchSection label {
  font-size: 18px;
}
._optVB .optedit .fa-pencil:before {
  font-size: 14px;
  color: #939598;
  text-align: center;
  float: left;
  line-height: 12px;
}
._optVB .PlusIcon {
  width: auto;
  float: right;
  margin-left: 0;
  height: 17px;
  margin-top: 0;
}
.brbottom {
  border-bottom: 1px solid #808285;
}
.faEdit:after {
  content: ""!important
}
#operatorLeft .faEdit {
  position: absolute;
  right: 28px;
  top: 9px;
  padding: 0;
}
#operatorLeft .panel-title {
  position: relative;
}
.multiheight {
  height: 160px;
  overflow-y: auto;
  float: left;
  width: 100%;
}
.cotList {
  float: left;
  margin-bottom: 5px;
  width: 100%;
  font-size: 13px;
  color: #6d6e71;
  text-indent: 20px;
  border-bottom: 1px solid #f2efef;
}
#operatorRight .panel-title {
  position: relative;
}
._optSrchD #w0 {
  padding: 10px 10px 6px;
}
._optSrchD ._optSercbox {
  position: relative;
  padding: 0 5px;
}
._optSrchD .optlisting {
  margin-top: 10px;
}
.sortBy {
  float: right;
  width: 42%;
  text-align: right
}
.sortBy .fa {
  color: #fff;
}
.sortBy .fa:before {
  color: #fff;
}
.sortBy .btn {
  padding: 2px 7px;
}
._optVB #opeartorList .searchSection label {
  font-size: 22px;
  line-height: 20px;
}
._editheading ._optIcon a {
  font-size: 23px;
  line-height: 19px;
  text-decoration: none
}
.optionDiv {
  float: left;
  width: 60%;
}
.h-con .history {
  width: 225px;
  height: auto;
  float: right;
  font-weight: bold;
}
#tableSection .btn {
  padding: 0 12px;
}
.contactListHeight.multiheight {
  height: 145px;
}
#opeartorList .list-view {
  height: 493px;
  overflow-y: auto;
  float: left;
  width: 100%;
}

.w50 {
  width: 50%;
}
.w50 ._inputDetails {
  width: 70%;
}
.w50 .zip {
  text-indent: 10px;
}
.carScore-label label {
  font-size: 12px;
}
.quest>div {
  font-size: 14px;
}
.quest>h4 {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #000;
}
._carScore {
  border: 1px solid #f7941d;
  background: #fff;
  height: 531px;
  padding: 15px;
}
._oplright ._cHeading {
  font-weight: 300;
  color: #231f20!important;
}
._oplright ._cHeading a {
  font-weight: 300;
  color: #231f20;
}
.md-mbo-objectives-index .table th:nth-child(1) {
  width: 10%;
}
.md-mbo-objectives-index .table th:nth-child(2) {
  width: 10%;
}
.md-mbo-objectives-index .table th:nth-child(3) {
  width: 15%;
}
.md-mbo-objectives-index .table th:nth-child(4) {
  width: 8%;
}
.md-mbo-objectives-index .table th:nth-child(5) {
  width: 8%;
}
.md-mbo-objectives-index .table th:nth-child(6) {
  width: 9%;
}
.md-mbo-objectives-index .table th:nth-child(7) {
  width: 20%;
}
.md-mbo-objectives-index .table th:nth-child(8) {
  width: 20%;
}
._mancomm ._cHeading {
  margin-bottom: 0
}
.oplabl {
  display: inline-block;
}
.optedit {
  display: inline-block;
  cursor: pointer;
  margin-left: 1px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  margin-top: -4px;
}
#opeartorList .list-view {
  border: 1px solid #808285;
}
#opeartorList .list-view>div .optrow {
  border: 0;
  border-bottom: 1px solid #808285
}
#opeartorList ._opaCti ._department a {
  font-weight: 400
}
._optVB .optedit .fa-list:before {
  font-size: 14px;
  color: #939598;
  text-align: center;
  float: left;
  line-height: 12px;
}
._optVB .searchSection {
  margin-bottom: 10px
}
._saDate {
  float: right;
  width: 100%;
  font-weight: 400
}
._opaCti ._cHeading {
  margin-bottom: 0;
  font-weight: 400;
}
#opeartorList .optrow {
  padding: 10px;
}
._activeHSearch ._optSercbox .searchBox {
  width: 70%;
}
._activeHSearch .fa-plus:before {
  color: #fff
}
._activeHSearch ._optSercbox {
  text-align: right;
}
._activeHSearch #w0 {
  padding: 5px;
  margin-bottom: 10px;
  background: #d1d3d4;
  border: 0;
  margin-top: 0;
  float: left;
  width: 100%;
}
.saHistiory {
  width: 57%;
}
.saOrder {
  width: 26%;
}
#editOperator .rembtn {
  margin-bottom: 0
}
._iconDiv .btn {
  padding: 3px 12px;
}
.optrowtop .rembtn {
  margin-bottom: 0;
  margin-top: -2px;
}
.list-view .empty {
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 13px;
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  float: left;
  width: 100%;
  text-align: center;
}
.carNewTicket, .carScore-label {
  float: left;
  width: 100%;
}
.carNewTicket .carScore-label .dollar + .form-control {
  text-indent: 25px
}
.optActHist #dateFrom, .optActHist #dateTo {
  background-position: 99% 4px;
  font-size: 12px;
  height: 30px;
  height: 26px;
  padding: 4px;
  border: 1px solid #ccc;
  background-size: 21px;
}
.refinesecontainer {
  margin: 0 0 10px;
}
._rowminus {
  background: #f7941d;
  float: left;
  font-weight: 400;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  text-align: center;
  margin-top: 4px;
}
.menu1:before {
  content: "\f0d8";
  font-family: fontawesome;
  position: absolute;
  top: -26px;
  left: 49%;
  color: #d1d3d4;
  font-size: 29px;
}
._manHeightac ._objdate {
  margin-top: 0;
}
.editOperator ._OptTitle {
  padding: 15px 0 10px;
}
.refineSearchBox ._rowminus .fa:before {
  color: #fff;
  margin-right: 0;
  font-weight: 400;
  font-size: 11px;
  line-height: 17px;
  float: left;
}
._operatorDiv {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 0;
  width: 97.5%;
  height: 70%;
}
._operatorDivAdd {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  height: 435px;
  background: #fff;
  position: relative;
}
._operatorDiv ._closeDiv {
  top: -10px;
}
._operatorDiv ._reminderRow ._inputDetails {
  width: 100%;
}
.asc:after {
  content: "\f062";
  font-family: fontawesome;
  margin: 3px;
  font-size: 11px;
}
.desc:after {
  content: "\f063";
  font-family: fontawesome;
  margin: 3px;
  font-size: 11px;
}
._objTitle .form-control {
  font-size: 12px;
  height: 30px;
  height: 26px;
  padding: 4px;
}
.optchebox input[type='checkbox']:after {
  font-weight: 400;
  margin-right: 5px;
}
.pagination {
  float: right;
  margin: 10px 0;
}
.pagination>li>a, .pagination>li>span {
  font-size: 12px;
  padding: 1px 6px;
}
.table > thead> tr > th {
  border: 1px solid #939598!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border: 1px solid #939598!important;
}
.grid-view .table td {
  color: #6d6e71!important;
}
.grid-view .table td a {
  color: #6d6e71!important;
}
.table>tbody>tr>td {
  border-bottom: 0!important;
  border-top: 0!important;
}
.table {
  margin-bottom: 0!important;
  border: 1px solid #939598!important;
}
.table>thead>tr>th {
  border: 1px solid #939598!important;
}
.table>tbody>tr:last-child td {
  border-bottom: 1px solid #939598!important;
}
._sAsrchResult {
  float: left;
  width: 100%;
  height: 296px;
  overflow-y: auto;
}
.dropdown-menu {
  font-size: 12px
}
.refine .fa-plus:before {
  color: #fff;
}
.process-review-fedex-bg {
  text-align: center;
  max-width: 300px;
  margin: 20px auto;
  border: 1px solid #ddd;
  font-size: 13px;
}
.prLogo {
  text-align: left;
  padding: 10px;
  background: #f9f9f9;
  margin-bottom: 10px
}
.process-review-fedex-bg .checkbox {
  margin-top: 5px;
}
.process-review-fedex-bg .checkbox input[type=radio] {
  float: left;
  margin: 2px 4px 0 0;
}
.process-review-fedex-bg .checkbox label {
  padding-left: 0
}
.searchSection .rembtn {
  margin-bottom: 0;
  width: 100%;
}
.refinesecontainer .btn {
  padding: 3px 8px;
}
.fl {
  float: left
}
.popbanner {
  margin-top: 15px;
}
.popbanner .optlisting {
  margin-bottom: 0
}
.popbanner select {
  background: #fff url(../images/downarrow.jpg) no-repeat 97% 9px;
}
.optordDetails ._pheading {
  border-bottom: 1px solid #808285;
}
.optordDetails_h {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.optordDetails_h>label {
  font-size: 15px;
  color: #589637;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 0;
  text-decoration: none;
  display: block;
  padding: 0;
  border-bottom: 1px solid #808285;
}
.optordDetails_h .optContactleft ._department {
  border-bottom: 1px solid #f2efef;
  float: left;
  width: 100%;
  padding: 5px 0;
}
.optordDetails_h .optContactleft ._department label {
  font-weight: 700;
  color: #000;
}
.optordDetails_h .optContactleft {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.optordDetails_h .optContactleft #w0 {
  border: 0;
  padding: 0
}
.popbanner #w0 {
  padding: 0;
}
.stockList {
  float: left;
  font-size: 12px
}
.radio label {
  display: inline-block;
  position: relative;
}
.chekcboxrow.radio label {
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #939598;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
  outline: 0!important
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 9999;
  outline: 0
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-danger input[type="radio"] + label::after {
  background-color: #f7941d;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #f7941d;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #f7941d;
}
.saDistributor {
  float: left;
  width: 100%;
}
.contaCheck .optchebox label {
  line-height: 23px
}
.contaCheck {
  margin-top: 5px;
}
.optordDetails .table>tbody>tr>td, .optordDetails .table>thead>tr>th {
  padding: 5px!important
}
.saTable .table, .saDistributor .table {
  border: 0!important;
}
._sAsrchResult .loader {
  top: 50%;
}
._OptTitle ._pheading .rembtn {
  margin: 0;
}
.cars_grade {
  width: 110px
}
.contact_name, .contact_phone {
  width: 130px
}
.multiheight .table>tbody>tr:first-child {
  border-bottom: 1px solid #939598!important
}
.multiheight .table>tbody>tr>th {
  border: 0!important;
  border-right: 1px solid #939598!important;
  color: #6d6e71!important;
}
.multiheight .table>tbody>tr>td {
  border-right: 1px solid #939598!important
}
#opeartorList #w0 {
  float: left;
  width: 100%;
  padding: 0;
}
.sample-add ._hgt150 {
  height: 150px !important;
  overflow-y: auto;
  float: left;
  width: 100%;
}
._Noterow ._objdate>a {
  float: left;
  width: 100%;
  color: #6d6e71;
}
.sample-add input[type='checkbox']:after {
  width: 12px;
  height: 12px;
  float: left;
}
.sample-add input[type='checkbox']:checked:after {
  width: 12px;
  height: 12px;
  font-size: 11px;
  line-height: 11px;
}
.sample-add .radio label::after {
  left: 2px;
  top: 2px;
}
.sample-add .radio label::before {
  width: 15px;
  height: 15px;
}
.sample-add .optrowsample {
  padding: 10px;
  margin: 0 0 5px;
  min-height: 212px;
  border: 1px solid #808285;
}
.optrowstock {
  padding: 10px;
  margin: 0 0 5px;
  border: 1px solid #808285;
  float: left;
  width: 100%
}
.sample-add .table>tbody>tr>td {
  border: 0!important
}
.sample-add .table>thead>tr>th {
  border: 0!important;
  border-top: 1px solid #939598!important;
  border-bottom: 1px solid #939598!important;
}
.stockList label {
  margin: 3px;
  font-weight: 400;
  float: right;
}
.qty input[type='number'] {
  width: 40px;
  height: 26px;
  padding: 3px;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 -ms-appearance: none;
 margin: 0;
}
.sendEmail .rembtn {
  margin: 0;
}
.has-error .form-control {
  border-color: #ff0000;
}
._AnnouncmentDiv._srHeight {
  top: 70px;
}
._srHeight ._AnnouncementAdd {
  height: 609px;
  margin-top: 0;
}
._srHeight ._closeDiv {
  top: -7px;
}
._srHeight .optrow {
  margin-bottom: 5px
}
#optcontacts .panel-title>a {
  font-size: 13px;
  padding: 4px 0;
  font-weight: 700;
}
#optcontacts .panel .panel-title>a.collapsed:after {
  font-size: 13px;
}
#optcontacts .optedit {
  width: 14px;
  height: 14px;
}
#optcontacts .fa-pencil:before {
  font-size: 11px;
}
#optcontacts.panel-group {
  margin-bottom: 5px;
}
.sample-add .optlisting .searchSection {
  margin-bottom: 0
}
._noteicon .fa:before {
  color: #939598
}
.anAdd .fa:hover {
  color: #fff
}
.has-error .help-block {
  color: #ff0000;
}
._scomment .table>tbody>tr>th {
  border: 0!important;
  padding: 5px!important;
}
._scomment .table>tbody>tr>td {
  border: 0!important;
  padding: 5px!important;
}
._scomment .table {
  border: 0!important;
  margin-top: 0!important;
}
.commentextarea textarea {
  width: 100%;
  resize: none;
  height: 70px;
  font-size: 13px
}
.commentextarea {
  float: left;
  width: 100%;
  height: auto
}
.editStock .rembtn {
  margin: 0
}
._ntBArea .filesection {
  margin: 10px 0;
}
._ntBArea .filesection .input-group {
  padding-bottom: 0
}
.stockListSection .editOptSlide {
  width: 97%;
}
.addpagination .editstockListsection {
  border: 1px solid #f7941d;
  float: left;
  width: 97.5%;
  margin: 0 15px;
  height: 481px;
  background: #fff;
  overflow-y: auto;
}
._AnnouncmentDiv .rembtn {
  margin: 0;
}
.addpagination ._closeDiv {
  position: absolute;
  right: 4px;
  z-index: 22;
  top: 54px
}
.addpagination #banner {
  display: block!important
}
.editstocklistiframe {
  width: 100%;
  overflow: hidden;
  border: 0;
  height: 457px;
}
.editstocklistiframe::-webkit-scrollbar {
width: 8px;
}
.commentRow .table th {
  display: none;
}
/* Track */
.editstocklistiframe::-webkit-scrollbar-track {
 background:#939598
}
 
/* Handle */
.editstocklistiframe::-webkit-scrollbar-thumb {
 background:#f7941d
}
.stocklistContainer {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  height: 100%;
  height: 481px;
  background: #fff;
  overflow: hidden;
}
.contactListHeight.multiheight ._optContact {
  width: 97%;
}
.Pb .radio label::before {
  margin-left: 0;
}
.Pb .radio label::after {
  margin-left: 0;
}
.Pb .radio, .Pb .checkbox {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.updateComment {
  float: left;
  width: 100%;
}
.stockListSection .editOptSlide {
  display: block!important
}
.commentRow .table>tbody>tr>td {
  padding: 0!important;
}
.commentRow .table-striped>tbody>tr {
  background: transparent!important
}
.commentRow .table-striped>tbody>tr>td {
  background: transparent!important
}
#update_comment .btn {
  padding: 3px 8px;
}
.tablebtn {
  float: right;
  margin: 0 15px;
}
.tablebtn .btn {
  padding: 3px 9px;
}
.tablebtnContainer {
  position: relative;
}
.fa-print:before {
  color: #fff;
}
.optchebox .field-mdoperator-vip {
  text-transform: uppercase;
}
.dA {
  padding: 10px;
  margin: 0 0 5px;
  min-height: 100px;
  border: 1px solid #808285;
  height: auto;
}
._hgt100 {
  float: left;
  width: 100%;
  height: 49px;
  overflow-y: auto;
}
.sample-add .results>thead>tr>th {
  border-right: 1px solid #939598!important;
}
.sample-add .results>tbody>tr>td {
  border-right: 1px solid #939598!important;
}
.content-scroll {
  float: left;
  width: 100%;
  height: 374px;
  background: #fff;
  overflow-y: auto;
}
.editOperator .content-scroll {
  height: 471px
}
.contactOpertor .content-scroll {
  height: 466px
}
._AnnouncementAdd .content-scroll {
  height: 500px;
}
._AnnouncementAdd ._editContact .content-scroll {
  height: 495px;
}
._AnnouncementAdd .sample-add .orderClose {
  display: none
}
.editcontactOpertor .editcontactInside {
  height: 563px;
}
._srHeight ._AnnouncementAdd .content-scroll {
  height: 548px;
  overflow-y: auto;
}
.addpurcahseCateogry {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  height: 227px;
  background: #fff;
}
.addpurcahseCateogrySlide {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 62px;
  width: 73%;
  height: 88%;
}
.AddContactDistributorInside {
  border: 1px solid #f7941d;
  float: left;
  width: 100%;
  height: 560px;
  background: #fff;
}
.AddContactDistributorSlide {
  position: absolute;
  background: #fff;
  z-index: 999;
  right: -2000px;
  top: 62px;
  width: 73%;
  height: 88%;
}
.AddContactDistributorSlide ._closeDiv {
  display: block!important
}
.AddContactDistributorSlide .optclose {
  display: none!important
}
.AddContactDistributorSlide .content-scroll {
  height: 496px;
}
.addpurcahseCateogrySlide ._closeDiv {
  top: -9px;
}
.AddContactDistributorSlide ._closeDiv {
  top: -9px;
}
.badge {
  background: #bfbebe;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: relative;
  margin-top: 9px;
}
.badge .fa-bell-o {
  font-size: 16px;
  color: #ffffdf;
  width: 20px;
  height: 20px;
  float: none;
  text-align: center;
  margin: auto;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 0;
  right: 0;
}
.contactListHeight {
  height: 151px;
  overflow-y: auto;
  float: left;
  width: 100%;
}
.refineSercBoxContainer {
  float: left;
  width: 100%;
}
.optsrch .refineSercBoxContainer {
  float: left;
  width: 85%;
}
.disbtributlistbox {
  padding: 0!important
}
#banner .disbtributlistbox select {
  width: 80%;
}
.disbtributlistbox .btn {
  float: right;
}
.opertDetails-section {
  float: left;
  width: 100%;
  height: 517px;
  overflow-y: auto;
}
.optContactleft .optordDetails_h ._department .optNotelable {
  font-weight: 400;
  color: #6d6e71;
}
._ntBArea ._ticketnav {
  margin: 0px 0 10px;
}
._optVB ._editheading ._optIcon {
  right: 0;
}
.editStockListContainerInner {
  height: 397px;
  overflow-y: auto;
  float: left;
  width: 100%;
  position: relative;
}
.editStockListContainer #submit {
  float: right;
  float: right;
  margin-top: -42px;
  padding: 3px 9px;
}
.editStocksrchBanner {
  margin-bottom: 0;
  padding: 0!important
}
.editStockListContainerInner .grid-view .summary {
  position: absolute;
  bottom: -37px;
  left: 0
}
.editStocksrchBanner .optlisting {
  margin-bottom: 0
}
.sticky .optlisting {
  padding: 4px 15px;
}
.sticky .banner {
  padding: 4px 15px;
}
.stockListSection .loader {
  top: 70%
}
.brandsearch .help-block {
  display: none
}
.brandsearch .col-md-10 .form-group {
  float: right;
  width: 300px;
  margin-right: 10px;
  margin-bottom: 0;
}
.brandsearch .col-md-10 .btn {
  float: right;
}
.brandsearch .fa-plus:before {
  color: #fff;
}
.brandsearch .field-mdpacksizessearch-unit_type label {
  display: none;
}
.brandList .table thead th:nth-child(1) {
  text-align: center;
}
.brandList .table tbody td:nth-child(1) {
  text-align: center;
}
.brandList + ._operatorDiv ._operatorDivAdd {
  height: auto;
  min-height: 500px;
  margin-bottom: 50px;
}
.bkpcontainer ._reminderRow ._inputDetails {
  width: 73%;
}
.bannerbackendContainer .help-block {
  display: none
}
.bannerbackendContainer .form-group {
  margin-bottom: 0;
}
.bannerbackendContainer .fa-plus:before {
  color: #fff;
}
.bannerbackendContainer input[type="text"] {
  text-indent: 0;
  font-size: 12px;
}
.table th:first-child {
  text-align: center;
}
.table thead tr th:first-child {
  text-align: center;
}
.table tbody tr td:first-child {
  text-align: center;
}
.table thead th:nth-child(2) {
  text-align: center;
}
.table tbody td:nth-child(2) {
  text-align: center;
}
.detail-view tbody td:nth-child(2) {
  text-align: left;
}
.bkpcontainer ._inputDetails.w50>span {
  width: 48.6%;
  float: left;
}
.bkpcontainer ._inputDetails.w50>span:last-child {
  margin-left: 10px;
}
.bkpcontainer .nufacts ._inputDetails.w50>span {
  width: 43%;
  float: left;
}
.bkpcontainer .nufacts ._inputDetails.w50 .unit {
  width: 18px;
  float: left;
  margin: 0 5px;
  text-align: center;
  height: 27px;
  line-height: 25px;
}
.bkpcontainer .nufacts ._inputDetails.w50 .per {
  width: 18px;
  float: left;
  height: 27px;
  line-height: 25px;
  text-align: center;
}
.bkpcontainer .nufacts ._inputDetails.w50>span:last-child {
  margin-left: 0;
}
.detail-view tr td {
  text-align: left;
}
._scomment .detail-view tr th {
  text-align: left;
}
.appLisiting .table tr th:nth-child(2) {
  text-align: left;
}
.appLisiting .table tr td:nth-child(2) {
  text-align: left;
}
.dataImport .table tbody tr td {
  text-align: left!important;
}
._inputDetails .input-group .form-control {
  height: 30px;
}
._inputDetails img {
  width: auto!important;
  height: 100px!important;
  border: 1px solid #ccc;
  margin-bottom: 2px;
}
.detail-view td a {
  color: #000;
  text-decoration: underline;
}
.detail-view td a:hover {
  color: #000;
  text-decoration: underline;
}
.matsearch .col-md-10 .form-control {
  float: right;
  width: 300px;
  margin-right: 10px;
  margin-bottom: 0;
}
.appLisiting .table td .btn {
  padding: 0 3px;
}
.import .filesection .btn {
  padding: 5px 12px;
}
.bkpcontainer.import ._reminderRow ._inputDetails {
  width: 100%;
}
._AnnouncementAdd .bkpcontainer ._reminderRow {
  margin-bottom: 12px;
}
._AnnouncementAdd .bkpcontainer .filesection .btn {
  padding: 5px 12px;
}
.tableara {
  height: 425px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  float: left;
  width: 100%
}
.brandsearch .fa:hover {
  color: #fff;
}
.brandsearch input[type="text"] {
  text-indent: 0;
  font-size: 12px;
}
._AnnouncementAdd .table>tbody>tr>th {
  text-align: left!important;
  border: 0!important;
}
.bkpcontainer select[multiple], .bkpcontainer select[size] {
  height: 130px;
  resize:vertical;
  min-height:130px;
}
._inputDetails select {
  font-size: 12px;
  height: 30px;
  height: 26px;
  padding: 4px;
}
.table tbody td:nth-child(2) {
  position: relative;
}
._operatorDivAdd {
  margin-bottom: 50px;
}
.table tbody td:nth-child(2) img {
  width: auto!important;
  height: 50px!important;
  object-fit: contain;
}
._operatorDivAdd .table tbody td:nth-child(2) img{ height: 100px!important;}
#carEdit1:hover {
  text-decoration: none;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: transparent;
}
._btnSectionuser {
  float: right;
}
._btncreate {
  float: left;
  width: 100%;
  text-align: right;
}
.innercontainer {
  float: left;
  width: 100%;
  border: 1px solid #f7941d;
  padding: 15px;
  min-height: 353px;
}
.pr {
  padding-right: 0!important;
}


 @media(max-width:1366px) {
.middle-content {
  padding: 2.75em 2.15em;
}
}
 @media(max-width:1024px) {
.top-content {
  padding: 0;
  width: 40%;
}
.bottom-head p {
  font-size: 0.74em;
}
i.fa.fa-twitter {
  height: 160px;
}
i.fa.fa-facebook {
  height: 160px;
}
/*--table--*/
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 8px !important;
}
/*--gallery--*/
.text-gallery h6 {
  font-size: 1em;
}
/*--404--*/
.four a {
  width: 12%;
}
/*--sign--*/

.profile-bottom {
  width: 80%;
}
}
@media(max-width:930px) {
.modal-dialog {
  width: 450px;
}
}
@media(max-width:870px) {
.full-left {
  width: 31%;
}
}
.errormsg {
  color: red;
}
.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
  border: 5px solid #f89729;
  border-radius: 50%;
  border-top: 5px solid #f89729;
  border-bottom: 5px solid #419639;
  border-left: 5px solid #419639;
  width: 48px;
  height: 48px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  border-bottom: 1px solid #808285;
  z-index: 999;
}
 @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/**Loader css start here**/
#floatingBarsG {
  position: relative;
  width: 60px;
  height: 75px;
  margin: auto;
}
.wait {
  color: #589637 !important;
  font-size: 12px;
}
.blockG {
  position: absolute;
  background-color: rgb(65,180,54);
  width: 10px;
  height: 23px;
  border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  animation-name: fadeG;
  -o-animation-name: fadeG;
  -ms-animation-name: fadeG;
  -webkit-animation-name: fadeG;
  -moz-animation-name: fadeG;
  animation-duration: 0.362s;
  -o-animation-duration: 0.362s;
  -ms-animation-duration: 0.362s;
  -webkit-animation-duration: 0.362s;
  -moz-animation-duration: 0.362s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}
#rotateG_01 {
  left: 0;
  top: 27px;
  animation-delay: 0.1395s;
  -o-animation-delay: 0.1395s;
  -ms-animation-delay: 0.1395s;
  -webkit-animation-delay: 0.1395s;
  -moz-animation-delay: 0.1395s;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
#rotateG_02 {
  left: 8px;
  top: 10px;
  animation-delay: 0.186s;
  -o-animation-delay: 0.186s;
  -ms-animation-delay: 0.186s;
  -webkit-animation-delay: 0.186s;
  -moz-animation-delay: 0.186s;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
#rotateG_03 {
  left: 25px;
  top: 3px;
  animation-delay: 0.2225s;
  -o-animation-delay: 0.2225s;
  -ms-animation-delay: 0.2225s;
  -webkit-animation-delay: 0.2225s;
  -moz-animation-delay: 0.2225s;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}
#rotateG_04 {
  right: 8px;
  top: 10px;
  animation-delay: 0.269s;
  -o-animation-delay: 0.269s;
  -ms-animation-delay: 0.269s;
  -webkit-animation-delay: 0.269s;
  -moz-animation-delay: 0.269s;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
#rotateG_05 {
  right: 0;
  top: 27px;
  animation-delay: 0.3155s;
  -o-animation-delay: 0.3155s;
  -ms-animation-delay: 0.3155s;
  -webkit-animation-delay: 0.3155s;
  -moz-animation-delay: 0.3155s;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
#rotateG_06 {
  right: 8px;
  bottom: 7px;
  animation-delay: 0.362s;
  -o-animation-delay: 0.362s;
  -ms-animation-delay: 0.362s;
  -webkit-animation-delay: 0.362s;
  -moz-animation-delay: 0.362s;
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
}
#rotateG_07 {
  bottom: 0;
  left: 25px;
  animation-delay: 0.4085s;
  -o-animation-delay: 0.4085s;
  -ms-animation-delay: 0.4085s;
  -webkit-animation-delay: 0.4085s;
  -moz-animation-delay: 0.4085s;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
#rotateG_08 {
  left: 8px;
  bottom: 7px;
  animation-delay: 0.455s;
  -o-animation-delay: 0.455s;
  -ms-animation-delay: 0.455s;
  -webkit-animation-delay: 0.455s;
  -moz-animation-delay: 0.455s;
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
}
.glyphicon-eye-open:before {
  font-family: "FontAwesome";
  content: "\f06e";
  float: right;
}
.glyphicon-trash:before {
  font-family: "FontAwesome";
  content: "\f1f8";
  float: right;
}
 @keyframes fadeG {
 0% {
 background-color:rgba(65,180,54,0.99);
}
 100% {
 background-color:rgb(255,150,12);
}
}
 @-o-keyframes fadeG {
 0% {
 background-color:rgba(65,180,54,0.99);
}
 100% {
 background-color:rgb(255,150,12);
}
}
 @-ms-keyframes fadeG {
 0% {
 background-color:rgba(65,180,54,0.99);
}
 100% {
 background-color:rgb(255,150,12);
}
}
 @-webkit-keyframes fadeG {
 0% {
 background-color:rgba(65,180,54,0.99);
}
 100% {
 background-color:rgb(255,150,12);
}
}
 @-moz-keyframes fadeG {
 0% {
 background-color:rgba(65,180,54,0.99);
}
 100% {
 background-color:rgb(255,150,12);
}
}

/**Loader css end here**/



body ::-webkit-scrollbar {
 width: 8px;
}
body .table-responsive::-webkit-scrollbar {
 height: 8px;
}
/* Track */
body ::-webkit-scrollbar-track {
 background:#939598
}
 
/* Handle */
body ::-webkit-scrollbar-thumb {
 background:#f7941d
}
 @media(max-width: 767px) {
.login {
  width: 320px;
  margin-left: -160px
}
.login-mail input[type="text"], .login-mail input[type="password"] {
  width: 89%;
}
#login-form .col-md-12 {
  padding: 0;
}
.foFixed {
  position: absolute;
}
._pipe {
  width: 90%;
}
}
pre {
  display: none;
}
.sticky {
  animation: slide-down 0.7s;
  opacity: 1;
}
.sticky {
  transform: rotate(360deg);
}
 @keyframes slide-down {
 0% {
 opacity: 0;
 transform: translateY(-100%);
}
 100% {
 opacity: 0.9;
 transform: translateY(0);
}
}
/*User Section*/
.user-form .form-control {
  height: 26px;
  padding: 5px;
  font-size: 13px;
}
.user-form label.control-label {
  font-size: 13px;
  font-weight: 700;
}
.user-form select {
  width: 100%;
  float: left;
  padding: 5px;
 
}
.user-form .help-block {
  display: none;
}
.user-form .form-group {
  margin: 0
}
.user-form ._reminderRow {
  margin-bottom: 15px;
}
/*User Section*/


/*Role Section*/

.rolesSection ._reminderRow label {
  font-size: 13px;
}
.rolesSection ._reminderRow label {
  font-size: 13px;
}
.rolesSection ._reminderRow .form-control {
  font-size: 12px;
  height: 30px;
  height: 26px;
  padding: 4px;
  margin-bottom: 0
}
.rolesSection ._reminderRow .form-group {
  margin-bottom: 0
}
.rolesSection ._reminderRow .form-group .help-block {
  display: none
}
.rolesSection .btn-section {
  float: right;
  text-align: right;
  margin: 10px 0;
  width: 100%
}
.rolesSection .btn-section .btn {
  color: #fff;
  background-color: #f7941d;
  border-color: #f7941d;
  padding: 3px 9px!important
}
.rolesSection {
  float: left;
  width: 100%
}
.rolesSection .table>tbody>tr>td {
  text-align: center
}
.rolesSection .table>tbody>tr>td:first-child {
  text-align: left
}
.rolesSection .table>thead>tr>th {
  text-align: center
}
.rolesSection .table>thead>tr>th:first-child {
  text-align: left
}
.roltable {
  min-height: 550px
}
._btnSectionuser .fa:hover {
  color: #fff;
}

/****** for File input - allowed extension css *******/
.filetypestext{ display: inline-block; padding-top: 5px; width:98%; white-space: pre-wrap; white-space: -moz-pre-wrap;white-space: -pre-wrap; white-space: -o-pre-wrap;word-wrap: break-word;}
.allowfileBox{width:100%; border:1px solid #ddd;  background:#fff; padding:5px; position:relative; float:left; margin-bottom:5px;}
.allowfileBox .fileSize{position: absolute;right: 7px;width: auto !important;top: 5px;}
.allowfileBox .filetypestext{ padding-top:0;}
._ObjDtailsArea .filesection{width: 100% !important;}

.focusclick, .focusclick:hover, .focusclick:focus{color: #000 !important;text-decoration: underline !important;}


/*****User Entity Assignment CSS start here*******/
.userEntity{padding:15px; border:1px solid #ccc; min-height:400px;}
.userEntity .leftSide{padding-right:30px; position;relative;}
.userEntity .leftSide .entityArrow{ position:absolute; top:20px; right:-15px; cursor:default;}
.userEntity .rightSide{padding-left:30px;}
.userEntity .form-control { height: 28px; padding: 5px;	font-size:12px !important; font-size: 13px;}
.systementities{ margin-top:20px;}
.userEntity .fa:hover,.userEntity .fa:focus { color:#ffffff;}
.systementities label.borderBtm{border-bottom:1px solid #ccc; display:block; font-weight:bold;}
.systementities label {font-weight:normal; padding-right:10px; display:block;}
.systementities label input[type="checkbox"]{ margin-right:5px;}
.systementities #entity_from label,.systementities #entity_to label { margin-bottom:1px;}
/*****User Entity Assignment CSS end here*********/

/***User Entity (Assign User) ***/
.UserEntityError {padding: 5px;margin-bottom: 5px;border: 1px solid #ebccd1;border-radius: 0;font-size: 13px;color: #a94442;background-color: #f2dede;text-align: center;width:100%;float:left;margin-bottom:5px;}
.UserEntitySuccess {padding: 5px;margin-bottom: 5px;border: 1px solid #dff0d8;border-radius: 0;font-size: 13px;text-align: center;width:100%;float:left;margin-bottom:5px;color: #3c763d;background-color: #dff0d8;}

/*****add more quantity*******/
.addMoreQty{ padding-right:155px; position:relative;}
.addMoreQtyText{ margin-right:155px; position:relative;}
.addMoreQtyText .closeBrowbtn{position: absolute;right: -8px;z-index: 9999;top: -9px;color: #000;font-size: 13px;font-weight: 700;background: #ccc;width: 18px;height: 18px;border-radius: 50%;text-align: center;cursor: pointer;}
.addMoreBtn{ position:absolute; right:0px; top:0; padding-top:2px; padding-bottom:3px;}
.inventoryProductList .padding0{ padding:0 !important; }
.LowStock{ position:absolute; right:0; top:0;}
.inv_log_sr .srchm {text-align: right;}
#banner .inv_log_sr .srchm  select,.inv_log_sr .fromdiv, .inv_log_sr .srchm  .field-mdtrainingmaterialssearch-name {display: inline-block;vertical-align: top;}
.inv_log_sr .srchm  input[type=text] {display: inline-block;vertical-align: top;}
.inv_log_sr .fromdiv, .sAsrch.inv_log_sr .srchm  input[type=text] {max-width: 151px;}
.inv_log_sr .fromdiv {position: relative;}
.inv_log_sr #dateFrom, .inv_log_sr #dateTo,.inv_log_sr #fromdate, .inv_log_sr #todate, .inv_log_sr .banner  input[type=text] {background-color: #fff;border: 1px solid #808285;
height: 31px;font-size: 12px;color: #6d6e71;outline: 0;padding: 6px 10px;}
.inventoryProductList .cicle {border: 1px solid #f7941d;border-radius: 50%;width: 25px;height: 25px;display: inline-block;line-height: 25px;text-align: center;background:#fff;padding-top: 0px;color: #f7941d; cursor:pointer;}
.inventoryProductList .cicle .fa-plus:before {color: #f7941d !important;}
.inventoryProductList .cicle .fa{ color: #f7941d; padding-right:inherit !important;}
.inventoryProductList .cicle .fa:before{color: #f7941d !important;}
.inventoryProductList .outerBox{padding-left: 52px; width: 100%; float: left; margin-left: 1px;}
.inventoryProductList .sampleRequstTble tr:first-child{ background:#ffffff;}
.inventoryProductList .sampleRequstTble.table-striped>tbody>tr:nth-of-type(even) {background-color: #f9f9f9;}
.inventoryProductList .sampleRequstTble.table-striped>tbody>tr:nth-of-type(odd) {background-color: #ffffff;}
.inventoryProductList .table td > table th    {border-right:0 !important;}
.inventoryProductList .table td > table{ border-right:0 !important;}
.inventoryProductList .lowStock{background: url(../images/low_stock.png) no-repeat left center; font-size: 12px;position: absolute;right: 15px;padding-left: 15px;font-weight: 600;}
.inventoryProductList .lowstock{background: url(../images/low_stock.png) no-repeat left center; font-size: 12px; padding-left: 12px; color: #ff0000;}
.inventoryProductList .inStock{padding-left: 12px;}

.inventoryProductList table{table-layout: fixed !important;}

.productListTable > thead >  tr > th:first-child, .productListTable > tbody > tr >  td:first-child{width:5% !important}
.productListTable  > thead >  tr > th:nth-child(2), .productListTable  > tbody >  tr > td:nth-child(2){width:7.3% !important} 
.productListTable  > thead >  tr > th:nth-child(3), .productListTable  > tbody >  tr > td:nth-child(3){width:8.7% !important} 
.productListTable  > thead >  tr > th:nth-child(4), .productListTable  > tbody >  tr > td:nth-child(4){width:42% !important} 
.productListTable  > thead >  tr > th:nth-child(5), .productListTable  > tbody >  tr > td:nth-child(5){width:10% !important} 
.productListTable  > thead >  tr > th:nth-child(6), .productListTable  > tbody >  tr > td:nth-child(6){width:10% !important} 
.productListTable  > thead >  tr > th:nth-child(7), .productListTable  > tbody >  tr > td:nth-child(7){width:10% !important} 
.productListTable  > thead >  tr > th:nth-child(8), .productListTable  > tbody >  tr > td:nth-child(8){width:7% !important} 

.sampleReqList > thead >  tr > th, .sampleReqList > tbody >  tr > td{width:100%;}
.sampleReqList > thead >  tr > th:first-child{max-width:7.6% !important}
.sampleReqList  > thead >  tr > th:nth-child(2){max-width:9% !important} 
.sampleReqList  > thead >  tr > th:nth-child(3){max-width:15.5% !important} 
.sampleReqList  > thead >  tr > th:nth-child(4){max-width:28.2% !important} 
.sampleReqList  > thead >  tr > th:nth-child(5){max-width:20.8% !important} 
.sampleReqList  > thead >  tr > th:nth-child(6){max-width:17.7% !important} 
 
.sampleReqList > tbody >  tr > td:first-child{max-width:7.6% !important}
.sampleReqList  > tbody >  tr > td:nth-child(2){max-width:9% !important} 
.sampleReqList  > tbody >  tr > td:nth-child(3){max-width:15.5% !important} 
.sampleReqList  > tbody >  tr > td:nth-child(4){max-width:28.2% !important} 
.sampleReqList  > tbody >  tr > td:nth-child(5){max-width:20.8% !important} 
.sampleReqList  > tbody >  tr > td:nth-child(6){max-width:17.7% !important} 
body .maxHeight::-webkit-scrollbar{width: 3px;}
/*.inventoryProductList  .table  tr:nth-child(3){background: #9DCECE !important;}*/


/****Email Log css start here**/
.fctpSearch #w0 .col-sm-2{width: 25%; margin-bottom:5px;}
.fctpList .table tr td, .fctpList .table tr th{text-align:left;}
.fctpList .table tr:last-child td{ min-width:75px;}
.fctpList .table .helpIcons{ word-break: break-all;}
.fctpList .table tr th:nth-child(2){min-width:140px;}
.fctp-form { padding:15px;}
#mail_form .full label{ font-size:13px;}
#mail_form .openDownload{ font-size:13px;}
#mail_form	.openDownload:hover, #mail_form .openDownload:focus{color:#337ab7;}
.datePickerIcon{appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;background-image: url(../images/calender-icon.png);
background-repeat: no-repeat;background-position:97.5% 4px;}
.fctpList .table tbody tr td:first-child{ max-width:5% !important; min-width:auto;}
.fctpList .table thead tr th:nth-child(3){ width:10%;}
.fctpList .table thead tr th:nth-child(4){ width:16%;}
.fctpList .table thead tr th:nth-child(5){ width:16%;}
.fctpList .table thead tr th:nth-child(6){ width:19%;}
/****Email Log css end here**/

/***Sample order css start here***/
.fromdiv {position: relative;}
#banner .srchm select, .fromdiv, .srchm .field-mdtrainingmaterialssearch-name {display: inline-block;vertical-align: top;}
.fromdiv, .sAsrch .srchm input[type=text] {max-width: 151px;}

/**mpc Log**/
.os {font-size: 12px;}
.MpcIndex .noteline {display: inline-block;padding-left: 20px;}
.srchm {text-align: right;}
.mpc_search .col-xs-12 {padding: 0 5px;margin-bottom: 5px;height: 31px;}
.mpc_search .form-control {width: 100% !important;}
.resetbtn {background: #6c6d70;}
.resetbtn:hover, .resetbtn:focus {background: #57585b;}

/*****MPC ********/
._AnnouncementAdd.addMPC{ height:auto;     min-height: 628px;}
._AnnouncementAdd.addMPC .scrollpagedata{ max-height:315px;}
._AnnouncementAdd.addMPC .scrollpagedata input[type=checkbox]{ margin-right:4px;}
._AnnouncementAdd.addMPC  .tableara{height: auto;  max-height: 558px;}

/***Brand status***/
.brandstatus{width: 100%;float: left; padding-left: 20px;}
.brandstatus .radio{display: inline-block;  min-width: 100px; margin-top: 5px; margin-bottom: 5px; color: #000;}

#role.roles{min-height: 132px;}
#role.nppcom{min-height: 177px;}

.tooltip-inner {
    background-color: #2f4fff;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #2f4fff !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #2f4fff !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #2f4fff !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #2f4fff !important;
}

/***Roles and Permission***/
.rolespermission{width:100%; float:left;}
.roletabnav {width:100%; float:left;}
.roletabnav ul{ margin:0; padding:0}
.roletabnav ul li:first-child{ margin-left:7px;}
.roletabnav ul li{ list-style:none; display:inline-block; font-size:13px; background: #d1d3d4;     transform: skew(-20deg);margin-bottom: 2px;}
.roletabnav ul li.active{background: #f7941d;}
.roletabnav ul li.active a{color:#ffffff;}
.roletabnav ul li a {color:#000000; padding: 10px 15px; display: block;transform: skew(20deg);}
.roletabnav ul li a:hover,.roletabnav ul li a:focus{text-decoration:none;}
.roletabnav ul li:hover,.roletabnav ul li:focus{background: #f7941d; transition:none;}	
.roletabnav ul li:hover a, .roletabnav ul li:focus a{color:#ffffff; transition:none;}
.perSec{width:100%; float:left; position:relative;}
.perSec .btn-section .btn-warning{position: absolute;top: -60px; right: 0;}
.permiTypeSec{padding:10px 0; width:100%; float:left;}
.permissionType { color:#000000; padding-left:20px; }
.permissionType label{font-size:12px; font-weight:bold;}
.permissionType .chekcboxrow { display:inline-block;     margin-right: 75px; margin-top:3px; margin-bottom:0;}
.pertypenotes{ background:#f9f9f9; width:100%; float:left; padding:7px 10px; color:#6d6e71; font-size:13px; border:1px solid #d1d3d4; border-radius:3px;}
.pertypenotes strong{color:#000000; font-weight:600;}
.permissionDetails tr th:first-child,.permissionDetails tr td:first-child{text-align:left !important;}
.permissionDetails tr th:nth-child(2),.permissionDetails tr td:nth-child(2){text-align:center !important;}
.permissionDetails tr th:nth-child(3),.permissionDetails tr td:nth-child(3){text-align:center !important;}
.permissionDetails tr th:nth-child(4),.permissionDetails tr td:nth-child(4){text-align:center !important;}
.permissionDetails tr th:nth-child(5),.permissionDetails tr td:nth-child(5){text-align:center !important;}
.permissionDetails tr th:nth-child(6),.permissionDetails tr td:nth-child(6){text-align:center !important;}
.permissionDetails tr th:nth-child(7),.permissionDetails tr td:nth-child(7){text-align:center !important;}
.permissionDetails tr.childdiv td span{ padding-left:15px;}
.permissionDetails tr.childdiv{display:none;}
.permissionDetails tr.childdiv.active{display: table-row;}
.permissionDetails .table>tbody+tbody {  border-top: 1px solid #ddd;}
.permissionDetails .table-striped>tbody>tr:nth-of-type(even) {background-color: #ffffff;}
.permissionDetails .table-striped>tbody>tr:nth-of-type(even) td{background-color: #ffffff;}
.permissionDetails .table>tbody>tr:last-child td {border-bottom: 1px solid #ddd!important;}
.permissionDetails tr td:first-child{position:relative;} 
.permissionDetails .plusMinus {position: absolute;left: -16px;top: 5px;color: #939598;}
.permissionDetails  .plusMinus {top: 8px;}
.permissionDetails .plusMinus.minus:before {content: "\f067";font-size: 14px;display: inline-block;text-align: right;margin-right: 10px;font-family: FontAwesome; color: #939598;}
.permissionDetails .plusMinus:before {content: "\f068";font-size: 14px;display: inline-block;text-align: right;margin-right: 10px;font-family: FontAwesome;  color: #ec971f;}
.permissionDetails .rolesSection .btn-section .btn{padding: 5px 12px !important;}
.permissionDetailsAll .rolesSection .table>thead>tr>th, .rolestbl.table thead>tr>th{position: sticky; top: 0; background: #ffffff; z-index: 99;}
.adminGroup { width:100%; float:left; margin-top:15px;}
.adminGroup ul{ margin:0; padding:0; list-style:none;  border-bottom:1px solid #ccc;}
.adminGroup strong{ font-size:13px; padding-top:5px; display:block; padding-bottom:5px;}
.adminGroup ul li{ display:inline-block; margin-right:5px; font-size:13px; border:1px solid #ccc; padding:3px 5px; border-radius:5px 5px 0 0; border-bottom:0;}
.adminGroup ul li.active {border-color:#f7941d; color:#f7941d;}
.adminGroup ul li a{color:#589637; text-decoration:none; padding: 3px 5px; display: inline-block; transition: all 0.5s ease-out;}
.adminGroup ul li.addGroup{ background:#f7941d; border-color:#f7941d; cursor:pointer; padding: 6px 10px;}
.adminGroup ul li:last-child .fa-plus:before{color:#ffffff;}
.adminGroup ul li a .editGroup{transition: all 0.5s ease-out;}
.adminGroup ul li a:hover .editGroup{ display:inline-block !important; transition: all 0.5s ease-out;}
.adminGroup .gsave{ background:#f7941d; color:#ffffff; outline: 0;border-radius: 0 3px 3px 0;box-shadow: none;border: 0;padding: 3px 7px;margin-left: -4px;margin-right: 5px;}
.adminGroup .gsave:hover .fa{color:#ffffff;}
.adminGroup .closeSave{ cursor:pointer;}
.adminGroup .closeSave .fa{color:#f7941d;}
.adminGroup input[type="text"]{border: 1px solid #939598;padding: 2px 5px;border-radius: 3px 0 0 3px; color: #333;}
.adminGroup input[type="text"]:focus{ outline:0;}
.adminGroupDetails label{ font-size:12px; color:#6d6e71; font-weight:400; /*-margin-right:30px;*/ min-width:16%; max-width:24%; width:100%; float:left;}
.adminGroupDetails label input{ margin-right:3px; vertical-align: top; margin-top: 0;}
.btnRotate {position: fixed !important;right: -55px !important;transform: rotate(270deg);top: 50% !important;z-index: 999; margin-top:-50px;}
.permissionDetailsAll input[type=checkbox][disabled]:after{ background:#dbdbdb;}
.adminGroupDetails label input[type=checkbox][disabled]:after{ background:#dbdbdb;}
.permissionDetails  input[type=checkbox][disabled]:after{ background:#dbdbdb;border-color: #939598; color: #939598;}
.btn:focus{ outline:0 !important;}
#confirmBox{border-radius: 8px;}
#confirmBox h1{border-radius: 5px 5px 0 0;}
#confirmButtons {padding: 10px 20px 15px !important;text-align: right !important;border-top: 1px solid #d1d3d4;}
#confirmBox p{font-size: 14px !important;}

.abriviations{ font-size:13px; float:right;margin-top: -30px;color: #6d6e71;}
.abriviations span{ margin-right:20px; padding-left:20px;}
.abriviations span.greychecked{ background:url("../images/rpgreyChecked.png") no-repeat left center;}
.abriviations span.greyunchecked{ background:url("../images/rpgreyunChecked.png") no-repeat left center;}
.abriviations span.whitechecked{ background:url("../images/rpwhiteunChecked.png") no-repeat left center;}
.abriviations span.whiterangeChecked{ background:url("../images/rporangeChecked.png") no-repeat left center;}
.abriviations span:last-child{margin-right:0px;}
/***Roles and Permission end***/


/***Search user page ***/
#SearchUsers{ position:relative;}
#SearchUsers .UserSearch{ width:100%; padding-left:70px !important;}
#SearchUsers .anAdd{position:absolute; top:0px; left:0; z-index:9;}
#SearchUsers .RoleType{max-width: 30%;float: right;width: 100%; margin-right: 10px;}
#SearchUsers .selection{width:100%;}
.select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field{font-size:12px !important; height: 29px !important;}
.select2-selection{border-radius: 0 !important; border-color: #7c7c7c !important; box-shadow: none;}
.select2-selection__choice{font-size: 12px !important;}
.select2-selection__choice__remove{ margin:0px 0 0 3px !important}
.select2-container--krajee .select2-selection--multiple {min-height: 31px !important;}
.select2-results{font-size: 12px !important;}
.select2-container--krajee .select2-results__option--highlighted[aria-selected]{    background-color: #f7941d !important;}
.select2-results .select2-results__option{padding: 3px 6px !important;}
.UserSearch .field-mduserssearches-name,.UserSearch .field-mduserssearches-email, .UserSearch .field-mduserssearches-existing_status{ width:auto !important; margin-right:0 !important;}
.select2-container--krajee .select2-results__option[aria-selected=true] {color: #444444 !important; background-color: #fbe9d3 !important;}
.UserSearch #mduserssearches-existing_status.form-control { float: right; width: 200px;  margin-bottom: 0;}
/***Search user page end ***/
._eventLog ._AnnouncementAdd {
    height: 675px;
    padding: 15px;
}
.view-reminder-dialog .eventLogTable {
    height: 571px;
    float: left;
    overflow-y: auto;
    width: 100%;
}
.evenlogHeading {
    padding: 15px 0;
    font-size: 17px;
}
.view-reminder-dialog .table>tbody>tr>th{    border: 1px solid #939598 !important;}
.view-reminder-dialog>strong {
	font-weight: 300
}
.view-reminder-dialog .eventLogTable .table {
	table-layout: fixed
}
.eventLogTable .myedit {
	background: #f7941d;
	color: #fff;
	border-radius: 3px;
	padding: 3px 5px;
	font-size: 12px
}
.rec-log, .recCategory .logo-image {
	background: #fff
}
.view-reminder-dialog .eventLogTable .table th:nth-child(1) {
	width: 35%;
	text-align: left
}
.view-reminder-dialog .eventLogTable .table td:nth-child(1) {
	width: 35%;
	text-align: left;
	word-wrap: break-word
}
.view-reminder-dialog .eventLogTable .table th:nth-child(2) {
	width: 35%;
	text-align: left
}
.view-reminder-dialog .eventLogTable .table td:nth-child(2) {
	width: 35%;
	text-align: left;
	word-wrap: break-word
}
.view-reminder-dialog .eventLogTable .table th:nth-child(3) {
	width: 30%;
	text-align: left
}
.view-reminder-dialog .eventLogTable .table td:nth-child(3) {
	width: 30%;
	text-align: left;
	word-wrap: break-word
}
.eventLogTable .subheading {
    border-top: 1px solid #808285;
}

/***Moc User Assignment css***/
.mocUserAssignment{width:100%; float:left;}
.mocUserAssignment .panel-title>a:hover, .mocUserAssignment .panel-title>a:focus{ color: #589637; text-decoration:none;}
.mocUserAssignment tr th{ background:#f6f5ef;}
.user-form.mocUserAssignment thead tr th,.user-form.mocUserAssignment tbody tr td{border:0 !important;}
.user-form.mocUserAssignment .table>tbody>tr:last-child td{border-bottom: 1px solid #f6f5ef !important;}
.mocUserAssignment .table>tbody>tr td{ text-align:left; color:#333333 !important;}
.mocUserAssignment .logicon{background:url("../images/moc_log_icon.png") no-repeat center; width:14px; height:13px;vertical-align: text-top; display:inline-block; margin-left:5px;}
.mocUserAssignment .logicon:hover{background:url("../images/moc_log_icon_hvr.png") no-repeat center; }
.mocUserAssignment	.datePickerIcon{background-position: 99% 1px;}
.mocUserAssignment .select2-container--krajee .select2-search--dropdown .select2-search__field{ border-radius:0 !important; font-size:13px !important;}
.mocUserAssignment	.nppsubHeading{ color: #589637;font-size: 20px;width: 100%;float: left;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding: 5px 0;}
.MocUserAssignmentLog .nppsubHeading{ color: #589637;font-size: 16px;width: 100%;float: left;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding: 5px 0;}

.mocUserAssignment .select2-container--krajee .select2-selection--single {height: 26px;line-height: 1.428571429;padding: 4px 24px 4px 12px;}
.mocUserAssignment .select2-container--krajee .select2-selection{font-size: 12px;}
.mocUserAssignment .select2-container--krajee .select2-selection--single .select2-selection__arrow{ border-left:0;     top: 0px; height: 26px;}
.mocUserAssignment .select2-container--krajee .select2-selection--single .select2-selection__clear {right: 20px;top: -1px;font-weight: 500;}
.mocUserAssignment  .has-error .select2-selection{ border-color:#ff0000 !important;}

/***MPC ***/
.optsrch #products-search-form .refineSearchBox{ margin-bottom:5px;}
#products-search-form  .refineSearchBox select {   vertical-align: top; line-height:20px !important;}
.optsrch #products-search-form .associated_sales_user_id{    min-height: 142px;    width: 62.8% !important;}
#banner .optsrch .refineSearchBox .dateRange {  background-image: url(../images/calender-icon.png); background-repeat: no-repeat; background-position: 97% 4px;}
.roltable .table-responsive, .permissionDetails .table-responsive{ padding-left:15px;     overflow-x: visible;}

/***disable look in role view column **/
.permissionDetails  .rolestbl tr td:nth-child(2) .disableCheck{pointer-events: none;}
.permissionDetails  .rolestbl tr td:nth-child(2) .disableCheck::after{background: #dbdbdb; border-color: #939598; color: #939598;}
.permissionDetails.permissionDetailsAll{border-top: 1px solid #cccccc; width: 100%;float:left; margin-top:5px;}
.permissionDetails.permissionDetailsAll .subheadingwithoutoutline{margin-bottom:0px;}
.permissionDetails.permissionDetailsAll .abriviations{margin-top: -25px;}
/***Event Log Search css ***/
#banner .srchm.eventLogBackend select {max-width: 185px;float: none;width: 211px;line-height: 25px;}
.srchm.eventLogBackend input[type=text] {max-width: 185px;display: inline-block;vertical-align: top;}
#banner .srchm.eventLogBackend  #fromdate, #banner .srchm.eventLogBackend  #todate {appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;background-image: url(../images/calender-icon.png);background-repeat: no-repeat;background-position: 97% 4px;}