.fms-space-header{
  margin-top:0px !important;
}
.k-i-warning {
  display: none !important
}

.text-warning {
  color: #ffc107 !important;
}

.status-comply {
  background: green !important;
  color: white !important;
}

.status-breach{
  background:red !important;
  color:white !important;
}

.status-alert {
  background: orange !important;
  color: white !important;
}
.status-a{
   background: grey !important;
   color: white !important;
}

.text-breach{
  color:red !important;
}

.text-alert{
  color:orange !important;
}

.text-comply{
  color:green !important;
}
.text-a{
  color: #4b4b48 !important;
  font-weight: normal !important;
}
.text-danger {
  color: red !important;
}

.text-success{
  color: green !important;
}

/*set width modal popup*/
@media (min-width: 992px){
  .modal-lg {
    width: 1000px !important;
  }
}

th[role="columnheader"]{
  color:#8e8e8e ;
}

td[role='gridcell']{text-align:center}
.k-grid-header th.k-header, .k-filter-row th {
  text-align: center;
}
.btn-primary {
  background-color: rgb(0,177,169) !important;
  border-color: rgb(0,177,169) !important;
  Padding : 8px 20px !important;
  margin: 0px 0px 8px 8px !important;
  font-size: 12px !important;
  font-family: 'Inter-Regular', sans-serif !important;
  background-color: #00A19C !important;
  color: #FFFFFF !important;
  border-radius: 18px !important;
  min-width: 100px !important;
  /* font-weight: 600 !important; */
}

button:not(.close) {
  min-width: 100px;  
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

@media(max-width:768px) {
  button:not(.close) {
    min-width: unset !important;
  }
}

.fms-table-filter {
  border-radius: 7px 7px 7px 7px !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.control-label {
  font-weight: 600;
  font-size: 15px
}

.btn-warning {
  background-color: rgb(153,153,153) !important;
}

span.label-text {
  font-weight: 200 !important
}

.text-primary {
  color: rgb(0,177,169) !important;
}

div.k-grid-header {
  /*padding-right: 0px !important*/
}

.show-space div.k-grid-header {
  padding-right: 17px !important
}

th[role="columnheader"] {
  background-color: rgb(0,177,169);
  color: white;
  font-weight: 700 !important;
}

.fms-edit {
  border: 1px none;
  color: rgb(0,177,169);
  /*background-color:white;*/
  font-size: 12px
}

.k-window .k-window-content .k-edit-buttons {
  background-color: #00a19c !important;
}

.text-header {
  font-weight: 400;
  font-size: 20px;
  color: rgb(0,177,169)
}

.k-grid-header th.k-header, .k-edit-form-container .k-edit-buttons {
  /* background-color: rgb(236,237,239,1.0); */
  background-color: #fafafa !important;
  /* background-color: #763F98 !important; */
  height: 40px;
  padding: 0;
  margin: 0;
  font-size: 11px;
  font-weight: 600 !important;
  /* color: #8e8e8e; */
  color: #999a9c;
  /* color: #FFF; */
  text-transform: uppercase !important;

}

.k-state-selected {
  background-color: rgb(0,177,169);
  border: 1px solid rgb(0,177,169);
}

.k-grid-header th.k-header > .k-link {
  /* height: 40px; */
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 600 !important;
  /* background-color: #763F98 !important; */
  text-transform: uppercase !important;
  background-color: #fafafa !important;
  /* color: #999a9c */
  color: #212121
}

th[role='columnheader'] {
  background-color: rgb(0,177,169);
}

  th[role='columnheader'] > a {
    font-weight: 300;
  }
/* 
.k-header {
  background-image: url(textures/highlight.png) !important;
} */

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

    .sidenav a {
      font-size: 18px;
    }
}

@font-face {
  font-family: 'Inter.var';
  src: url('../fonts/Inter/Inter.var.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Black';
  src: url('../fonts/Inter/Inter-Black.woff') format('woff'), url('../fonts/Inter/Inter-Black.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-BlackItalic';
  src: url('../fonts/Inter/Inter-BlackItalic.woff') format('woff'), url('../fonts/Inter/Inter-BlackItalic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Inter-Bold';
  src: url('../fonts/Inter/Inter-Bold.woff') format('woff'), url('../fonts/Inter/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-BoldItalic';
  src: url('../fonts/Inter/Inter-BoldItalic.woff') format('woff'), url('../fonts/Inter/Inter-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Inter-ExtraBold';
  src: url('../fonts/Inter/Inter-ExtraBold.woff') format('woff'), url('../fonts/Inter/Inter-ExtraBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Italic';
  src: url('../fonts/Inter/Inter-Italic.woff') format('woff'), url('../fonts/Inter/Inter-Italic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Inter-Medium';
  src: url('../fonts/Inter/Inter-Medium.woff') format('woff'), url('../fonts/Inter/Inter-Medium.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Regular';
  src: url('../fonts/Inter/Inter-Regular.woff') format('woff'), url('../fonts/Inter/Inter-Regular.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}


@font-face {
  font-family: 'Inter-SemiBold';
  src: url('../fonts/Inter/Inter-SemiBold.woff') format('woff'), url('../fonts/Inter/Inter-SemiBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_100-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_100-webfont.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_100_italic-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_100_italic-webfont.woff') format('woff');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_300-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_300-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_300_italic-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_300_italic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_500-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_500-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_500_italic-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_500_italic-webfont.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_700-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_700-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_700_italic-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_700_italic-webfont.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_900-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_900-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'museo_sans';
  src: url('../fonts/museo-sans/museosans_900_italic-webfont.woff2') format('woff2'), url('../fonts/museo-sans/museosans_900_italic-webfont.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'skill';
  src: url('../fonts/fontello/skill.eot?21536284');
  src: url('../fonts/fontello/skill.eot?21536284#iefix') format('embedded-opentype'), url('../fonts/fontello/skill.woff2?21536284') format('woff2'), url('../fonts/fontello/skill.woff?21536284') format('woff'), url('../fonts/fontello/skill.ttf?21536284') format('truetype'), url('../fonts/fontello/skill.svg?21536284#skill') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class*=" icon-"]:before, [class^=icon-]:before {
  font-family: "skill";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
  content: '\e800';
}

.icon-close:before {
  content: '\e801';
}

.icon-down-open-1:before {
  content: '\e802';
}

.icon-up-open-1:before {
  content: '\e803';
}

.icon-thumbs-down:before {
  content: '\e804';
}

.icon-phone:before {
  content: '\e805';
}

.icon-star:before {
  content: '\e806';
}

.icon-ok:before {
  content: '\e807';
}

.icon-mail:before {
  content: '\e808';
}

.icon-play:before {
  content: '\e809';
}

.icon-del:before {
  content: '\e80d';
}

.icon-filter:before {
  content: '\e844';
}

.icon-plus:before {
  content: '\e848';
}

.icon-bookmark:before {
  content: '\e849';
}

.icon-bookmark-empty:before {
  content: '\e84a';
}

.icon-thumbs-up:before {
  content: '\e84b';
}

.icon-thumbs-up-empty:before {
  content: '\e84c';
}

.icon-comment:before {
  content: '\e84d';
}

.icon-comment-empty:before {
  content: '\e84e';
}

.icon-add:before {
  content: '\e84f';
}

.icon-add-empty:before {
  content: '\e850';
}

.icon-grid:before {
  content: '\e851';
}

.icon-map:before {
  content: '\e853';
}

.icon-list:before {
  content: '\e854';
}

.icon-thumbs-down-empty:before {
  content: '\e855';
}

.icon-arr-left:before {
  content: '\e857';
}

.icon-arr-right:before {
  content: '\e858';
}

.icon-replicate-empty:before {
  content: '\e859';
}

.icon-pin:before {
  content: '\e860';
}

.icon-chat:before {
  content: '\e862';
}

.icon-book:before {
  content: '\e863';
}

.icon-pending:before {
  content: '\e864';
}

.icon-send:before {
  content: '\e865';
}

.icon-share-empty:before {
  content: '\e866';
}

.icon-share:before {
  content: '\e867';
}

.icon-drop:before {
  content: '\e868';
}

.icon-collection:before {
  content: '\e869';
}

.icon-remove:before {
  content: '\e86a';
}

.icon-new:before {
  content: '\e86b';
}

.icon-attachment:before {
  content: '\e86c';
}

.icon-send-fill:before {
  content: '\e86d';
}

.icon-yes:before {
  content: '\e86e';
}

.icon-edit:before {
  content: '\e86f';
}

.icon-export:before {
  content: '\e870';
}

.icon-ok-circle:before {
  content: '\e873';
}

.icon-close-circle:before {
  content: '\e889';
}

.icon-help:before {
  content: '\e89e';
}

.icon-tips:before {
  content: '\e8b9';
}

.icon-stack-empty:before {
  content: '\e8e0';
}

.icon-stack-fill:before {
  content: '\e8e1';
}

.icon-down-open:before {
  content: '\f004';
}

.icon-up-open:before {
  content: '\f005';
}

.icon-right-open:before {
  content: '\f006';
}

.icon-left-open:before {
  content: '\f007';
}

.icon-mail-alt:before {
  content: '\f0e0';
}

.icon-angle-up:before {
  content: '\f106';
}

.icon-angle-down:before {
  content: '\f107';
}

html {
  height: 100%;
}

body, html {
  background-color: rgb(236,237,239,1.0) !important;  
}

body {
  /* font-family: "museo_sans", sans-serif; */
  font-family: 'museosans_500',"Arial","Helvetica Neue",sans-serif !important;
  /*font-size: 18px;*/
  line-height: 28px;
  font-weight: 300;
  color: #212121;
  min-height: 100%;
  /*padding: 0 0 80px 0;*/
  position: relative;
}

@media (min-width:768px) {
  body {
    /*padding-bottom: 80px;*/
  }
}

@media (min-width:991px) {
  body {
    /*padding-bottom: 315px;*/
  }
}

body.affixed {
  /*padding-top: 68px;*/
  padding-bottom: 0;
}

body.no_footer {
  /*padding-bottom: 150px;*/
  position: relative;
}

@media (min-width:768px) {
  body.no_footer {
    /*padding-bottom: 78px;*/
  }
}

body.no_footer #Footer {
  position: static;
}

body.admin {
  background: #f7f7f7;
}

img {
  max-width: 100%;
}

.cf, .clearfix {
  *zoom: 1;
}

  .cf:after, .cf:before, .clearfix:after, .clearfix:before {
    display: table;
    content: '';
    line-height: 0;
  }

  .cf:after, .clearfix:after {
    clear: both;
  }

a {
  color: #615e99;
  text-decoration: none;
}

  a:active, a:focus, a:hover {
    color: #615e99;
    text-decoration: none;
  }

li a:hover, p a:hover, td a:hover {
  text-decoration: underline;
}

b, strong {
  font-weight: 700;
}

.btn, .h0, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  color: #444444;
}

.h0 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 300;
}

.h1, h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

.h2, h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.h3, h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.h4, h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}

.h5, h5 {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-transform: uppercase;
}

.h6, h6 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  color: #898989;
  text-transform: uppercase;
}

.btn-sd {
  border: 0 none;
  font-size: 14px;
  line-height: 42px;
  height: 42px;
  font-weight: 700;
  padding: 0 25px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  color: #fff;
  background: #00a19c;
}

.btn-lg {
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  border-radius: 24px;
}

.btn-sm {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  padding: 0 20px;
}

.btn-sd-black {
  background: #444444;
}

.btn-sd:active, .btn-sd:focus, .btn-sd:hover {
  color: #fff;
}

.btn-sd-ghost {
  border: 2px solid #fff;
  line-height: 40px;
  color: #fff;
  background: none;
  height: 42px;
}

  .btn-sd-ghost:active, .btn-sd-ghost:focus, .btn-sd-ghost:hover {
    background: #fff;
    color: #00a19c;
  }

  .btn-sd-ghost.btn-sm {
    height: 32px;
    line-height: 28px;
  }

.btn-xs-fw {
  display: block;
  text-align: center;
  padding: 0;
}

@media (min-width:768px) {
  .btn-xs-fw {
    display: inline-block;
    text-align: left;
    padding: 0 25px;
  }
}

.btn-normal {
  background: none;
  border: 0 none;
  padding: 0;
  color: #4f9392;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

.btn-sd-purple {
  background: #58478d;
}

.btn-sd-fw {
  width: 100%;
  padding: 0;
}

.btn-empty {
  background: none;
  line-height: 36px;
  height: 36px;
  border: 0 none;
  padding: 0;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 300;
  color: #898989;
}

.inline-group .form-control {
  display: inline-block;
  vertical-align: top;
}

.lbl, label {
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 24px;
  color: #212121;
  font-weight: 300;
  display: block;
}

  .lbl small, label small {
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
  }

  .lbl .req, label .req {
    color: #e63e3e;
  }

.helper {
  font-size: 10px;
  line-height: 16px;
  color: #898989;
  margin: 5px 0 0 0;
}

.form-control {
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 300;
  border-color: #cccccc;
  font-size: 12px !important; 
  font-family: 'Inter-Regular', sans-serif !important;
  color: #212121 !important;
  padding: 6px 12px 6px 12px !important;
}

  .form-control:focus {
    border-color: #a2d7eb;
    -webkit-box-shadow: 0 0 10px 0 rgba(162, 221, 236, 0.17);
    box-shadow: 0 0 10px 0 rgba(162, 221, 236, 0.17);
  }

  .form-control.shortest {
    max-width: 75px;
  }

  .form-control.short {
    max-width: 165px;
  }

  .form-control.medium {
    max-width: 370px;
  }

  .form-control.width_auto {
    width: auto;
  }

  .form-control.w340 {
    max-width: 340px;
  }

  .form-control.k-widget {
    padding: 0 !important;
    border: 0 none;
    height: 36px;
  }

    /* .form-control.k-widget .form-control {
      border: 1px solid #d5d5d5;
      text-indent: 0;
      height: 36px;
      line-height: 34px;
      padding: 5px 20px 5px 10px !important;
      border-radius: 0;
    } */

select.form-control {
  padding: 6px 8px;
}

@media (max-width:991px) {
  .container {
    width: 100%;
  }
}

@media (min-width:1290px) {
  .container {
    width: 1260px;
  }
}

.menu-open {
  overflow: hidden;
}

  .menu-open #Header {
    background: #00a19c;
    background: -moz-linear-gradient(left, #00a19c 0%, #615e99 100%);
    background: -webkit-linear-gradient(left, #00a19c 0%, #615e99 100%);
    background: -webkit-gradient(linear, left top, right top, from(#00a19c), to(#615e99));
    background: -o-linear-gradient(left, #00a19c 0%, #615e99 100%);
    background: linear-gradient(to right, #00a19c 0%, #615e99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a19c', endColorstr='#615e99', GradientType=1);
  }

    .menu-open #Header .navbar-toggle {
      margin-top: 7px;
    }

      .menu-open #Header .navbar-toggle span {
        display: none;
      }

      .menu-open #Header .navbar-toggle i {
        display: block;
        color: #fff;
        font-size: 12px;
      }

#Header {
  background: rgb(60,61,59);
  border: 0 none;
  border-radius: 0;
  margin: 0;
}

#nav-left {
  /*background: rgb(60,61,59);*/
}

@media (min-width:991px) {
  #Header {
    height: 53px;
  }
}

#Header.affix {
  width: 100%;
}

#Header .navbar-header {
  height: 60px;
}

@media (min-width:991px) {
  #Header .navbar-header {
    height: 53px;
    float: none;
  }
}

#Header .navbar-brand {
  line-height: 32px;
  height: 60px;
  padding: 14px 0;
  margin-left: 0;
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
}

@media (min-width:991px) {
  #Header .navbar-brand {
    float: left;
    height: 53px;
    padding: 10px 0;
  }
}

@media (min-width:1200px) {
  #Header .navbar-brand {
    padding-right: 10px;
    padding-left: 10px;
  }
}

#Header .navbar-brand img {
  height: 32px;
  display: inline-block;
  vertical-align: top;
}

@media (min-width:991px) {
  #Header .navbar-brand img {
    height: 28px;
  }
}

#Header .navbar-brand.logo_petronas {
  padding: 0;
  height: 60px;
  width: 52px;
  background: #fff;
  text-align: center;
  margin: 0 10px 0 20px;
}

@media (min-width:991px) {
  #Header .navbar-brand.logo_petronas {
    height: 53px;
  }
}

#Header .navbar-brand.logo_petronas img {
  margin: 0;
  height: 45px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#Header .navbar-toggle {
  border: 0 none;
  background: none;
  border-radius: 0;
  margin: 15px 0 0 0;
  padding: 10px 20px;
}

  #Header .navbar-toggle .icon-bar {
    background: #fff;
    width: 16px;
    height: 2px;
  }

    #Header .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 3px;
    }

    #Header .navbar-toggle .icon-bar.l2 {
      width: 9px;
      margin-left: 7px;
    }

  #Header .navbar-toggle i {
    display: none;
  }

#Header .navbar-search {
  float: right;
  margin: 15px 10px 0;
  position: static;
}

@media (min-width:991px) {
  #Header .navbar-search {
    margin: 0;
  }
}

#Header .navbar-search > a {
  color: #fff;
  font-size: 14px;
}

@media (min-width:991px) {
  #Header .navbar-search > a {
    display: none;
  }
}

#Header .navbar-search .dropdown-menu {
  left: 0;
  right: 0;
  top: 0;
  background: #615e99;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0 none;
  border-radius: 0;
  padding: 0 50px 0 20px;
  margin: 0;
  min-width: 0;
  height: 60px;
}

@media (min-width:991px) {
  #Header .navbar-search .dropdown-menu {
    display: block;
    position: static;
    padding: 0;
    width: 190px;
    height: auto;
  }
}

@media (min-width:1200px) {
  #Header .navbar-search .dropdown-menu {
    width: 250px;
  }
}

@media (min-width:1290px) {
  #Header .navbar-search .dropdown-menu {
    width: 350px;
  }
}

#Header .navbar-search .dropdown-menu fieldset {
  background: #fff;
  margin-top: 9px;
  height: 42px;
  overflow: hidden;
  position: relative;
  border-radius: 2px;
}

@media (min-width:991px) {
  #Header .navbar-search .dropdown-menu fieldset {
    height: 36px;
  }
}

#Header .navbar-search .dropdown-menu fieldset .k-widget {
  padding-right: 42px;
}

@media (min-width:991px) {
  #Header .navbar-search .dropdown-menu fieldset .k-widget {
    padding-right: 36px;
  }
}

#Header .navbar-search .dropdown-menu fieldset .form-control {
  border: 0 none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 42px;
  line-height: 42px;
  padding: 0 0 0 10px;
  background: #fff;
}

  #Header .navbar-search .dropdown-menu fieldset .form-control .form-control {
    padding-left: 0;
  }

@media (min-width:991px) {
  #Header .navbar-search .dropdown-menu fieldset .form-control {
    height: 36px;
    line-height: 36px;
  }
}

#Header .navbar-search .dropdown-menu fieldset button {
  background: #fff;
  border: 0 none;
  padding: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 42px;
  line-height: 42px;
  width: 42px;
  text-align: center;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  font-size: 20px;
  color: #00a19c;
}

@media (min-width:991px) {
  #Header .navbar-search .dropdown-menu fieldset button {
    height: 36px;
    line-height: 36px;
    width: 36px;
  }
}

#Header .navbar-search .dropdown-menu > a {
  position: absolute;
  right: 0;
  top: 9px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  width: 56px;
  color: #fff;
  font-size: 12px;
}

@media (min-width:991px) {
  #Header .navbar-search .dropdown-menu > a {
    display: none;
  }
}

#MobileMenu {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #432c5f;
  border: 0 none;
  z-index: 10;
}

@media (min-width:991px) {
  #MobileMenu {
    display: none !important;
  }
}

#MobileMenu .nav {
  overflow: auto;
  height: 100%;
  margin: 0;
}

  #MobileMenu .nav > li + li {
    border-top: 1px solid #4a3563;
  }

  #MobileMenu .nav > li > a {
    display: block;
    padding: 20px 40px 20px 20px;
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: normal;
  }

    #MobileMenu .nav > li > a i {
      position: absolute;
      right: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 12px;
      color: #9285a2;
    }

    #MobileMenu .nav > li > a img {
      float: right;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      margin: -8px 10px 0 0;
    }

    #MobileMenu .nav > li > a span {
      display: inline-block;
      vertical-align: top;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      text-align: center;
      background: #d81f2a;
      color: #fff;
      font-size: 12px;
      line-height: 20px;
      font-weight: 700;
      margin-left: 25px;
    }

  #MobileMenu .nav > li.open > a {
    background: none;
  }

    #MobileMenu .nav > li.open > a i {
      color: #fff;
    }

      #MobileMenu .nav > li.open > a i:before {
        content: '\f005';
      }

  #MobileMenu .nav > li .dropdown-menu {
    margin: 0;
    padding: 0 0 20px 0;
    border-radius: 0;
  }

    #MobileMenu .nav > li .dropdown-menu a {
      color: #fff;
      font-size: 16px;
      line-height: normal;
      font-weight: 300;
      padding: 8px 20px;
    }

  #MobileMenu .nav > .nav_green > a {
    background: #00a19c;
    color: #fff;
  }

    #MobileMenu .nav > .nav_green > a i {
      color: #fff;
    }

  #MobileMenu .nav > .nav_green.open > a {
    background: #33b4b0;
  }

  #MobileMenu .nav > .nav_green .dropdown-menu {
    background: #fff;
    padding: 20px 20px 0 20px;
  }

    #MobileMenu .nav > .nav_green .dropdown-menu h5 {
      font-size: 14px;
      line-height: 20px;
      text-transform: none;
      color: #444444;
      margin-bottom: 15px;
    }

    #MobileMenu .nav > .nav_green .dropdown-menu ul {
      margin: 0 -20px;
      padding: 0;
      list-style: none;
    }

      #MobileMenu .nav > .nav_green .dropdown-menu ul a {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        color: #615e99;
        display: block;
      }

        #MobileMenu .nav > .nav_green .dropdown-menu ul a small {
          display: block;
          font-size: 12px;
          line-height: 18px;
          color: #444444;
          font-weight: 300;
        }

        #MobileMenu .nav > .nav_green .dropdown-menu ul a:active, #MobileMenu .nav > .nav_green .dropdown-menu ul a:focus, #MobileMenu .nav > .nav_green .dropdown-menu ul a:hover {
          text-decoration: none;
          background: #f4f4fc;
        }

#DesktopMenu {
  float: left;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 53px;
}

  #DesktopMenu > li {
    display: inline-block;
  }

    #DesktopMenu > li.active > a {
      position: relative;
    }

      #DesktopMenu > li.active > a:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6.5px 0 6.5px;
        border-color: #615e99 transparent transparent transparent;
        position: absolute;
        bottom: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
      }

    #DesktopMenu > li > a {
      font-size: 14px;
      line-height: 53px;
      height: 53px;
      color: #ffffff;
      font-weight: 300;
      display: block;
      padding: 0 10px;
    }

@media (min-width:1200px) {
  #DesktopMenu > li > a {
    padding: 0 15px;
    font-size: 16px;
  }
}

#DesktopMenu > li > a:active, #DesktopMenu > li > a:focus, #DesktopMenu > li > a:hover {
  text-decoration: none;
}

#DesktopMenu > li.menu_share > a {
  font-weight: 700;
  background: #00a19c;
  padding: 0 10px 0 10px;
}

@media (min-width:1200px) {
  #DesktopMenu > li.menu_share > a {
    padding-left: 20px;
  }
}

#DesktopMenu > li.menu_share > a i {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 12px;
  margin-left: 5px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#DesktopMenu > li.menu_share.open i:before {
  content: '\f005';
}

#DesktopMenu > li.menu_share .dropdown-menu {
  width: 340px;
  padding: 10px 10px 0 10px;
}

@media (min-width:1200px) {
  #DesktopMenu > li.menu_share .dropdown-menu {
    padding: 20px 20px 0 20px;
  }
}

#DesktopMenu > li.menu_share .dropdown-menu h5 {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  color: #444444;
  margin-bottom: 15px;
}

#DesktopMenu > li.menu_share .dropdown-menu ul {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}

@media (min-width:1200px) {
  #DesktopMenu > li.menu_share .dropdown-menu ul {
    margin: 0 -20px;
  }
}

#DesktopMenu > li.menu_share .dropdown-menu ul a {
  padding: 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #615e99;
  display: block;
}

@media (min-width:1200px) {
  #DesktopMenu > li.menu_share .dropdown-menu ul a {
    padding: 10px 20px;
  }
}

#DesktopMenu > li.menu_share .dropdown-menu ul a small {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  font-weight: 300;
}

#DesktopMenu > li.menu_share .dropdown-menu ul a:active, #DesktopMenu > li.menu_share .dropdown-menu ul a:focus, #DesktopMenu > li.menu_share .dropdown-menu ul a:hover {
  text-decoration: none;
  background: #f4f4fc;
}

#DesktopMenu .dropdown-menu {
  width: 100%;
  border-radius: 0;
  margin: -1px 0 0 0;
  float: none;
}

  #DesktopMenu .dropdown-menu a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
  }

#SubMenu {
  float: right;
  font-size: 0;
  line-height: 0;
  margin: 0 15px 0 0;
  padding: 0 0 0 10px;
  height: 53px;
}

@media (min-width:1200px) {
  #SubMenu {
    padding: 0 0 0 20px;
  }
}

#SubMenu > li {
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}

  #SubMenu > li > a {
    display: block;
    font-size: 20px;
    line-height: 53px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
  }

    #SubMenu > li > a span {
      position: absolute;
      top: 3px;
      right: 12px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      text-align: center;
      background: #d81f2a;
      color: #fff;
      font-size: 12px;
      line-height: 20px;
      font-weight: 700;
    }

    #SubMenu > li > a:active, #SubMenu > li > a:focus, #SubMenu > li > a:hover {
      text-decoration: none;
    }

    #SubMenu > li > a img {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.4);
      display: inline-block;
      margin-top: -5px;
    }

    #SubMenu > li > a i {
      line-height: normal;
    }

  #SubMenu > li.dropdown > a {
    font-size: 12px;
  }

#SubMenu .dropdown-menu {
  right: 0;
  left: auto;
  width: 190px;
  border-radius: 0;
  margin: -1px 0 0 0;
  float: none;
  padding-top: 10px;
}

  #SubMenu .dropdown-menu:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 6px 7px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    right: 30px;
    top: -6px;
  }

  #SubMenu .dropdown-menu a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #615e99;
    padding: 3px 20px;
  }

#Top {
  background: url(../art/bg-gradient.png) repeat-y center;
  background-size: 100% auto;
}

  #Top.top_expert {
    background-image: url(../art/bg-gradient-expert.png);
  }

    #Top.top_expert .bg {
      background-image: url(../art/expert-bg.jpg);
    }

  #Top .bg {
    background: url(../art/banner-bg.jpg) no-repeat top center;
  }

@media (min-width:768px) {
  #Top .bg {
    background-size: 100% auto;
  }
}

#Top.top_faq {
  background: #615e99 url(../art/bg-faq.jpg) no-repeat center;
}

@media (min-width:1400px) {
  #Top.top_faq {
    background-size: cover;
  }
}

#Top.top_faq h1 {
  margin-bottom: 0;
}

#Top.top_banner {
  padding-bottom: 65px;
}

  #Top.top_banner h1 {
    margin-bottom: 0;
  }

#Top.top_home {
  background: #615e99 url(../art/homepage-bg.jpg) no-repeat center;
  background-size: cover;
}

  #Top.top_home .gradient {
    background: -moz-linear-gradient(-45deg, rgba(86, 82, 143, 0.72) 0%, rgba(78, 92, 149, 0.72) 50%, rgba(0, 161, 156, 0.72) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(86, 82, 143, 0.72) 0%, rgba(78, 92, 149, 0.72) 50%, rgba(0, 161, 156, 0.72) 100%);
    background: -webkit-linear-gradient(315deg, rgba(86, 82, 143, 0.72) 0%, rgba(78, 92, 149, 0.72) 50%, rgba(0, 161, 156, 0.72) 100%);
    background: -o-linear-gradient(315deg, rgba(86, 82, 143, 0.72) 0%, rgba(78, 92, 149, 0.72) 50%, rgba(0, 161, 156, 0.72) 100%);
    background: linear-gradient(135deg, rgba(86, 82, 143, 0.72) 0%, rgba(78, 92, 149, 0.72) 50%, rgba(0, 161, 156, 0.72) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b856528f', endColorstr='#b800a19c', GradientType=1);
  }

#Crumb {
  padding: 15px 0 25px;
}

  #Crumb p {
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    font-weight: 300;
    margin: 0;
  }

    #Crumb p a {
      color: #fff;
    }

    #Crumb p span {
      display: inline-block;
      margin: 0 10px;
    }

#Intro {
  padding-top: 50px;
}

  #Intro.intro_home {
    padding-top: 50px;
    padding-bottom: 50px;
  }

@media (min-width:768px) {
  #Intro {
    padding-top: 0;
  }
}

#Intro h1 {
  font-size: 36px;
  font-weight: 900;
  line-height: normal;
  color: #fff;
}

@media (min-width:768px) {
  #Intro h1 {
    font-size: 48px;
    margin-bottom: 20px;
  }
}

#Intro .kd {
  margin: 20px -15px 0 -15px;
  font-size: 0;
  line-height: 0;
  padding: 0;
  list-style: none;
}

@media (min-width:768px) {
  #Intro .kd {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
}

#Intro .kd li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  margin-top: 20px;
}

@media (min-width:768px) {
  #Intro .kd li {
    padding: 0 20px;
    margin: 0;
  }
}

#Intro .kd li a {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  color: #fff;
  display: block;
}

  #Intro .kd li a strong {
    font-size: 24px;
    font-weight: 100;
    line-height: normal;
    display: inline-block;
    margin-bottom: 5px;
  }

  #Intro .kd li a span {
    font-size: 24px;
    font-weight: 100;
    line-height: normal;
    display: inline-block;
    margin-bottom: 5px;
  }

    #Intro .kd li a span img {
      display: inline-block;
      vertical-align: top;
      height: 25px;
    }

  #Intro .kd li a:active, #Intro .kd li a:focus, #Intro .kd li a:hover {
    text-decoration: none;
  }

#Intro .intro_bottom {
  padding-top: 20px;
}

@media (min-width:768px) {
  #Intro .intro_bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 25px;
    margin-top: 35px;
  }
}

#Intro .intro_bottom .trigger_btn {
  margin: 0 -15px;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  height: 60px;
  line-height: 59px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#Intro .intro_bottom .well {
  background: none;
  border-radius: 0;
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

  #Intro .intro_bottom .well .kd {
    margin-top: 10px;
    margin-bottom: 30px;
  }

    #Intro .intro_bottom .well .kd li {
      margin: 0;
    }

#Intro .intro_bottom h4 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 900;
  color: #ffffff;
  text-align: center;
}

  #Intro .intro_bottom h4 span {
    font-size: 8px;
  }

  #Intro .intro_bottom h4 small {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #ffffff;
  }

#Intro .intro_bottom .box {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
}

  #Intro .intro_bottom .box.img_right img {
    float: right;
    width: 64px;
    line-height: 64px;
    height: 64px;
    border-radius: 50%;
  }

  #Intro .intro_bottom .box.img_right .action_block {
    padding-top: 25px;
  }

@media (min-width:768px) {
  #Intro .intro_bottom .box {
    min-height: 163px;
    padding-bottom: 15px;
  }
}

#Intro .intro_bottom .box.avatars {
  margin-bottom: 0;
}

@media (min-width:768px) {
  #Intro .intro_bottom .box.avatars {
    background: #fff;
    padding: 30px 20px 10px 20px;
  }

    #Intro .intro_bottom .box.avatars ul li {
      margin-bottom: 15px;
    }

      #Intro .intro_bottom .box.avatars ul li img {
        width: 42px;
        height: 42px;
      }
}

#Intro.intro_home .intro_top {
  margin-bottom: 20px;
}

  #Intro.intro_home .intro_top h1 + p {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
  }

  #Intro.intro_home .intro_top .count {
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding-top: 20px;
  }

@media (min-width:768px) {
  #Intro.intro_home .intro_top .count {
    text-align: right;
  }
}

#Intro.intro_home .intro_top .count p {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 15px 0;
  font-size: 10px;
  line-height: 16px;
  color: #fff;
  width: 50%;
}

@media (min-width:480px) {
  #Intro.intro_home .intro_top .count p {
    width: auto;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    vertical-align: top;
  }
}

@media (min-width:768px) {
  #Intro.intro_home .intro_top .count p {
    margin-bottom: 20px;
  }
}

#Intro.intro_home .intro_top .count p + p {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width:480px) {
  #Intro.intro_home .intro_top .count p + p {
    padding: 0 40px;
  }
}

@media (min-width:768px) {
  #Intro.intro_home .intro_top .count p + p {
    padding-right: 0;
  }
}

#Intro.intro_home .intro_top .count p strong {
  font-size: 24px;
  line-height: 32px;
  font-weight: 100;
}

@media (min-width:480px) {
  #Intro.intro_home .intro_top .count p strong {
    font-size: 32px;
    line-height: normal;
  }
}

#Intro.intro_home .intro_top .count .btn-sd {
  padding: 0 15px;
  font-size: 12px;
  vertical-align: middle;
}

@media (min-width:480px) {
  #Intro.intro_home .intro_top .count .btn-sd {
    vertical-align: top;
  }
}

@media (min-width:480px) {
  #Intro.intro_home .intro_top .count .btn-sd {
    margin-left: 40px;
  }
}

@media (min-width:768px) {
  #InnerBottom {
    display: block !important;
  }
}

#InnerBottom .lbl_new {
  bottom: 0;
  top: auto;
}

#InnerBottom .lbl_admin {
  top: 0;
}

.i_btn {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
}

  .i_btn li {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
  }

    .i_btn li:first-child {
      margin-left: 0;
    }

    .i_btn li > a, .i_btn li > span {
      display: block;
      height: 28px;
      line-height: 26px;
      border: 1px solid #dedede;
      border-radius: 15px;
      padding: 0 5px;
      font-size: 10px;
      color: #444444;
      font-weight: bold;
    }

@media (min-width:480px) {
  .i_btn li > a, .i_btn li > span {
    padding: 0 9px;
  }
}

.i_btn li > a:active, .i_btn li > a:focus, .i_btn li > a:hover, .i_btn li > span:active, .i_btn li > span:focus, .i_btn li > span:hover {
  text-decoration: none;
}

.i_btn li > a i, .i_btn li > span i {
  color: #898989;
}

  .i_btn li > a i:before, .i_btn li > span i:before {
    margin: 0;
    width: auto;
  }

  .i_btn li > a i.icon-yes, .i_btn li > span i.icon-yes {
    font-size: 8px;
    margin: 0 0 0 3px;
    vertical-align: top;
    display: none;
  }

.i_btn li > a.checked, .i_btn li > span.checked {
  background: #eeeeee;
  border-color: #eeeeee;
  color: #898989;
}

  .i_btn li > a.checked i, .i_btn li > span.checked i {
    color: #cccccc;
  }

  .i_btn li > a.checked .icon-comment-empty:before, .i_btn li > span.checked .icon-comment-empty:before {
    content: '\e84d';
  }

  .i_btn li > a.checked .icon-thumbs-up-empty:before, .i_btn li > span.checked .icon-thumbs-up-empty:before {
    content: '\e84b';
  }

  .i_btn li > a.checked .icon-thumbs-down-empty:before, .i_btn li > span.checked .icon-thumbs-down-empty:before {
    content: '\e804';
  }

  .i_btn li > a.checked .icon-bookmark-empty:before, .i_btn li > span.checked .icon-bookmark-empty:before {
    content: '\e849';
  }

  .i_btn li > a.checked .icon-add-empty:before, .i_btn li > span.checked .icon-add-empty:before {
    content: '\e84f';
  }

  .i_btn li > a.checked .icon-share-empty:before, .i_btn li > span.checked .icon-share-empty:before {
    content: '\e867';
  }

  .i_btn li > a.checked .icon-stack-empty:before, .i_btn li > span.checked .icon-stack-empty:before {
    content: '\e8e1';
  }

  .i_btn li > a.checked .icon-yes, .i_btn li > span.checked .icon-yes {
    color: #898989;
    display: inline-block;
  }

.i_btn li > span.checked {
  font-size: 11px;
  color: #444444;
}

  .i_btn li > span.checked small {
    color: #898989;
  }

  .i_btn li > span.checked img {
    height: 24px;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 2px;
    margin-right: -5px;
  }

.box {
  background: #fff;
  padding: 25px 20px;
  text-align: left;
  position: relative;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

  .box h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 0;
  }

    .box h4 a {
      color: #615e99;
    }

  .box h5 {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 0;
  }

    .box h5 a {
      color: #615e99;
    }

  .box .lbl, .box label {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    font-weight: bold;
    display: block;
  }

  .box p {
    font-size: 12px;
    line-height: 18px;
    color: #898989;
    font-weight: 300;
    margin: 0;
  }

    .box p + p {
      font-weight: 700;
      color: #444444;
    }

  .box .action_block {
    padding-top: 10px;
  }

    .box .action_block > img {
      float: left;
      width: 32px;
      border-radius: 50%;
    }

    .box .action_block .i_btn {
      float: right;
    }

  .box.avatars {
    padding: 0;
    background: none;
  }

    .box.avatars ul {
      margin: 0 -3px;
      padding: 0;
      list-style: none;
      text-align: center;
    }

      .box.avatars ul li {
        display: inline-block;
        padding: 0 3px;
        vertical-align: top;
        margin-bottom: 10px;
      }

        .box.avatars ul li img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
        }

.lbl_box {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 7px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  z-index: 3;
}

  .lbl_box.lbl_admin, .lbl_box.lbl_new {
    background: #efab24;
  }

  .lbl_box.lbl_expert {
    background: #efab24;
    position: static;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-top: 3px;
  }

  .lbl_box.lbl_new {
    bottom: 0;
    top: auto;
  }

@media (min-width:768px) {
  .lbl_box.lbl_new {
    bottom: auto;
    top: -20px;
  }
}

.horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal {
  overflow-x: auto;
  overflow-y: hidden;
}

  .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal::-webkit-scrollbar {
    width: 0 !important;
  }

  .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal > li {
    float: none;
    text-align: center;
  }

#Tab {
  padding-top: 60px;
}

  #Tab.tab_expert {
    padding-top: 0;
  }

  #Tab.fw .nav-tabs {
    margin: 0 -15px;
  }

@media (min-width:991px) {
  #Tab.fw .nav-tabs {
    text-align: left;
  }
}

#Tab .side_item {
  margin-bottom: 0;
}

#Tab .display_grid .listing {
  padding-top: 20px;
}

@media (min-width:991px) {
  #Tab .display_grid .listing {
    padding-top: 0;
  }
}

#Tab .display_grid .listing.listing_experts {
  padding-top: 0;
}

#Tab .display_grid .listing .box h4 {
  min-height: 40px;
}

@media (min-width:768px) {
  #Tab.account #TabNav {
    border-top: 1px solid #e3e3e3;
  }
}

#Tab.account #TabNav ul li a strong {
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  padding: 0 5px;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  background: #d81f2a;
  border-radius: 8px;
  position: absolute;
  left: 100%;
  top: 15px;
}

#Tab.account .tab-pane {
  position: relative;
  padding-top: 90px;
}

@media (min-width:991px) {
  #Tab.account .tab-pane {
    padding-top: 0;
  }
}

#Tab.account .tab-pane.chat_tab {
  padding-top: 25px;
}

#Tab.account .pos_static {
  position: static;
}

#Tab.account .side_item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
}

@media (min-width:991px) {
  #Tab.account .side_item {
    position: static;
  }
}

#Tab.account .side_item .side_status {
  display: block;
}

@media (min-width:991px) {
  #Tab.account .side_item .side_status {
    border: 0 none;
  }
}

@media (min-width:991px) {
  #Tab.account .side_item .side_status .dropdown-menu {
    padding: 0;
    margin: 0;
  }
}

#Tab.account .side_item .side_status li a {
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 300;
  color: #898989;
  display: block;
}

  #Tab.account .side_item .side_status li a:hover {
    font-weight: bold;
    background: #ebebeb;
    text-decoration: none;
  }

#Tab.account .side_item .side_status li.selected a {
  font-weight: bold;
  color: #615e99;
}

#Tab.account .listing_head h3 {
  float: left;
  width: 50%;
}

@media (min-width:768px) {
  #Tab.account .listing_head h3 {
    width: auto;
  }
}

@media (min-width:991px) {
  #Tab.account .listing_head h3 small {
    display: inline;
  }
}

#Tab.account .listing_head .inner_search {
  float: right;
  width: 50%;
  max-width: 175px;
}

@media (min-width:768px) {
  #Tab.account .listing_head .inner_search {
    max-width: 225px;
    width: auto;
  }
}

@media (min-width:991px) {
  #Tab.account .listing_head .inner_search {
    float: none;
    display: inline-block;
  }
}

#TabNav {
  margin-top: -60px;
  min-height: 60px;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
}

  #TabNav.affix {
    width: 100%;
    top: 0;
    background: #ffffff;
    z-index: 1001;
    margin: 0;
  }

  #TabNav ul {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    border: 0 none;
    height: 60px;
  }

    #TabNav ul li {
      padding: 0 12px;
      display: inline-block;
      vertical-align: top;
    }

      #TabNav ul li.active a {
        color: #615e99;
        border-color: #615e99;
        background: none;
      }

      #TabNav ul li a {
        display: block;
        height: 60px;
        line-height: 57px;
        font-size: 16px;
        color: #444444;
        font-weight: 700;
        padding: 0;
        border: 0 none;
        border-bottom: 3px solid transparent;
        border-radius: 0;
      }

        #TabNav ul li a:active, #TabNav ul li a:focus, #TabNav ul li a:hover {
          background: none;
        }

#Tab .tab-content {
  background: #f7f7f7;
  padding-bottom: 40px;
}

@media (min-width:991px) {
  #Tab .tab-content {
    padding-top: 25px;
  }
}

#Tab .tab-content .display_list .listing > li {
  margin-bottom: 10px;
}

@media (min-width:768px) {
  #Tab .tab-content .display_list .listing > li {
    display: block;
    width: 100%;
  }
}

@media (min-width:768px) {
  #Tab .tab-content .display_list .listing > li .box {
    padding: 25px 20px;
  }
}

@media (min-width:768px) {
  #Tab .tab-content .display_list .listing > li .box .img_box {
    float: left;
    width: 100px;
    height: 100px;
  }
}

@media (min-width:768px) {
  #Tab .tab-content .display_list .listing > li .box .img_box img {
    height: 100%;
    width: auto;
  }
}

@media (min-width:768px) {
  #Tab .tab-content .display_list .listing > li .box .text_box {
    margin-left: 120px;
    padding: 0;
    position: static;
  }
}

@media (min-width:768px) {
  #Tab .tab-content .display_list .listing > li .box .text_box .lbl_new {
    bottom: 0;
    top: auto;
  }
}

#Tab .tab-content .display_list .listing > li .box .text_box p {
  margin-top: 0;
}

#Tab .tab-content .display_list .listing > li .box .text_box .i_btn .visible_list {
  display: inline-block;
}

#Tab .tab-content .display_list .listing > li .box .text_box .action_block {
  position: static;
}

#Tab .tab-content .display_list .listing > li .box.img_right {
  padding-top: 15px;
  padding-bottom: 15px;
}

  #Tab .tab-content .display_list .listing > li .box.img_right .text_box {
    margin: 0;
    position: relative;
    padding-right: 220px;
    overflow: visible;
  }

    #Tab .tab-content .display_list .listing > li .box.img_right .text_box h4, #Tab .tab-content .display_list .listing > li .box.img_right .text_box p {
      margin-left: 75px;
    }

    #Tab .tab-content .display_list .listing > li .box.img_right .text_box h4 {
      margin-top: 10px;
    }

    #Tab .tab-content .display_list .listing > li .box.img_right .text_box > img {
      float: left;
    }

    #Tab .tab-content .display_list .listing > li .box.img_right .text_box .action_block {
      position: absolute;
      right: 0;
      top: 5px;
    }

#Tab .tab-content .map_container {
  display: none;
}

#Tab .tab-content .display_map .map_container {
  display: block;
}

#Tab .tab-content .display_map .listing, #Tab .tab-content .display_map .pagenavi {
  display: none;
}

.side_item {
  margin: 0 -15px 30px -15px;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}

@media (min-width:991px) {
  .side_item {
    margin: 0;
    border: 0 none;
  }
}

.side_item > div {
  float: left;
  width: 50%;
  position: static;
}

@media (min-width:991px) {
  .side_item > div {
    float: none;
    width: 100%;
  }
}

.side_item > div.side_sort {
  border-left: 1px solid #e8e8e8;
}

@media (min-width:991px) {
  .side_item > div.side_sort {
    display: none;
  }
}

.side_item > div.side_sort .dropdown-menu {
  padding: 15px;
  margin-top: 1px;
}

@media (min-width:1200px) {
  .side_item > div.side_sort .dropdown-menu {
    position: static;
  }
}

.side_item > div.side_sort .dropdown-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

  .side_item > div.side_sort .dropdown-menu ul a {
    font-size: 14px;
    color: #444444;
    line-height: 20px;
  }

  .side_item > div.side_sort .dropdown-menu ul li.selected a {
    font-weight: 700;
    color: #615e99;
  }

.side_item > div > a {
  height: 68px;
  padding: 15px 15px 0 15px;
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  color: #898989;
  text-transform: uppercase;
}

@media (min-width:991px) {
  .side_item > div > a {
    height: auto;
    cursor: default;
    padding: 0 0 15px 0;
  }
}

.side_item > div > a span {
  display: block;
}

@media (min-width:991px) {
  .side_item > div > a span {
    display: none;
  }
}

.side_item > div > a span i {
  float: right;
}

.side_item > div > a small {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  display: inline-block;
  color: #444444;
  text-transform: none;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 80%;
}

@media (min-width:480px) {
  .side_item > div > a small {
    font-size: 14px;
    line-height: 20px;
  }
}

.side_item > div > .dropdown-menu {
  border: 0 none;
  background: 0;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  padding: 0;
  margin: 1px 0 0 0;
  left: 0;
  right: 0;
  background: #f7f7f7;
  width: 100%;
}

@media (min-width:991px) {
  .side_item > div > .dropdown-menu {
    display: block !important;
    position: static !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.side_item .side_refine.open > .dropdown-menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  border-radius: 0;
  margin: 0;
  padding: 0;
  overflow: auto;
}

@media (min-width:991px) {
  .side_item .side_refine.open > .dropdown-menu {
    background: none;
  }
}

@media (min-width:991px) {
  .side_item .side_refine > a {
    display: none;
  }
}

.side_item .side_refine .btn_reset {
  padding: 0;
  margin: 0;
  border: 0 none;
  background: #fff;
  font-size: 18px;
  line-height: normal;
  color: #00a19c;
  font-weight: 700;
  margin-right: 20px;
  vertical-align: middle;
}

.side_item .side_refine .refine_head {
  padding: 15px 30px;
  text-align: right;
  position: relative;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_head {
    padding: 0 0 15px 0;
  }
}

.side_item .side_refine .refine_head h2 {
  float: left;
  font-weight: 300;
  color: #898989;
  margin: 0;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_head h2 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #898989;
    text-transform: uppercase;
  }
}

.side_item .side_refine .refine_head .dd_tips {
  float: left;
  margin-left: 5px;
  margin-top: 9px;
  font-size: 16px;
  position: static;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_head .dd_tips {
    margin-top: 0;
  }
}

.side_item .side_refine .refine_head .dd_tips.open > a {
  color: #131314;
}

  .side_item .side_refine .refine_head .dd_tips.open > a:after {
    display: block;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

.side_item .side_refine .refine_head .dd_tips > a {
  color: #898989;
  position: relative;
  z-index: 1001;
  line-height: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
}

  .side_item .side_refine .refine_head .dd_tips > a:after {
    display: none;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #ffffff transparent;
  }

.side_item .side_refine .refine_head .dd_tips .dropdown-menu {
  padding: 15px 30px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.24);
  top: 49px;
  max-width: 470px;
  border-radius: 0;
  margin: 0;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_head .dd_tips .dropdown-menu {
    top: 26px;
    width: 470px;
    padding: 25px;
  }
}

.side_item .side_refine .refine_head .dd_tips .dropdown-menu h6 {
  font-size: 12px;
  color: #444444;
  text-transform: none;
}

.side_item .side_refine .refine_head .dd_tips .dropdown-menu p {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 18px;
}

.side_item .side_refine .refine_head .dd_tips .dropdown-menu ul {
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  list-style: none;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_head .dd_tips .dropdown-menu ul {
    margin: 0;
  }
}

.side_item .side_refine .refine_head .dd_tips .dropdown-menu ul li {
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-left: 13px;
  padding-right: 10px;
  position: relative;
  margin-top: 0;
}

  .side_item .side_refine .refine_head .dd_tips .dropdown-menu ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #615e99;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
  }

@media (min-width:991px) {
  .side_item .side_refine .refine_head button {
    display: none;
  }
}

.side_item .side_refine .refine_head button + a {
  color: #595959;
  vertical-align: middle;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_head button + a {
    display: none;
  }
}

.side_item .side_refine .refine_content {
  margin: 0;
  padding: 10px 30px;
  border-top: 1px solid #dbdbdb;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_content {
    border: 0 none;
    padding: 0;
  }
}

.side_item .side_refine .refine_content .search_field {
  border: 1px solid #d5d5d5;
  position: relative;
  border-radius: 2px;
  margin-bottom: 25px;
  margin-left: 10px;
  margin-right: 10px;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_content .search_field {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.side_item .side_refine .refine_content .search_field .form-control {
  border: 0 none;
  padding: 0 34px 0 5px;
  line-height: 34px;
  height: 34px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.side_item .side_refine .refine_content .search_field button {
  width: 34px;
  height: 34px;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 34px;
  border: 0 none;
  background: none;
}

.side_item .side_refine .refine_content .btn_reset {
  display: none;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_content .btn_reset {
    display: block;
    background: none;
    float: right;
    font-size: 12px;
    margin: 0 0 10px 0;
  }
}

.side_item .side_refine .refine_content .refine_block {
  margin-bottom: 20px;
  padding: 0 10px;
  clear: both;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_content .refine_block {
    padding: 0;
  }
}

.side_item .side_refine .refine_content .refine_block h4 {
  color: #898989;
}

.side_item .side_refine .refine_content .refine_block > ul {
  padding: 0 12px;
  margin: 0;
  list-style: none;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_content .refine_block > ul {
    padding: 0;
  }
}

.side_item .side_refine .refine_content .refine_block > ul li {
  padding: 0 30px 0 10px;
  background: #eeeeee;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  font-weight: 700;
  color: #615e99;
  border-radius: 2px;
  position: relative;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

  .side_item .side_refine .refine_content .refine_block > ul li + li {
    margin-top: 3px;
  }

  .side_item .side_refine .refine_content .refine_block > ul li a {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 8px;
    color: #9896ba;
    text-align: center;
  }

.side_item .side_refine .refine_content .refine_block + .btn_block {
  padding-top: 0;
  padding-left: 22px;
  padding-right: 22px;
}

  .side_item .side_refine .refine_content .refine_block + .btn_block .btn-link {
    color: #00a19c;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    font-weight: 700;
  }

@media (min-width:991px) {
  .side_item .side_refine .refine_content .refine_block + .btn_block {
    padding: 0;
  }
}

.side_item .side_refine .refine_content .refine_recency {
  margin-top: 25px;
  padding-top: 15px;
  border-top: 1px solid #d5d5d5;
}

  .side_item .side_refine .refine_content .refine_recency .range_filter {
    margin-left: 25px;
    width: 190px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
    border-radius: 5px;
  }

@media (min-width:991px) {
  .side_item .side_refine .refine_content .refine_recency .range_filter {
    margin: 0;
    width: 100%;
  }
}

.side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  width: 100%;
  vertical-align: top;
}

  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .controls {
    margin: 0;
    border-bottom: 1px solid #ebebeb;
    vertical-align: top;
  }

@media (min-width:991px) {
  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .controls {
    width: 100%;
  }
}

.side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .periods {
  padding: 0;
  background: none;
  width: 100%;
}

  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .periods li {
    margin: 0;
    background: none;
    border-radius: 5px;
    font-size: 12px;
    color: #898989;
    font-weight: 700;
    display: inline-block;
    padding: 0;
    text-align: center;
    width: 33.33333%;
    height: 42px;
    line-height: 42px;
    border-radius: 0;
    border-bottom: 3px solid transparent;
  }

    .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .periods li.active {
      background: none;
      border-color: #615e99;
      color: #615e99;
    }

.side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar {
  margin: 0;
  width: 190px;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar {
    width: 100%;
  }
}

.side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-header {
  border: 0 none;
  background: #fff;
  margin: 0;
  height: 34px;
  border-bottom: 1px solid #ebebeb;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-header {
    min-width: 0;
  }
}

.side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-header select {
  max-width: 90%;
}

.side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-table {
  border: 0 none;
  border-top: 0 none;
  border-radius: 0;
  padding-bottom: 2px;
  background: #fff;
}

@media (min-width:991px) {
  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-table {
    min-width: 0;
  }
}

.side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-table .table-row {
  margin: 2px 2px 0 2px;
}

  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-table .table-row .table-col {
    font-size: 12px;
    line-height: 18px;
    color: #615e99;
    font-weight: 700;
    height: 30px;
  }

  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-table .table-row .clickable:hover .table-value-wrapper {
    background: #d2c4ff;
  }

  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-table .table-row .start-date .table-value-wrapper {
    background: #615e99;
    color: #ffffff;
    font-weight: 700;
  }

  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker .calendar-table .table-row .start-date:hover .table-value-wrapper {
    background: #58478d;
    color: #fff;
  }

.side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker.quarter-period .calendar-table .table-row .table-col {
  font-size: 12px;
  height: auto;
}

  .side_item .side_refine .refine_content .refine_recency .range_filter .daterangepicker.quarter-period .calendar-table .table-row .table-col span {
    font-size: 12px;
    font-weight: 300;
    opacity: 1;
  }

.side_item .side_refine .dropdown-backdrop {
  display: none;
}

.filters {
  margin: 0;
}

  .filters .panel {
    margin: 0;
    border: 0 none;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    background: #f7f7f7;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

    .filters .panel:first-child {
      border-top: 1px solid #e8e8e8;
    }

    .filters .panel .panel-heading {
      padding: 0;
      background: none;
      border: 0 none;
    }

      .filters .panel .panel-heading a {
        padding: 0 15px;
        display: block;
        line-height: 49px;
        height: 49px;
        font-size: 14px;
        font-weight: 700;
        color: #00a19c;
      }

@media (min-width:991px) {
  .filters .panel .panel-heading a {
    padding: 0;
  }
}

.filters .panel .panel-heading a.collapsed {
  color: #444444;
}

  .filters .panel .panel-heading a.collapsed i {
    color: #898989;
  }

    .filters .panel .panel-heading a.collapsed i:before {
      content: '\f004';
    }

.filters .panel .panel-heading a i {
  float: right;
  font-size: 12px;
  color: #00a19c;
}

.filters .panel .panel-body {
  border: 0 none;
  border-top: 1px solid #e8e8e8;
}

@media (min-width:991px) {
  .filters .panel .panel-body {
    border-top: 0 none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
}

.filters .panel .panel-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

  .filters .panel .panel-body ul a {
    font-size: 14px;
    color: #444444;
    line-height: 20px;
  }

.filters.refine_filters .panel {
  background: #fff;
  clear: both;
}

  .filters.refine_filters .panel + .panel {
    margin: 0;
  }

  .filters.refine_filters .panel .panel-heading a {
    padding: 0 30px;
    line-height: 50px;
    color: #898989;
  }

  .filters.refine_filters .panel .panel-body {
    border: 0 none;
    padding: 0 50px 15px 50px;
  }

.tab_expert .listing_head {
  position: relative;
  padding: 10px 0;
}

@media (min-width:768px) {
  .tab_expert .listing_head {
    padding: 23px 0 0 0;
  }
}

@media (min-width:991px) {
  .tab_expert .listing_head {
    padding: 0;
  }
}

.tab_expert .listing_head h3 {
  float: left;
}

@media (min-width:768px) {
  .tab_expert .listing_head h3 {
    margin-bottom: 0;
  }
}

.tab_expert .listing_head h3 span {
  display: none;
}

@media (min-width:768px) {
  .tab_expert .listing_head h3 span {
    display: inline;
  }
}

@media (min-width:991px) {
  .tab_expert .listing_head h3 span {
    display: none;
  }
}

@media (min-width:1200px) {
  .tab_expert .listing_head h3 span {
    display: inline;
  }
}

.tab_expert .listing_head h3 small {
  display: block;
}

@media (min-width:768px) {
  .tab_expert .listing_head h3 small {
    display: inline;
  }
}

@media (min-width:991px) {
  .tab_expert .listing_head h3 small {
    display: block;
    margin: 0;
  }
}

@media (min-width:1200px) {
  .tab_expert .listing_head h3 small {
    display: inline;
  }
}

.tab_expert .listing_head .expert_toggler {
  float: right;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dedede;
  height: 32px;
  margin-top: 7px;
}

@media (min-width:768px) {
  .tab_expert .listing_head .expert_toggler {
    float: left;
    margin: 0 0 0 15px;
  }
}

@media (min-width:991px) {
  .tab_expert .listing_head .expert_toggler {
    clear: both;
    float: right;
    margin: 15px 0 0 0;
  }
}

@media (min-width:1200px) {
  .tab_expert .listing_head .expert_toggler {
    clear: none;
    float: left;
    margin: 0 0 0 15px;
  }
}

.tab_expert .listing_head .expert_toggler label {
  margin: 0;
  display: inline-block;
}

  .tab_expert .listing_head .expert_toggler label input {
    display: none;
  }

    .tab_expert .listing_head .expert_toggler label input:checked + span {
      background: #615e99;
      color: #fff;
    }

  .tab_expert .listing_head .expert_toggler label span {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: #615e99;
    padding: 0 10px;
    cursor: pointer;
  }

@media (min-width:768px) {
  .tab_expert .listing_head .adv_search .dropdown > a {
    top: 23px;
  }
}

@media (min-width:991px) {
  .tab_expert .listing_head .adv_search .dropdown > a {
    top: -36px;
  }
}

.listing_head {
  font-size: 0;
  line-height: 0;
  margin-bottom: 15px;
}

  .listing_head h3 {
    text-align: left;
    margin-bottom: 15px;
  }

@media (min-width:991px) {
  .listing_head h3 {
    float: left;
    margin-bottom: 0;
  }
}

@media (min-width:991px) {
  .listing_head h3 small {
    display: block;
    margin-left: -5px;
  }
}

@media (min-width:1200px) {
  .listing_head h3 small {
    display: inline;
    margin: 0;
  }
}

.listing_head h2 {
  margin-bottom: 0;
}

.listing_head .inner_layout, .listing_head .inner_sort {
  display: inline-block;
  vertical-align: top;
}

.listing_head .inner_search {
  display: block;
}

@media (min-width:991px) {
  .listing_head .inner_search {
    display: inline-block;
    vertical-align: top;
  }
}

.listing_head .inner_search fieldset {
  background: #fff;
  position: relative;
  width: 36px;
  line-height: 34px;
  height: 36px;
  border: 1px solid #d5d5d5;
  width: 100%;
  padding-right: 34px;
  border-radius: 3px;
}

@media (min-width:991px) {
  .listing_head .inner_search fieldset {
    width: 200px;
  }
}

@media (min-width:1200px) {
  .listing_head .inner_search fieldset {
    width: 220px;
  }
}

.listing_head .inner_search fieldset .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0 none;
  padding: 0 5px;
}

.listing_head .inner_search fieldset > button {
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 34px;
  line-height: 34px;
  background: #fff;
  border: 0 none;
  font-size: 16px;
  color: #898989;
}

.listing_head .adv_search {
  position: relative;
  clear: both;
}

@media (min-width:768px) {
  .listing_head .adv_search {
    display: inline-block;
    position: static;
  }
}

.listing_head .adv_search fieldset {
  padding-right: 70px;
}

  .listing_head .adv_search fieldset > button {
    right: 35px;
    height: 20px;
    line-height: 20px;
    top: 8px;
    border-right: 1px solid #e7e7e7;
  }

.listing_head .adv_search .dropdown {
  position: static;
}

@media (min-width:991px) {
  .listing_head .adv_search .dropdown {
    height: 0;
    line-height: 0;
  }
}

.listing_head .adv_search .dropdown > a {
  position: absolute;
  width: 36px;
  height: 36px;
  line-height: 36px;
  right: 0;
  top: -1px;
  font-size: 10px;
  text-align: center;
  color: #898989;
  border-radius: 0 3px 3px 0;
}

@media (min-width:991px) {
  .listing_head .adv_search .dropdown > a {
    position: relative;
    display: inline-block;
    top: -36px;
  }
}

.listing_head .adv_search .dropdown > a i:before {
  margin: 0;
  width: auto;
}

.listing_head .adv_search .dropdown.open > a {
  background: #615e9b;
  color: #fff;
}

.listing_head .adv_search .dropdown-menu {
  left: 0;
  right: 0;
  margin: -1px 0 0 0;
  border: 1px solid #aeacdc;
  border-radius: 0;
  padding: 20px 15px;
  font-size: 0;
  line-height: 0;
}

@media (min-width:1200px) {
  .listing_head .adv_search .dropdown-menu {
    padding-right: 115px;
    margin-top: 15px;
  }
}

@media (min-width:1290px) {
  .listing_head .adv_search .dropdown-menu {
    padding-right: 15px;
  }
}

@media (min-width:1290px) {
  .listing_head .adv_search .dropdown-menu > h6 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
  }
}

.listing_head .adv_search .dropdown-menu .form_group_block {
  margin: 0 -5px;
}

@media (min-width:1200px) {
  .listing_head .adv_search .dropdown-menu .form_group_block {
    margin-right: 0;
  }
}

@media (min-width:1290px) {
  .listing_head .adv_search .dropdown-menu .form_group_block {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
  }
}

@media (min-width:480px) {
  .listing_head .adv_search .dropdown-menu .form-group {
    width: 50%;
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 0 5px;
    vertical-align: top;
  }
}

@media (min-width:1200px) {
  .listing_head .adv_search .dropdown-menu .form-group {
    width: 25%;
    margin: 0;
  }
}

@media (min-width:1290px) {
  .listing_head .adv_search .dropdown-menu .form-group {
    width: 180px;
    padding: 0 0 0 6px;
  }
}

.listing_head .adv_search .dropdown-menu .form-control {
  height: 36px;
  line-height: 34px;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 5px;
}

.listing_head .adv_search .dropdown-menu .btn-sd {
  width: 100%;
  text-align: center;
}

@media (min-width:768px) {
  .listing_head .adv_search .dropdown-menu .btn-sd {
    width: auto;
  }
}

@media (min-width:1200px) {
  .listing_head .adv_search .dropdown-menu .btn-sd {
    position: absolute;
    right: 15px;
    bottom: 20px;
  }
}

@media (min-width:1290px) {
  .listing_head .adv_search .dropdown-menu .btn-sd {
    position: static;
    margin-left: 8px;
  }
}

.listing_head .adv_search .dropdown-menu .btn_close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 12px;
  color: #d6d6d6;
}

@media (min-width:768px) {
  .listing_head .adv_search .dropdown-menu .btn_close {
    top: 20px;
  }
}

@media (min-width:1290px) {
  .listing_head .adv_search .dropdown-menu .btn_close {
    position: static;
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 5px;
  }
}

.listing_head .inner_sort {
  margin-left: 10px;
}

@media (min-width:991px) {
  .listing_head .inner_sort {
    margin-left: 15px;
  }
}

.listing_head .inner_sort h6 {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin: 0 5px 0 0;
}

.listing_head .inner_sort .form-control {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 10px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  width: auto;
  margin: 0;
}

.listing_head .inner_layout {
  background: #fff;
  border-radius: 3px;
  height: 36px;
  padding: 11px 10px 10px 0;
  margin: 0 0 0 10px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}

  .listing_head .inner_layout li {
    display: inline-block;
    margin-left: 8px;
  }

    .listing_head .inner_layout li a {
      display: block;
      color: #dedede;
      font-size: 14px;
    }

      .listing_head .inner_layout li a.active {
        color: #615e9b;
      }

.listing {
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0 0 20px 0;
  list-style: none;
}

@media (min-width:768px) {
  .listing {
    margin-left: -8px;
    margin-right: -8px;
  }
}

.listing > li {
  display: block;
  margin-bottom: 10px;
}

  .listing > li.collection_card .box {
    overflow: hidden;
    padding: 0;
  }

    .listing > li.collection_card .box img {
      position: absolute;
      width: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    .listing > li.collection_card .box .text_box {
      position: absolute;
      margin: 0;
      bottom: 15px;
      left: 20px;
      right: 20px;
      padding: 0;
    }

@media (min-width:400px) {
  .listing > li.collection_card .box .text_box {
    left: 10px;
    right: 10px;
  }
}

@media (min-width:480px) {
  .listing > li.collection_card .box .text_box {
    left: 20px;
    right: 20px;
  }
}

@media (min-width:991px) {
  .listing > li.collection_card .box .text_box {
    left: 15px;
    right: 15px;
  }
}

.listing > li.collection_card .box .text_box h4, .listing > li.collection_card .box .text_box h4 a {
  color: #fff;
  font-size: 20px;
  line-height: normal;
}

.listing > li.collection_card .box .text_box h4 {
  margin-bottom: 5px;
}

.listing > li.collection_card .box .text_box p {
  color: #fff;
  margin-bottom: 20px;
}

  .listing > li.collection_card .box .text_box p + p {
    margin-bottom: 0;
  }

.listing > li.collection_card .box .text_box .action_block {
  padding: 0;
}

  .listing > li.collection_card .box .text_box .action_block .i_btn li > a {
    color: #fff;
  }

    .listing > li.collection_card .box .text_box .action_block .i_btn li > a i {
      color: #fff;
    }

    .listing > li.collection_card .box .text_box .action_block .i_btn li > a.checked {
      background: #444444;
      border-color: #444444;
    }

@media (min-width:768px) {
  .listing > li {
    display: inline-block;
    vertical-align: top;
    padding: 0 8px;
    width: 33.3333%;
    margin-bottom: 20px;
  }
}

@media (min-width:1200px) {
  .listing > li {
    display: inline-block;
    width: 25%;
    vertical-align: top;
  }
}

.listing > li .box {
  height: 100%;
  padding: 25px 15px;
}

@media (min-width:480px) {
  .listing > li .box {
    padding: 25px 20px;
  }
}

@media (min-width:768px) {
  .listing > li .box {
    padding: 0;
  }
}

.listing > li .box .overlay {
  text-indent: -99999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(47, 47, 49, 0.4);
}

.listing > li .box .img_box {
  position: relative;
  float: left;
  width: 80px;
  height: 70px;
  overflow: hidden;
}

@media (min-width:480px) {
  .listing > li .box .img_box {
    width: 140px;
    height: 130px;
  }
}

@media (min-width:768px) {
  .listing > li .box .img_box {
    float: none;
    width: auto;
    height: auto;
  }
}

.listing > li .box .img_box img {
  max-width: none;
  height: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width:768px) {
  .listing > li .box .img_box img {
    min-width: 100%;
    height: 100%;
  }
}

.listing > li .box:hover .overlay {
  display: none;
}

.listing > li .box.admin_box .text_box {
  overflow: hidden;
}

@media (min-width:768px) {
  .listing > li .box.admin_box .text_box {
    position: static;
  }
}

.listing > li .box .text_box {
  margin-left: 90px;
}

@media (min-width:480px) {
  .listing > li .box .text_box {
    margin-left: 160px;
  }
}

@media (min-width:768px) {
  .listing > li .box .text_box {
    margin: 0;
    padding: 20px 25px 65px 25px;
    position: relative;
  }
}

@media (min-width:991px) {
  .listing > li .box .text_box {
    padding: 15px 20px 65px 20px;
  }
}

.listing > li .box .text_box h4 {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width:768px) {
  .listing > li .box .text_box p {
    margin-top: 5px;
  }
}

.listing > li .box .text_box .i_btn .visible_list {
  display: none;
}

@media (min-width:768px) {
  .listing > li .box .text_box .action_block {
    position: absolute;
    bottom: 20px;
    left: 25px;
    right: 25px;
  }
}

@media (min-width:991px) {
  .listing > li .box .text_box .action_block {
    left: 20px;
    right: 20px;
  }
}

.listing > li .box.img_right .text_box {
  margin: 0;
}

@media (min-width:768px) {
  .listing > li .box.img_right .text_box {
    padding: 20px 15px 65px 15px;
  }
}

@media (min-width:991px) {
  .listing > li .box.img_right .text_box {
    padding: 20px 10px 65px 10px;
  }
}

@media (min-width:1200px) {
  .listing > li .box.img_right .text_box {
    padding: 20px 25px 65px 25px;
  }
}

.listing > li .box.img_right .text_box p {
  margin-top: 0;
  margin-left: 75px;
}

@media (min-width:768px) {
  .listing > li .box.img_right .text_box p {
    margin-left: 0;
  }
}

.listing > li .box.img_right .text_box h4 {
  margin-left: 75px;
}

@media (min-width:768px) {
  .listing > li .box.img_right .text_box h4 {
    margin-left: 0;
  }
}

.listing > li .box.img_right .text_box > img {
  float: left;
  height: 64px;
  border-radius: 50%;
}

@media (min-width:768px) {
  .listing > li .box.img_right .text_box > img {
    float: right;
  }
}

.listing > li .box.img_right .text_box .action_block {
  clear: both;
}

@media (min-width:768px) {
  .listing > li .box.img_right .text_box .action_block {
    right: 15px;
    left: 15px;
  }
}

@media (min-width:991px) {
  .listing > li .box.img_right .text_box .action_block {
    right: 10px;
    left: 10px;
  }
}

@media (min-width:1200px) {
  .listing > li .box.img_right .text_box .action_block {
    right: 25px;
    left: 25px;
  }
}

@media (min-width:400px) {
  .listing.listing_collections {
    margin: 0 -5px;
  }
}

@media (min-width:480px) {
  .listing.listing_collections {
    margin: 0 -8px;
  }
}

.listing.listing_collections > li {
  min-height: 250px;
}

@media (min-width:400px) {
  .listing.listing_collections > li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    margin-bottom: 10px;
  }
}

@media (min-width:480px) {
  .listing.listing_collections > li {
    padding: 0 8px;
    margin-bottom: 16px;
  }
}

@media (min-width:768px) {
  .listing.listing_collections > li {
    width: 33.33333%;
  }
}

@media (min-width:1200px) {
  .listing.listing_collections > li {
    width: 25%;
  }
}

.listing.listing_collections > li .box {
  padding: 0;
}

  .listing.listing_collections > li .box .lbl_new {
    bottom: 0;
    top: auto;
  }

  .listing.listing_collections > li .box .lbl_admin {
    top: 0;
  }

  .listing.listing_collections > li .box .text_box {
    position: absolute;
    margin: 0;
    bottom: 25px;
    left: 20px;
    right: 20px;
    padding: 0;
  }

@media (min-width:400px) {
  .listing.listing_collections > li .box .text_box {
    left: 10px;
    right: 10px;
  }
}

@media (min-width:480px) {
  .listing.listing_collections > li .box .text_box {
    left: 20px;
    right: 20px;
  }
}

@media (min-width:991px) {
  .listing.listing_collections > li .box .text_box {
    left: 15px;
    right: 15px;
  }
}

.listing.listing_collections > li .box h4 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 5px;
}

  .listing.listing_collections > li .box h4 a {
    color: #fff;
  }

.listing.listing_collections > li .box p {
  color: #fff;
}

  .listing.listing_collections > li .box p + p {
    margin-top: 20px;
  }

.listing.listing_collections > li .box .i_btn li a {
  color: #fff;
}

  .listing.listing_collections > li .box .i_btn li a.checked {
    background: #444444;
    border-color: #444444;
  }

  .listing.listing_collections > li .box .i_btn li a i {
    color: #fff;
  }

@media (min-width:1200px) {
  .listing.listing_experts > li {
    width: 33.33333%;
  }
}

.tab_expert .display_list .listing > li {
  margin-bottom: 10px;
}

.pagenavi {
  text-align: center;
}

@media (min-width:768px) {
  .pagenavi {
    text-align: right;
  }
}

.pagenavi a, .pagenavi span:not(.pages):not(.extend) {
  display: inline-block;
  height: 43px;
  line-height: 43px;
  padding: 0 15px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  color: #444444;
  background: #fff;
  margin-bottom: 10px;
}

  .pagenavi a:active, .pagenavi a:focus, .pagenavi a:hover, .pagenavi span:not(.pages):not(.extend):active, .pagenavi span:not(.pages):not(.extend):focus, .pagenavi span:not(.pages):not(.extend):hover {
    text-decoration: none;
    background: #615e99;
    color: #fff;
  }

  .pagenavi a.current, .pagenavi span:not(.pages):not(.extend).current {
    color: #cccccc;
  }

  .pagenavi a i, .pagenavi span:not(.pages):not(.extend) i {
    font-size: 12px;
  }

.pagenavi .extend {
  padding: 0 15px;
}

.pagenavi .previouslink {
  padding-left: 5px;
  font-weight: bold;
}

.pagenavi .nextlink {
  padding-right: 5px;
  font-weight: bold;
}

@media (min-width:768px) {
  .pagenavi .pages {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #444444;
    font-weight: 300;
    margin-top: 12px;
  }
}

#Faq {
  padding-bottom: 20px;
}

@media (min-width:768px) {
  #Faq {
    padding: 60px 0;
  }
}

@media (min-width:768px) {
  #Faq .side_item {
    margin: 0;
  }
}

#Faq .side_item > div {
  width: 100%;
}

@media (min-width:768px) {
  #Faq .side_item > div > a {
    padding: 0 0 15px 0;
    height: auto;
    cursor: auto;
  }
}

@media (min-width:768px) {
  #Faq .side_item > div > a span {
    display: none;
  }
}

#Faq .side_item > div .dropdown-menu {
  padding: 15px;
  background: #fff;
}

@media (min-width:768px) {
  #Faq .side_item > div .dropdown-menu {
    margin: 0;
    padding: 25px 0 0 0;
    border-top: 1px solid #e6e6e6;
    display: block !important;
  }
}

#Faq .side_item > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

  #Faq .side_item > div ul li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
  }

    #Faq .side_item > div ul li a {
      color: #444444;
    }

      #Faq .side_item > div ul li a.current, #Faq .side_item > div ul li a:active, #Faq .side_item > div ul li a:focus, #Faq .side_item > div ul li a:hover {
        color: #00a19c;
      }

    #Faq .side_item > div ul li + li {
      margin-top: 10px;
    }

.head_block h6 {
  margin-bottom: 0;
}

.head_block h2 {
  color: #444444;
}

.accordion .panel {
  border: 1px solid #eff0f1;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 0;
}

  .accordion .panel + .panel {
    margin-top: 4px;
  }

  .accordion .panel .panel-heading {
    border-radius: 0;
    padding: 0;
    background: none;
  }

    .accordion .panel .panel-heading a {
      padding: 20px 30px;
      display: block;
      font-size: 18px;
      font-weight: normal;
      color: #00a19c;
      font-weight: bold;
      position: relative;
    }

@media (min-width:480px) {
  .accordion .panel .panel-heading a {
    font-size: 20px;
  }
}

.accordion .panel .panel-heading a.collapsed {
  color: #444444;
}

  .accordion .panel .panel-heading a.collapsed i:before {
    content: '\f004';
  }

.accordion .panel .panel-heading a i {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #898989;
  font-size: 12px;
}

@media (min-width:480px) {
  .accordion .panel .panel-heading a i {
    right: 15px;
  }
}

.accordion .panel .panel-body {
  border: 0 none !important;
  padding: 0 15px 15px 15px;
}

@media (min-width:480px) {
  .accordion .panel .panel-body {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.accordion .panel .panel-body p {
  color: #444444;
  font-size: 18px;
  line-height: 28px;
}

.accordion .panel .panel-body .panel_options {
  padding-top: 15px;
}

  .accordion .panel .panel-body .panel_options p {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 18px;
    margin: 0 10px 0 0;
    font-weight: 700;
  }

  .accordion .panel .panel-body .panel_options ul {
    display: inline-block;
    vertical-align: middle;
  }

    .accordion .panel .panel-body .panel_options ul li {
      display: inline-block;
    }

#Support {
  background: #00a19c url(../art/bg-support.jpg) no-repeat center;
  padding: 30px 0;
}

@media (min-width:768px) {
  #Support {
    padding: 55px 0;
  }
}

@media (min-width:1400px) {
  #Support {
    background-size: cover;
  }
}

@media (min-width:768px) {
  #Support.browse_all {
    padding: 60px 0;
  }
}

#Support.browse_all h2 {
  margin-bottom: 20px;
}

#Support h2 {
  color: #ffffff;
  margin-bottom: 5px;
}

#Support p {
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
}

@media (min-width:768px) {
  #Support p {
    margin-bottom: 20px;
  }
}

#Support p + p {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
}

@media (min-width:768px) {
  #Support p + p {
    line-height: 42px;
    margin-bottom: 0;
  }
}

#Support p + p span {
  display: block;
  margin-bottom: 5px;
}

@media (min-width:768px) {
  #Support p + p span {
    display: inline;
    margin: 0 15px 0 0;
  }
}

#Support p + p .btn {
  vertical-align: middle;
}

#Footer {
  background: #2f2f31;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

  #Footer .ftop {
    padding: 40px 0 55px;
    border-bottom: 1px solid #414143;
  }

    #Footer .ftop h5 {
      font-size: 14px;
      line-height: 20px;
      font-weight: bold;
      color: #ffffff;
      margin-bottom: 10px;
      text-transform: none;
    }

    #Footer .ftop ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

      #Footer .ftop ul li {
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        margin-bottom: 5px;
        font-weight: 300;
      }

        #Footer .ftop ul li a {
          color: #ffffff;
        }

  #Footer .fbtm {
    text-align: center;
    padding: 15px 0;
  }

@media (min-width:768px) {
  #Footer .fbtm {
    text-align: left;
    padding: 20px 0;
  }
}

#Footer .fbtm p {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
  color: #898989;
  margin: 0;
}

  #Footer .fbtm p a {
    color: #898989;
  }

    #Footer .fbtm p a:active, #Footer .fbtm p a:focus, #Footer .fbtm p a:hover {
      color: #fff;
      text-decoration: underline;
    }

.row-centered {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

  .row-centered > div {
    display: inline-block;
    vertical-align: top;
    float: none;
    text-align: left;
  }

.map_container {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}

  .map_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

.login {
  background: #00a19c;
  padding-bottom: 150px;
  position: relative;
}

  .login .container {
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

#Login {
  padding-top: 80px;
}

  #Login h1 {
    width: 160px;
    margin: 0 auto 35px auto;
  }

  #Login h2 {
    font-size: 48px;
    line-height: normal;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    margin-bottom: 15px;
  }

  #Login .input_area {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
  }

    #Login .input_area .form-group {
      margin: 0;
    }

      #Login .input_area .form-group + .form-group {
        border-top: 1px solid #e0e0e0;
      }

      #Login .input_area .form-group .form-control {
        border: 0 none;
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        font-weight: 300;
      }

  #Login .footer_area .checkbox {
    margin: 0 0 15px 0;
  }

    #Login .footer_area .checkbox label {
      font-size: 12px;
      line-height: 18px;
      color: #fff;
      font-weight: 300;
    }

      #Login .footer_area .checkbox label input {
        top: 2px;
      }

      #Login .footer_area .checkbox label a {
        color: #fff;
        text-decoration: underline;
      }

  #Login .footer_area .btn {
    padding: 0;
    border-radius: 5px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-transform: uppercase;
  }

#FooterLogin {
  border-top: 1px solid #1faca8;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 0;
}

  #FooterLogin p {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    font-weight: 300;
  }

    #FooterLogin p a {
      color: #fff;
      margin-left: 15px;
    }

      #FooterLogin p a i {
        font-size: 16px;
        vertical-align: top;
        margin-right: 3px;
      }

        #FooterLogin p a i:before {
          margin: 0;
          widthg: auto;
        }

    #FooterLogin p + p {
      margin-top: 15px;
    }

      #FooterLogin p + p a {
        margin: 0;
      }

#Slider {
  height: 432px;
  margin-bottom: 25px;
}

@media (min-width:1200px) {
  #Slider {
    float: left;
    width: 635px;
    height: 380px;
  }
}

@media (min-width:1290px) {
  #Slider {
    width: 710px;
    margin-bottom: 0;
    margin-top: 10px;
  }
}

#Slider .gradient_overlay:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(71, 71, 102, 0.4);
}

#Slider .gradient_overlay:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(88%, #000000), to(#000000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 88%, #000000 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 88%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 88%, #000000 100%);
}

#Slider .overlay {
  background: rgba(73, 71, 102, 0.4);
  height: 100%;
}

#Slider .carousel-inner, #Slider .item {
  height: 100%;
}

#Slider .item {
  overflow: hidden;
}

  #Slider .item > img {
    position: relative;
    height: 100%;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

@media (min-width:768px) {
  #Slider .item > img {
    position: static;
    min-width: 100%;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

#Slider .item:hover .gradient_overlay:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(73, 71, 102, 0)), to(#494766));
  background: -webkit-linear-gradient(top, rgba(73, 71, 102, 0) 0%, #494766 100%);
  background: -o-linear-gradient(top, rgba(73, 71, 102, 0) 0%, #494766 100%);
  background: linear-gradient(to bottom, rgba(73, 71, 102, 0) 0%, #494766 100%);
}

#Slider .carousel-caption {
  bottom: 55px;
  text-align: left;
  text-shadow: none;
  padding: 0;
}

  #Slider .carousel-caption h5 {
    font-size: 12px;
    color: #ffffff;
    line-height: 18px;
  }

  #Slider .carousel-caption h2, #Slider .carousel-caption h2 a {
    color: #fff;
    font-size: 20px;
    line-height: normal;
  }

@media (min-width:480px) {
  #Slider .carousel-caption h2, #Slider .carousel-caption h2 a {
    font-size: 24px;
  }
}

#Slider .carousel-caption p {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 15px;
}

#Slider .carousel-caption .slider_author {
  position: relative;
}

@media (min-width:768px) {
  #Slider .carousel-caption .slider_author {
    padding-right: 30%;
  }
}

#Slider .carousel-caption .slider_author p {
  padding-left: 50px;
  position: relative;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  margin-bottom: 20px;
}

  #Slider .carousel-caption .slider_author p img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
  }

#Slider .carousel-caption .slider_author .i_btn {
  text-align: right;
}

@media (min-width:768px) {
  #Slider .carousel-caption .slider_author .i_btn {
    position: absolute;
    right: 0;
    top: 0;
  }
}

#Slider .carousel-caption .slider_author .i_btn li > a {
  color: #fff;
}

  #Slider .carousel-caption .slider_author .i_btn li > a i {
    color: #fff;
  }

  #Slider .carousel-caption .slider_author .i_btn li > a.checked {
    color: #898989;
  }

    #Slider .carousel-caption .slider_author .i_btn li > a.checked i {
      color: #cccccc;
    }

#Slider .carousel-indicators {
  font-size: 0;
  line-height: 0;
}

  #Slider .carousel-indicators li {
    width: 6px;
    height: 6px;
    background: #707070;
    border: 0 none;
    margin: 0 2px;
    border-radius: 3px;
  }

    #Slider .carousel-indicators li.active {
      background: #fff;
    }

#Slider .carousel-control {
  background: none;
  font-size: 12px;
  color: #fff;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
}

  #Slider .carousel-control:hover {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  #Slider .carousel-control span {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

    #Slider .carousel-control span.sr-only {
      position: absolute;
    }

@media (min-width:768px) {
  #Trending {
    text-align: center;
  }
}

@media (min-width:1200px) {
  #Trending {
    text-align: left;
    margin-left: 650px;
  }
}

@media (min-width:1290px) {
  #Trending {
    margin-left: 725px;
  }
}

#Trending > h6 {
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  font-weight: 900;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

@media (min-width:480px) {
  #Trending > h6 {
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
  }
}

#Trending .nav-tabs {
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
}

  #Trending .nav-tabs li {
    background: none;
  }

    #Trending .nav-tabs li + li:before {
      content: '∙';
      display: inline-block;
      color: #fff;
      vertical-align: middle;
      margin: 0 3px;
    }

    #Trending .nav-tabs li a {
      color: #ffffff;
      font-size: 10px;
      line-height: 16px;
      padding: 0;
      background: none;
      border: 0 none;
      display: inline-block;
      border-bottom: 1px solid transparent;
    }

@media (min-width:480px) {
  #Trending .nav-tabs li a {
    font-size: 12px;
    line-height: 18px;
  }
}

#Trending .nav-tabs li.active a {
  font-weight: bold;
  border-bottom-color: #fff;
}

#Trending .tab-content {
  margin-top: 20px;
}

  #Trending .tab-content .listing {
    padding-bottom: 0;
  }

@media (min-width:1200px) {
  #Trending .tab-content .listing > li {
    width: 50%;
  }
}

#Rank {
  padding: 30px 0;
  background: #fff;
}

  #Rank .rank {
    position: relative;
    margin-bottom: 55px;
  }

@media (min-width:768px) {
  #Rank .rank {
    margin-bottom: 0;
  }
}

#Rank .rank > a {
  width: 50px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  margin-top: 5px;
}

#Rank .rank h2 {
  margin-bottom: 0;
  margin-left: 70px;
}

  #Rank .rank h2 i {
    font-size: 16px;
    color: #00a19c;
  }

    #Rank .rank h2 i:first-child {
      margin-left: 5px;
    }

    #Rank .rank h2 i:before {
      margin: 0;
    }

#Rank .rank p {
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  margin-left: 70px;
}

  #Rank .rank p strong {
    color: #615e99;
  }

@media (min-width:768px) {
  #Rank .rank .i_btn {
    margin-left: 0;
  }
}

#Rank .rank .i_btn li {
  margin: 0 5px 10px 0;
}

#Rank .rank .i_btn .badge_group a {
  border: 0 none;
  width: 30px;
  height: 30px;
  background: #615e99;
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 300;
  padding: 0;
  text-align: center;
}

#Rank .popular_search {
  list-style: none;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}

  #Rank .popular_search li {
    display: inline-block;
    vertical-align: middle;
  }

  #Rank .popular_search a {
    line-height: normal;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 700;
    border-radius: 25px;
  }

    #Rank .popular_search a.size1 {
      font-size: 12px;
      color: #2eb4c4;
    }

    #Rank .popular_search a.size2 {
      font-size: 14px;
      color: #2eb4c4;
    }

    #Rank .popular_search a.size3 {
      font-size: 16px;
      color: #24b0bb;
    }

    #Rank .popular_search a.size4 {
      font-size: 18px;
      color: #14aaae;
    }

    #Rank .popular_search a.size5 {
      font-size: 24px;
      color: #0da6a7;
    }

    #Rank .popular_search a.size6 {
      font-size: 30px;
      color: #00a19c;
    }

    #Rank .popular_search a:active, #Rank .popular_search a:focus, #Rank .popular_search a:hover {
      text-decoration: none;
      background: #e8f7f9;
      color: #615e99;
    }

#Feed {
  background: #f7f7f7;
  padding: 30px 0 50px;
}

@media (min-width:768px) {
  #Feed {
    padding-bottom: 100px;
  }
}

.block_head {
  margin-bottom: 20px;
}

@media (min-width:768px) {
  .block_head {
    margin-bottom: 10px;
  }
}

.block_head h3 {
  margin: 0;
}

@media (min-width:480px) {
  .block_head h3 {
    font-size: 24px;
    line-height: 34px;
  }
}

@media (min-width:768px) {
  .block_head h3 {
    display: inline-block;
    vertical-align: middle;
  }
}

.block_head p {
  font-size: 16px;
  line-height: normal;
  color: #444444;
  margin: 0;
}

@media (min-width:768px) {
  .block_head p {
    display: inline-block;
    vertical-align: middle;
  }
}

.block_head p span {
  margin-right: 5px;
}

.block_head .btn {
  margin-top: 30px;
}

@media (min-width:768px) {
  .block_head .btn {
    margin-top: 0;
  }
}

.checkbox_sd input[type=checkbox], .radio_sd input[type=radio] {
  display: none;
}

  .checkbox_sd input[type=checkbox]:checked + span:after, .radio_sd input[type=radio]:checked + span:after {
    position: absolute;
    background: #00a19c;
  }

  .checkbox_sd input[type=checkbox]:checked + span:before {
    border-color: #00a19c;
    background: #00a19c;
  }

html input[type="text"]:disabled {
  border: 1px solid #ccc !important;
  background-color: #fafafa !important;;
}

  .checkbox_sd input[type=checkbox]:checked + span:after {
    content: '\e807';
    font-family: "skill";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    left: 0px;
    top: 2px;
    color: #fff;
    height: 14px;
    width: 14px;
    line-height: 16px;
    text-align: center;
  }

.checkbox_sd label {
  padding-left: 25px;
  position: relative;
  margin: 0 !important;
  font-size: 14px;
  line-height: 20px;
}

  .checkbox_sd label > span {
    font-size: 14px;
    line-height: 20px;
    color: #444444;
    font-weight: 300;
    display: inline-block;
  }

    .checkbox_sd label > span:before {
      content: '';
      width: 14px;
      height: 14px;
      position: absolute;
      left: 0;
      top: 2px;
      border: 1px solid #c8c8c8;
      border-radius: 1px;
      background: #fff;
    }

.radio_sd input[type=radio]:checked + span:after {
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 50%;
  left: 3px;
  top: 4px;
}

.radio_sd label {
  padding-left: 25px;
  position: relative;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

  .radio_sd label span {
    font-size: 14px;
    line-height: 20px;
    color: #444444;
    font-weight: 300;
    display: inline-block;
  }

    .radio_sd label span:before {
      content: '';
      width: 16px;
      height: 16px;
      position: absolute;
      left: 0;
      top: 1px;
      border: 1px solid #d6d6d6;
      background: #fff;
      border-radius: 50%;
    }

ol.checkbox_sd, ol.radio_sd, ul.checkbox_sd, ul.radio_sd {
  margin: 0;
  padding: 0;
  list-style: none;
}

  ol.checkbox_sd li, ol.radio_sd li, ul.checkbox_sd li, ul.radio_sd li {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
  }

  ol.checkbox_sd.horz, ol.radio_sd.horz, ul.checkbox_sd.horz, ul.radio_sd.horz {
    margin: 0 -15px;
    font-size: 0;
    line-height: 0;
  }

@media (min-width:768px) {
  ol.checkbox_sd.horz, ol.radio_sd.horz, ul.checkbox_sd.horz, ul.radio_sd.horz {
    margin: 0 -25px;
  }
}

ol.checkbox_sd.horz li, ol.radio_sd.horz li, ul.checkbox_sd.horz li, ul.radio_sd.horz li {
  display: inline-block;
  vertical-align: top;
  padding: 0 15px;
  width: 50%;
}

@media (min-width:768px) {
  ol.checkbox_sd.horz li, ol.radio_sd.horz li, ul.checkbox_sd.horz li, ul.radio_sd.horz li {
    width: auto;
    padding: 0 25px;
  }
}

.modal_small .modal-content {
  border-radius: 0;
}

  .modal_small .modal-content .modal-body {
    padding: 30px;
  }

  .modal_small .modal-content h4 {
    margin-bottom: 0;
  }

  .modal_small .modal-content label {
    font-size: 12px;
    line-height: 18px;
    color: #444444;
    font-weight: 300;
    margin-bottom: 10px;
  }

  .modal_small .modal-content .form-control {
    font-size: 12px;
    line-height: 34px;
    height: 36px;
  }

  .modal_small .modal-content button {
    margin-left: 15px;
  }

#TopNav {
  background: #f9f9f9;
}

  #TopNav.bg_white {
    background: #fff;
    border-bottom: 1px solid #eff0f1;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
    height: 61px;
  }

  #TopNav.bg_black {
    background: #444444;
    height: 60px;
  }

    #TopNav.bg_black h4 {
      line-height: 60px;
      color: #fff;
      margin: 0;
    }

  #TopNav.top_info {
    padding: 20px 0;
    background: #e6f9f8;
  }

    #TopNav.top_info h5 {
      text-transform: none;
      color: #00a19c;
      margin: 0;
      font-size: 14px;
      line-height: 20px;
    }

@media (min-width:768px) {
  #TopNav .topnav_left {
    float: left;
  }
}

#TopNav .topnav_left h5 {
  font-size: 16px;
  line-height: 60px;
  margin: 0;
  text-transform: none;
}

  #TopNav .topnav_left h5 strong {
    color: #615e99;
  }

#TopNav .topnav_right {
  text-align: center;
}

@media (min-width:768px) {
  #TopNav .topnav_right {
    float: right;
  }
}

#TopNav .topnav_right .steps {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
  counter-reset: item;
}

@media (min-width:480px) {
  #TopNav .topnav_right .steps {
    margin: 0 -15px;
  }
}

#TopNav .topnav_right .steps li {
  font-size: 12px;
  color: #898989;
  font-weight: 700;
  display: inline-block;
  padding: 0 5px 0 35px;
  line-height: 60px;
  position: relative;
  counter-increment: item;
}

@media (min-width:480px) {
  #TopNav .topnav_right .steps li {
    padding: 0 15px 0 45px;
    font-size: 14px;
  }
}

#TopNav .topnav_right .steps li:before {
  content: counter(item);
  position: absolute;
  left: 5px;
  top: 17px;
  width: 24px;
  line-height: 24px;
  height: 24px;
  text-align: center;
  border-radius: 50%;
  background: #cccccc;
  color: #fff;
}

@media (min-width:480px) {
  #TopNav .topnav_right .steps li:before {
    left: 15px;
  }
}

#TopNav .topnav_right .steps li.completed {
  color: #444444;
}

  #TopNav .topnav_right .steps li.completed:before {
    background: #00a19c;
  }

#TopNav a {
  height: 60px;
  font-size: 12px;
  font-weight: 700;
  color: #615e99;
}

#TopNav .btn_back {
  height: 60px;
  line-height: 60px;
  float: left;
}

  #TopNav .btn_back i {
    line-height: 60px;
    margin-right: 10px;
  }

#TopNav .btn_next {
  float: right;
  width: 375px;
  padding-left: 65px;
  padding-right: 30px;
  padding-top: 15px;
  position: relative;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-left: 1px solid #ebebeb;
  line-height: 16px;
}

@media (min-width:1200px) {
  #TopNav .btn_next {
    width: 390px;
  }
}

#TopNav .btn_next strong {
  position: absolute;
  top: 15px;
  left: 25px;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  font-weight: 700;
  color: #898989;
  text-transform: uppercase;
}

#TopNav .btn_next small {
  font-weight: 300;
  color: #898989;
  display: block;
}

#TopNav .btn_next i {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 60px;
}

  #TopNav .btn_next i:before {
    width: auto;
    margin: 0;
  }

#Article {
  padding-top: 30px;
  padding-bottom: 40px;
}

  #Article.article_ll .article_summary .article_replicated {
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #eff0f1;
  }

  #Article.article_ll .article_side {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    border: 1px solid #eff0f1;
  }

@media (min-width:768px) {
  #Article {
    padding-bottom: 0;
  }
}

#Article .article_head {
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 25px;
}

  #Article .article_head h5 {
    line-height: 30px;
    margin-bottom: 20px;
  }

    #Article .article_head h5 span {
      text-transform: none;
      font-weight: 300;
    }

    #Article .article_head h5 i {
      font-size: 18px;
    }

    #Article .article_head h5 a {
      display: inline-block;
      vertical-align: bottom;
      height: 30px;
      line-height: 30px;
      font-weight: 700;
      font-size: 12px;
      text-transform: none;
      color: #fff;
      background: #efaa23;
      padding: 0 10px;
      border-radius: 15px;
      margin-left: 10px;
    }

      #Article .article_head h5 a i {
        font-size: 12px;
      }

  #Article .article_head h1 {
    font-weight: 900;
    margin-bottom: 20px;
  }

  #Article .article_head .article_details {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
  }

@media (min-width:768px) {
  #Article .article_head .article_details {
    float: left;
    margin: 10px 0 0 0;
  }
}

@media (min-width:991px) {
  #Article .article_head .article_details {
    margin: 0;
  }
}

@media (min-width:1200px) {
  #Article .article_head .article_details {
    margin: 10px 0 0 0;
  }
}

#Article .article_head .article_details li {
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  padding: 0 15px 0 0;
  display: inline-block;
  vertical-align: top;
}

@media (min-width:1200px) {
  #Article .article_head .article_details li {
    padding: 0 25px 0 0;
  }
}

#Article .article_head .article_details li strong {
  display: block;
  margin-bottom: 10px;
}

@media (min-width:768px) {
  #Article .article_head .article_details li strong {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
  }
}

@media (min-width:991px) {
  #Article .article_head .article_details li strong {
    display: block;
    margin: 0 0 10px 0;
  }
}

@media (min-width:1200px) {
  #Article .article_head .article_details li strong {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
  }
}

#Article .article_head .article_details li img {
  margin-top: -5px;
}

@media (min-width:768px) {
  #Article .article_head .i_btn {
    float: right;
  }
}

#Article .article_summary {
  margin-bottom: 35px;
}

@media (min-width:991px) {
  #Article .article_summary {
    margin-bottom: 10px;
  }
}

#Article .article_summary .article_impact {
  padding: 20px 10px;
  background: #5a5793;
  background: -moz-linear-gradient(-45deg, #5a5793 0%, #26879b 100%);
  background: -webkit-linear-gradient(-45deg, #5a5793 0%, #26879b 100%);
  background: -webkit-linear-gradient(315deg, #5a5793 0%, #26879b 100%);
  background: -o-linear-gradient(315deg, #5a5793 0%, #26879b 100%);
  background: linear-gradient(135deg, #5a5793 0%, #26879b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5793', endColorstr='#26879b', GradientType=1);
}

@media (min-width:480px) {
  #Article .article_summary .article_impact {
    padding: 25px 35px;
  }
}

@media (min-width:991px) {
  #Article .article_summary .article_impact {
    padding: 20px 15px;
  }
}

@media (min-width:1200px) {
  #Article .article_summary .article_impact {
    padding: 25px 30px;
  }
}

#Article .article_summary .article_impact h6 {
  color: #fff;
  margin: 0 0 15px 0;
}

#Article .article_summary .article_impact ul {
  padding: 0;
  margin: 0 -10px;
  list-style: none;
  font-size: 0;
  line-height: 0;
  display: block;
}

  #Article .article_summary .article_impact ul li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    width: 50%;
    padding: 0 10px;
  }

    #Article .article_summary .article_impact ul li strong {
      font-weight: 100;
      font-size: 36px;
      line-height: 36px;
      display: block;
      margin-top: 5px;
    }

#Article .article_summary .article_replicated {
  background: #f9f9f9;
  padding: 15px 10px;
}

@media (min-width:480px) {
  #Article .article_summary .article_replicated {
    padding: 20px 35px;
  }
}

@media (min-width:991px) {
  #Article .article_summary .article_replicated {
    padding: 20px 15px;
  }
}

@media (min-width:1200px) {
  #Article .article_summary .article_replicated {
    padding: 25px 30px;
  }
}

#Article .article_summary .article_replicated h6 {
  line-height: 36px;
}

@media (min-width:480px) {
  #Article .article_summary .article_replicated h6 {
    float: left;
    margin: 0;
    line-height: normal;
  }
}

#Article .article_summary .article_replicated h6 a {
  font-size: 36px;
  font-weight: 100;
  line-height: 36px;
  color: #615e99;
  text-transform: none;
  float: right;
  margin-top: 5px;
}

@media (min-width:480px) {
  #Article .article_summary .article_replicated h6 a {
    float: none;
    display: block;
  }
}

#Article .article_summary .article_replicated ul {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  font-size: 0;
  line-height: 0;
}

@media (min-width:480px) {
  #Article .article_summary .article_replicated ul {
    text-align: right;
    clear: none;
    margin-top: 15px;
  }
}

#Article .article_summary .article_replicated ul li {
  border-radius: 50%;
  width: 35px;
  display: inline-block;
  height: 35px;
  vertical-align: top;
  overflow: hidden;
}

  #Article .article_summary .article_replicated ul li + li {
    margin-left: 8px;
  }

#Article .article_content {
  color: #444444;
}

  #Article .article_content .main_img {
    margin-bottom: 35px;
  }

  #Article .article_content figure, #Article .article_content p {
    margin-bottom: 30px;
  }

  #Article .article_content .alignleft {
    float: left;
    margin-right: 25px;
  }

  #Article .article_content .alignright {
    float: right;
    margin-left: 25px;
  }

  #Article .article_content .img_caption {
    display: table;
  }

    #Article .article_content .img_caption img {
      margin-bottom: 10px;
    }

    #Article .article_content .img_caption .caption_text {
      font-size: 12px;
      line-height: 18px;
      color: #898989;
      display: table-caption;
      caption-side: bottom;
    }

      #Article .article_content .img_caption .caption_text strong {
        color: #444;
      }

      #Article .article_content .img_caption .caption_text a {
        color: #00a19c;
        display: inline-block;
        font-weight: 700;
        margin-top: 5px;
      }

#Article .article_attachment {
  margin-bottom: 10px;
}

@media (min-width:480px) {
  #Article .article_attachment {
    margin-bottom: 40px;
  }
}

#Article .article_attachment ul {
  margin: 0 -5px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

@media (min-width:400px) {
  #Article .article_attachment ul {
    margin: 0 -10px;
  }
}

#Article .article_attachment ul li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  padding: 0 5px;
  width: 33.3333%;
  max-width: 125px;
}

@media (min-width:400px) {
  #Article .article_attachment ul li {
    padding: 0 10px;
  }
}

#Article .article_attachment ul li a {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #4c4c4c;
  display: block;
  width: 100%;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

  #Article .article_attachment ul li a .img_box {
    display: block;
    position: relative;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  }

    #Article .article_attachment ul li a .img_box i {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: #00a19c;
      color: #fff;
      text-align: center;
      line-height: 30px;
    }

#Article .article_interactions {
  margin-bottom: 25px;
}

  #Article .article_interactions .i_btn {
    margin: 0 -2px;
  }

    #Article .article_interactions .i_btn li {
      padding: 0 2px;
      margin: 0 0 5px 0;
    }

    #Article .article_interactions .i_btn a {
      height: 42px;
      line-height: 38px;
      border: 2px solid #615e9b;
      font-size: 14px;
      color: #615e9b;
      font-weight: 700;
      padding: 0 15px;
      border-radius: 3px;
    }

      #Article .article_interactions .i_btn a i {
        color: #615e9b;
      }

      #Article .article_interactions .i_btn a.checked {
        color: #fff;
        background: #615e9b;
      }

        #Article .article_interactions .i_btn a.checked i {
          color: #fff;
        }

#Article .article_comment {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
  margin-bottom: 70px;
}

  #Article .article_comment .comment_input {
    padding-left: 45px;
    position: relative;
  }

    #Article .article_comment .comment_input > img {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 0;
    }

    #Article .article_comment .comment_input fieldset {
      position: relative;
    }

      #Article .article_comment .comment_input fieldset .form-control {
        padding-right: 40px;
        border: 1px solid #d5d5d5;
        border-radius: 0;
      }

      #Article .article_comment .comment_input fieldset button {
        position: absolute;
        top: 5px;
        right: 10px;
        background: none;
        border: 0 none;
        color: #615e99;
        padding: 0;
      }

  #Article .article_comment .comment_list {
    padding: 0;
    margin: 0;
    list-style: none;
  }

    #Article .article_comment .comment_list ul {
      list-style: none;
      padding: 0;
      margin: 0 -45px 0 0;
    }

    #Article .article_comment .comment_list li {
      margin-top: 25px;
      padding-left: 45px;
      padding-right: 45px;
      position: relative;
    }

      #Article .article_comment .comment_list li .comment_avatar {
        position: absolute;
        left: 0;
        top: 0;
      }

        #Article .article_comment .comment_list li .comment_avatar img {
          width: 34px;
          height: 34px;
          border-radius: 50%;
        }

      #Article .article_comment .comment_list li .comment_pin {
        position: absolute;
        right: 10px;
        top: 0;
        width: 24px;
        height: 24px;
        border-radius: 5px;
        line-height: 24px;
        color: #444444;
        font-size: 14px;
        text-align: center;
      }

        #Article .article_comment .comment_list li .comment_pin.pinned, #Article .article_comment .comment_list li .comment_pin:active, #Article .article_comment .comment_list li .comment_pin:focus, #Article .article_comment .comment_list li .comment_pin:hover {
          color: #fff;
          background: #58478d;
        }

      #Article .article_comment .comment_list li h5 {
        text-transform: none;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
      }

        #Article .article_comment .comment_list li h5 a {
          color: #615e99;
        }

      #Article .article_comment .comment_list li p {
        font-size: 14px;
        line-height: 20px;
        color: #444444;
        margin-bottom: 10px;
      }

        #Article .article_comment .comment_list li p.comment_action {
          color: #d3d3d3;
          font-size: 12px;
          line-height: 18px;
          margin-bottom: 0;
        }

          #Article .article_comment .comment_list li p.comment_action a {
            color: #615e9b;
            font-weight: bold;
          }

.block_title h2 {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 30px;
}

@media (min-width:480px) {
  .block_title h2 {
    font-size: 24px;
    line-height: 34px;
  }
}

.block_title h2 span {
  display: inline-block;
  vertical-align: bottom;
  height: 30px;
  line-height: 30px;
  background: #eeeeee;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
  width: 42px;
  text-align: center;
}

.article_side {
  padding: 15px 0;
  background: #f9f9f9;
}

@media (min-width:480px) {
  .article_side {
    padding: 25px 0;
  }
}

.article_side + .article_side {
  margin-top: 10px;
}

.article_side .article_side_block {
  padding: 0 15px;
}

@media (min-width:480px) {
  .article_side .article_side_block {
    padding: 0 35px;
  }
}

@media (min-width:991px) {
  .article_side .article_side_block {
    padding: 0 15px;
  }
}

@media (min-width:1200px) {
  .article_side .article_side_block {
    padding: 0 30px;
  }
}

.article_side .article_side_block + .article_side_block {
  margin-top: 20px;
}

.article_side .article_side_block h6 {
  margin-bottom: 5px;
}

.article_side .article_side_block p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}

.article_side .article_side_block .article_author {
  position: relative;
  padding-right: 45px;
}

  .article_side .article_side_block .article_author img {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
  }

  .article_side .article_side_block .article_author.article_main_author {
    padding-right: 80px;
  }

    .article_side .article_side_block .article_author.article_main_author img {
      width: 70px;
      height: 70px;
    }

    .article_side .article_side_block .article_author.article_main_author h4 a {
      font-size: 18px;
      line-height: 22px;
    }

  .article_side .article_side_block .article_author h4 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
  }

    .article_side .article_side_block .article_author h4 a {
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
    }

  .article_side .article_side_block .article_author .author_rank {
    font-size: 12px;
    line-height: 18px;
    color: #00a19c;
    margin-bottom: 10px;
    font-weight: 700;
  }

    .article_side .article_side_block .article_author .author_rank i:before {
      width: auto;
      margin: 0;
    }

.article_side .article_side_block .i_btn {
  margin-left: -2px;
  margin-right: -2px;
  margin-bottom: 10px;
}

  .article_side .article_side_block .i_btn li {
    padding: 0 2px;
    margin: 0 0 5px 0;
  }

.article_side .article_side_block .author_chat {
  margin-bottom: 30px;
}

  .article_side .article_side_block .author_chat .btn {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
  }

.article_side .article_side_block.article_submitted {
  border-top: 1px solid #eeeeee;
  padding-top: 20px;
}

.article_side .article_side_block .article_interest {
  margin: 0;
  padding: 0;
  list-style: none;
}

  .article_side .article_side_block .article_interest li {
    padding-left: 40px;
    position: relative;
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #444444;
  }

    .article_side .article_side_block .article_interest li small {
      font-weight: 300;
      font-size: 12px;
      line-height: 18px;
    }

    .article_side .article_side_block .article_interest li i {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 18px;
    }

.article_side .article_side_block .load_more {
  margin: 20px -15px -15px -15px;
  border-top: 1px solid #eeeeee;
  display: block;
  text-align: center;
  height: 46px;
  line-height: 45px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width:480px) {
  .article_side .article_side_block .load_more {
    margin: 20px -35px -25px -35px;
  }
}

@media (min-width:991px) {
  .article_side .article_side_block .load_more {
    margin: 20px -15px -25px -15px;
  }
}

@media (min-width:1200px) {
  .article_side .article_side_block .load_more {
    margin: 20px -30px -25px -30px;
  }
}

.article_interest {
  margin: 0;
  padding: 0;
  list-style: none;
}

  .article_interest li {
    padding-left: 40px;
    position: relative;
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #444444;
  }

    .article_interest li small {
      font-weight: 300;
      font-size: 12px;
      line-height: 18px;
    }

    .article_interest li i {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 18px;
    }

#Info {
  background: #f6f6f6;
  padding-top: 50px;
  padding-bottom: 35px;
}

  #Info .replication_history #TabNav {
    margin: 0;
    text-align: left;
  }

    #Info .replication_history #TabNav .nav {
      border: 0 none;
      margin: 0 -5px;
      height: 40px;
    }

@media (min-width:390px) {
  #Info .replication_history #TabNav .nav {
    margin: 0 -10px;
  }
}

@media (min-width:480px) {
  #Info .replication_history #TabNav .nav {
    margin: 0 -15px;
  }
}

#Info .replication_history #TabNav .nav li {
  padding: 0 5px;
}

@media (min-width:390px) {
  #Info .replication_history #TabNav .nav li {
    padding: 0 10px;
  }
}

@media (min-width:480px) {
  #Info .replication_history #TabNav .nav li {
    padding: 0 15px;
  }
}

#Info .replication_history #TabNav .nav li a {
  height: 40px;
  line-height: 37px;
  font-size: 12px;
  margin: 0;
}

@media (min-width:390px) {
  #Info .replication_history #TabNav .nav li a {
    font-size: 14px;
  }
}

@media (min-width:480px) {
  #Info .replication_history #TabNav .nav li a {
    font-size: 16px;
  }
}

#Info .replication_history #TabNav .tab-content {
  border-top: 1px solid #e8e8e8;
  margin-top: 0;
  padding-top: 15px;
}

  #Info .replication_history #TabNav .tab-content .history_block {
    padding: 20px 15px;
  }

@media (min-width:480px) {
  #Info .replication_history #TabNav .tab-content .history_block {
    padding: 20px 35px;
  }
}

@media (min-width:991px) {
  #Info .replication_history #TabNav .tab-content .history_block {
    padding: 20px;
  }
}

#Info .replication_history #TabNav .tab-content .history_block + .history_block {
  margin-top: 6px;
}

#Info .replication_history #TabNav .tab-content .history_block .history_title {
  padding-left: 40px;
  position: relative;
  padding-bottom: 20px;
}

@media (min-width:991px) {
  #Info .replication_history #TabNav .tab-content .history_block .history_title {
    padding-bottom: 0;
  }
}

#Info .replication_history #TabNav .tab-content .history_block .history_title img {
  width: 25px;
  height: 25px;
  left: 0;
  top: 0;
  position: absolute;
  border-radius: 50%;
}

@media (min-width:991px) {
  #Info .replication_history #TabNav .tab-content .history_block .history_title h6 {
    margin-bottom: 0;
  }
}

#Info .replication_history #TabNav .tab-content .history_block .history_info {
  font-size: 0;
  line-height: 0;
  margin: 0 -5px;
  white-space: normal;
  text-align: left;
  height: auto;
}

  #Info .replication_history #TabNav .tab-content .history_block .history_info li {
    display: inline-block;
    vertical-align: top;
    width: 65%;
    padding: 0 5px;
  }

    #Info .replication_history #TabNav .tab-content .history_block .history_info li:first-child {
      width: 35%;
    }

    #Info .replication_history #TabNav .tab-content .history_block .history_info li p {
      font-size: 20px;
      line-height: normal;
      font-weight: 300;
      color: #898989;
      margin: 0;
    }

      #Info .replication_history #TabNav .tab-content .history_block .history_info li p.history_remarks {
        font-size: 12px;
        line-height: 16px;
        color: #444444;
      }

#Info .replication_history #TabNav .tab-content h6 {
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #444444;
  text-transform: none;
  margin-bottom: 5px;
}

  #Info .replication_history #TabNav .tab-content h6.text_green {
    color: #00a19c;
  }

  #Info .replication_history #TabNav .tab-content h6.text_yellow {
    color: #c9b17d;
  }

  #Info .replication_history #TabNav .tab-content h6 small {
    font-size: 12px;
    line-height: 18px;
  }

#Info .value_creation {
  margin-top: 30px;
}

@media (min-width:768px) {
  #Info .value_creation {
    margin-top: 0;
  }
}

#Info .value_creation .box {
  padding-bottom: 0;
}

@media (min-width:480px) {
  #Info .value_creation .box {
    padding: 25px 35px 0 35px;
  }
}

#Info .value_creation .chart {
  padding-bottom: 30px;
}

  #Info .value_creation .chart h5 {
    margin-left: 10px;
    margin-top: 10px;
  }

    #Info .value_creation .chart h5.text_yellow {
      color: #ceb888;
    }

    #Info .value_creation .chart h5.text_green {
      color: #00a19c;
    }

  #Info .value_creation .chart h6 {
    margin-bottom: 30px;
  }

#Info .value_creation .view_insight {
  margin: 0 -20px;
  border-top: 1px solid #eeeeee;
  display: block;
  text-align: center;
  height: 46px;
  line-height: 45px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width:480px) {
  #Info .value_creation .view_insight {
    margin: 0 -35px;
  }
}

#Related {
  padding-top: 30px;
}

@media (min-width:768px) {
  #Related .listing > li {
    width: 50%;
  }
}

@media (min-width:991px) {
  #Related .listing > li {
    width: 25%;
  }
}

#FixedTitle {
  width: 100%;
  visibility: hidden;
  position: fixed;
  top: -10000px;
  background: #fff;
}

@media (min-width:768px) {
  #FixedTitle.affix {
    visibility: visible;
    z-index: 10;
    height: 60px;
    top: 0;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    padding: 12px 0;
  }
}

#FixedTitle h5 {
  float: left;
  margin: 0;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
  color: #444444;
  text-transform: none;
  max-width: 60%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

@media (min-width:991px) {
  #FixedTitle h5 {
    max-width: 70%;
  }
}

@media (min-width:1200px) {
  #FixedTitle h5 {
    max-width: 75%;
  }
}

#FixedTitle h5 img {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-right: 15px;
  vertical-align: top;
}

#FixedTitle .i_btn {
  float: right;
  margin-top: 3px;
}

#ShareExperience {
  background: #00a19c url(../art/shareexp-bg.jpg) no-repeat center;
  background-size: auto 100%;
  padding: 65px 0;
}

@media (min-width:1200px) {
  #ShareExperience {
    background-size: cover;
  }
}

#ShareExperience h2 {
  color: #fff;
}

#ShareExperience p {
  color: #fff;
  margin-bottom: 20px;
}

#ShareExperience .dropdown {
  display: inline-block;
}

  #ShareExperience .dropdown.open i:before {
    content: '\f005';
  }

  #ShareExperience .dropdown .dropdown-menu {
    width: 280px;
    padding: 10px 10px 0 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

@media (min-width:370px) {
  #ShareExperience .dropdown .dropdown-menu {
    width: 340px;
  }
}

@media (min-width:1200px) {
  #ShareExperience .dropdown .dropdown-menu {
    padding: 20px 20px 0 20px;
  }
}

#ShareExperience .dropdown .dropdown-menu h5 {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  color: #444444;
  margin-bottom: 15px;
}

#ShareExperience .dropdown .dropdown-menu ul {
  margin: 0 -10px;
  padding: 0;
  list-style: none;
}

@media (min-width:1200px) {
  #ShareExperience .dropdown .dropdown-menu ul {
    margin: 0 -20px;
  }
}

#ShareExperience .dropdown .dropdown-menu ul a {
  padding: 10px;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  color: #615e99;
  display: block;
}

@media (min-width:1200px) {
  #ShareExperience .dropdown .dropdown-menu ul a {
    padding: 10px 20px;
  }
}

#ShareExperience .dropdown .dropdown-menu ul a small {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  font-weight: 300;
}

#ShareExperience .dropdown .dropdown-menu ul a:active, #ShareExperience .dropdown .dropdown-menu ul a:focus, #ShareExperience .dropdown .dropdown-menu ul a:hover {
  text-decoration: none;
  background: #f4f4fc;
}

#BottomBar {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px 0;
  background: #5f5c98;
  background: -moz-linear-gradient(-45deg, #5f5c98 0%, #536799 100%);
  background: -webkit-linear-gradient(-45deg, #5f5c98 0%, #536799 100%);
  background: -webkit-linear-gradient(315deg, #5f5c98 0%, #536799 100%);
  background: -o-linear-gradient(315deg, #5f5c98 0%, #536799 100%);
  background: linear-gradient(135deg, #5f5c98 0%, #536799 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f5c98', endColorstr='#536799', GradientType=1);
}

@media (min-width:768px) {
  #BottomBar {
    padding: 15px 0;
  }
}

#BottomBar .bottombar_profile {
  position: relative;
  min-height: 48px;
  margin-bottom: 20px;
  display: inline-block;
  padding-left: 70px;
  text-align: left;
}

@media (min-width:768px) {
  #BottomBar .bottombar_profile {
    float: left;
    margin: 0;
  }
}

#BottomBar .bottombar_profile img {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}

#BottomBar .bottombar_profile h6 {
  color: #fff;
  margin-bottom: 0;
}

#BottomBar .bottombar_profile h4 {
  color: #fff;
  margin: 0;
}

#BottomBar .bottombar_cta {
  text-align: center;
}

@media (min-width:768px) {
  #BottomBar .bottombar_cta {
    float: right;
    text-align: right;
  }
}

#BottomBar .bottombar_cta p {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  margin: 0;
  padding-top: 5px;
}

@media (min-width:768px) {
  #BottomBar .bottombar_cta p {
    float: left;
    margin-right: 15px;
    margin-top: 7px;
  }
}

@media (min-width:768px) {
  #BottomBar .bottombar_cta .btn {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    padding: 0 30px;
  }
}

@media (min-width:768px) {
  #BottomBar .bottombar_cta .btn.btn-sd-ghost {
    line-height: 44px;
  }
}

.modal_response .modal-content {
  border-radius: 5px;
}

  .modal_response .modal-content .modal-header {
    border: 0 none;
    margin-bottom: 15px;
  }

@media (min-width:480px) {
  .modal_response .modal-content .modal-header {
    padding: 30px;
    margin: 0;
  }
}

.modal_response .modal-content .modal-header .close {
  font-size: 18px;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #b4b2da;
  opacity: 1;
}

.modal_response .modal-content .modal-header h4 {
  font-size: 20px;
  color: #615e99;
  margin-bottom: 5px;
}

.modal_response .modal-content .modal-header p {
  margin: 0;
  color: #363935;
  font-size: 16px;
  line-height: 22px;
}

.modal_response .modal-content .modal-body {
  padding: 0 15px;
}

@media (min-width:480px) {
  .modal_response .modal-content .modal-body {
    padding: 0 30px;
  }
}

.modal_response .modal-content .modal-body fieldset {
  background: #f9f9f9;
  padding: 10px 15px;
}

@media (min-width:480px) {
  .modal_response .modal-content .modal-body fieldset {
    padding: 20px 30px;
  }
}

.modal_response .modal-content .modal-body fieldset label {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #444444;
}

  .modal_response .modal-content .modal-body fieldset label small {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #444444;
    font-weight: 300;
  }

.modal_response .modal-content .modal-body fieldset .form-control {
  margin-bottom: 0;
}

.modal_response .modal-content .modal-footer {
  border: 0 none;
}

@media (min-width:480px) {
  .modal_response .modal-content .modal-footer {
    padding: 20px 30px;
  }
}

.modal_response .modal-content .modal-footer .btn {
  margin-left: 10px;
}

#TwoCols {
  padding: 35px 0;
}

  #TwoCols .page_head {
    margin-bottom: 35px;
  }

    #TwoCols .page_head h1 {
      font-size: 30px;
      line-height: 40px;
      font-weight: 900;
      margin: 0;
    }

@media (min-width:480px) {
  #TwoCols .page_head h1 {
    font-size: 36px;
    line-height: 46px;
  }
}

#TwoCols .page_head h5 i {
  font-size: 16px;
  color: #898989;
}

#TwoCols .page_head p {
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  margin: 10px 0 0 0;
}

#TwoCols .form-group {
  margin-bottom: 20px;
}

  #TwoCols .form-group:last-child {
    margin-bottom: 0;
  }

#TwoCols .checkbox_sd {
  margin: 15px 0 25px;
}

#TwoCols .lbl, #TwoCols label {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #444444;
  font-weight: bold;
  display: block;
}

  #TwoCols .lbl small, #TwoCols label small {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
  }

  #TwoCols .lbl br + small, #TwoCols label br + small {
    display: block;
  }

  #TwoCols .lbl .req, #TwoCols label .req {
    color: #e63e3e;
  }

#TwoCols .helper {
  font-size: 10px;
  line-height: 16px;
  color: #898989;
  margin: 5px 0 0 0;
}

#TwoCols .box {
  padding: 15px 20px;
}

#TwoCols .box_text h5 {
  color: #615e99;
  margin-bottom: 10px;
}

@media (min-width:480px) {
  #TwoCols .box_text h5 {
    margin: 0;
  }
}

#TwoCols .box_text h5 strong {
  font-size: 12px;
  line-height: 16px;
  color: #444444;
  display: inline-block;
}

#TwoCols .box_text h5 small {
  display: inline-block;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #444444;
}

#TwoCols .box_text img {
  width: 35px;
  border-radius: 50%;
}

@media (min-width:480px) {
  #TwoCols .box_left {
    float: left;
    width: calc(100% - 110px);
  }
}

@media (min-width:480px) {
  #TwoCols .box_right {
    float: right;
  }
}

#TwoCols .box_grey > h6 {
  margin-bottom: 25px;
}

#TwoCols .box_grey:not(:last-child) {
  margin-bottom: 30px;
}

#TwoCols .right_col {
  margin-top: 25px;
}

@media (min-width:768px) {
  #TwoCols .right_col {
    margin-top: 0;
  }
}

#TwoCols .right_col > h4 {
  font-weight: 900;
}

#TwoCols .right_col .btn_block {
  padding-top: 25px;
}

#TwoCols .box_value {
  border: 1px solid #eff0f1;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.04);
  margin-top: 13px;
}

@media (min-width:480px) {
  #TwoCols .box_value {
    padding-left: 30px;
    padding-right: 30px;
  }
}

#TwoCols .box_value .btn_right {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 14px;
}

#TwoCols .box_value h4 {
  color: #615e99;
  margin-bottom: 20px;
}

#TwoCols .box_value .row > div {
  margin-bottom: 20px;
}

  #TwoCols .box_value .row > div label {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  #TwoCols .box_value .row > div .short {
    width: 135px;
    float: left;
  }

  #TwoCols .box_value .row > div .suffix_text {
    float: left;
    font-size: 14px;
    font-weight: 300;
    color: #444444;
    line-height: 20px;
    padding-top: 7px;
    padding-left: 10px;
  }

@media (min-width:768px) {
  #TwoCols .box_value .row > div .suffix_text {
    float: right;
  }
}

@media (min-width:991px) {
  #TwoCols .box_value .row > div .suffix_text {
    float: none;
    display: block;
    clear: both;
    padding-left: 0;
  }
}

@media (min-width:1200px) {
  #TwoCols .box_value .row > div .suffix_text {
    float: right;
    clear: none;
    padding-left: 10px;
  }
}

#TwoCols .box_value .row > div .autocomplete {
  position: relative;
  z-index: 1000;
}

#TwoCols .box_value .row > div .autocomplete_panel {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: -1px 0 0 0;
  padding: 0;
  list-style: none;
  border: 1px solid #ececec;
  background: #fff;
}

  #TwoCols .box_value .row > div .autocomplete_panel li {
    display: block;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    cursor: pointer;
  }

    #TwoCols .box_value .row > div .autocomplete_panel li:hover {
      background: #f4f4fc;
    }

    #TwoCols .box_value .row > div .autocomplete_panel li small {
      font-size: 12px;
      color: #898989;
    }

#TwoCols .box_value.add_new {
  padding: 0;
}

  #TwoCols .box_value.add_new a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 0 20px;
    height: 50px;
    line-height: 48px;
  }

@media (min-width:480px) {
  #TwoCols .box_value.add_new a {
    padding-left: 30px;
    padding-right: 30px;
  }
}

#TwoCols .box_value.add_new a i {
  font-size: 14px;
}

#TwoCols .total_block {
  border-top: 1px solid #ebebeb;
  padding: 15px 15px 0 15px;
  margin-top: 15px;
}

@media (min-width:480px) {
  #TwoCols .total_block {
    padding-left: 30px;
    padding-right: 30px;
  }
}

#TwoCols .total_block h4 {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  color: #444444;
  font-weight: bold;
}

  #TwoCols .total_block h4 strong {
    display: inline-block;
    margin-left: 50px;
  }

.k-upload {
  border: 0 none;
  overflow: hidden;
  height: 140px !important;
}

  .k-upload .k-dropzone {
    background: #f4f4fc;
    border: 1px dashed #b8b6e0;
    text-align: center;
    position: relative;
    padding: 15px 0;
  }

@media (min-width:768px) {
  .k-upload .k-dropzone {
    padding-bottom: 55px;
    min-height: 70px;
    padding-top: 0;
  }
}

.k-upload .k-dropzone .k-upload-button {
  padding: 0 25px;
  height: 28px;
  line-height: 28px;
  background: #615e99;
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
}

@media (min-width:768px) {
  .k-upload .k-dropzone .k-upload-button {
    position: absolute;
    bottom: 27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 0;
  }
}

.k-upload .k-dropzone .k-upload-button span {
  white-space: nowrap;
}

.k-upload .k-dropzone > em {
  visibility: visible;
  margin: 20px 0 0 0;
  font-size: 11px;
  line-height: 18px;
  color: #8e8e8e;
  font-weight: 700;
  font-style: normal;
  display: none;
}


@media (min-width:768px) {
  .k-upload .k-dropzone > em {
    display: inline-block;
  }
}

.k-upload .k-dropzone > em i {
  color: #615e99;
  font-size: 16px;
  margin-bottom: 5px;
  display: inline-block;
}

.k-upload .k-dropzone .k-upload-status {
  display: none;
}

@media (min-width:991px) {
  .inline-upload .k-upload .k-dropzone {
    direction: rtl;
    padding: 30px 0;
    min-height: 0;
  }
}

@media (min-width:991px) {
  .inline-upload .k-upload .k-dropzone .k-upload-button {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: inline-block;
  }
}

@media (min-width:991px) {
  .inline-upload .k-upload .k-dropzone > em {
    direction: ltr;
    margin: 0 15px 0 0;
  }
}

@media (min-width:991px) {
  .inline-upload .k-upload .k-dropzone > em br {
    display: none;
  }
}

.inline-upload .k-upload .k-dropzone > em i {
  margin-right: 5px;
}

.editor {
  width: 100%;
  text-align: left;
}

table.k-editor {
  border-collapse: collapse;
  border-color: #d5d5d5;
}

  table.k-editor .k-editor-toolbar-wrap {
    padding: 3px 5px;
    height: 36px;
  }

    table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar {
      min-height: 0;
    }

      table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li {
        padding: 0;
      }

        table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-dropdown-wrap {
          border-radius: 0;
          background: #fff;
          border: 0 none;
          -webkit-box-shadow: none;
          box-shadow: none;
          height: 36px;
        }

          table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-dropdown-wrap .k-input {
            font-size: 14px;
            padding: 0;
            line-height: 36px;
            height: 36px;
            text-indent: 0;
            padding-left: 10px;
          }

          table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-dropdown-wrap .k-item {
            -webkit-box-shadow: none;
            box-shadow: none;
          }

            table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-dropdown-wrap .k-item.k-state-selected {
              background: none;
            }

        table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-tool {
          margin: 0;
          border: 0 none;
          border-radius: 0;
        }

          table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-tool.k-state-border-down, table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-tool.k-state-hover {
            background: #fff;
            color: #2e2e2e;
          }

            table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-tool.k-state-border-down .k-icon, table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-tool.k-state-hover .k-icon {
              color: #2e2e2e;
            }

          table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-tool.k-state-selected {
            background: #fff;
            color: #2e2e2e;
          }

            table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-tool.k-state-selected .k-icon {
              color: #2e2e2e;
            }

        table.k-editor .k-editor-toolbar-wrap .k-editor-toolbar li .k-icon {
          margin-top: -5px;
        }

  table.k-editor .k-editable-area {
    border-color: #d5d5d5;
    border-top: 0 none;
    padding: 15px 0 15px 15px;
  }

.k-editor-overflow-popup .k-item > span, .k-list-container .k-item > span {
  color: #444444 !important;
}

.k-editor-overflow-popup .k-state-selected, .k-list-container .k-state-selected {
  background: none !important;
  color: #00a19c;
}

  .k-editor-overflow-popup .k-state-selected > span, .k-list-container .k-state-selected > span {
    color: #00a19c !important;
  }

.k-editor-overflow-popup .k-state-focused, .k-list-container .k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-editor-overflow-popup .k-state-hover, .k-list-container .k-state-hover {
  border: 0 none;
  background: none;
  color: #00a19c;
}

  .k-editor-overflow-popup .k-state-hover > span, .k-list-container .k-state-hover > span {
    color: #00a19c !important;
  }

.k-editor-overflow-popup {
  background: #fff;
}

  .k-editor-overflow-popup .k-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444444;
    font-size: 14px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }

    .k-editor-overflow-popup .k-button:focus:not(.k-state-disabled):not([disabled]) {
      -webkit-box-shadow: none;
      box-shadow: none;
    }

.uploaded_list {
  margin: 15px 0 0 0;
  padding: 0 !important;
  list-style: none;
}

  .uploaded_list li {
    padding: 20px 25px;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  }

@media (min-width:480px) {
  .uploaded_list li {
    padding-left: 120px;
  }
}

@media (min-width:1200px) {
  .uploaded_list li {
    padding-left: 175px;
  }
}

.uploaded_list li + li {
  margin-top: 13px;
}

.uploaded_list li .remove_btn {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #aeaeae;
  font-size: 14px;
}

@media (min-width:480px) {
  .uploaded_list li .remove_btn {
    top: 15px;
    right: 10px;
  }
}

.uploaded_list li .img_box {
  margin-bottom: 20px;
  display: block;
}

@media (min-width:480px) {
  .uploaded_list li .img_box {
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 100px;
    overflow: hidden;
  }
}

@media (min-width:1200px) {
  .uploaded_list li .img_box {
    width: 155px;
  }
}

@media (min-width:480px) {
  .uploaded_list li .img_box img {
    height: 100%;
    max-width: none;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media (min-width:480px) {
  .uploaded_list li .img_box img {
    height: auto;
    min-width: 100%;
  }
}

.uploaded_list li h5 {
  margin-bottom: 5px;
}

  .uploaded_list li h5 small {
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    color: #898989;
  }

.uploaded_list li p {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}

  .uploaded_list li p + a {
    color: #615e99;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
  }

.k-panelbar {
  border: 1px solid #eff0f1;
  background: none;
}

  .k-panelbar > .k-item .k-link {
    background: none;
    padding: 0 30px 0 15px;
    position: relative;
    border: 0 none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    font-weight: bold;
    color: #898989;
    line-height: 50px;
    height: 50px;
  }

.box_grey {
  background: #f9f9f9;
  padding: 15px;
}

@media (min-width:480px) {
  .box_grey {
    padding: 25px;
  }
}

.box_nobg {
  background: none;
}

#Featured {
  padding: 45px 0;
  background: #fff;
  text-align: center;
}

@media (min-width:768px) {
  #Featured {
    text-align: left;
  }
}

#Featured .featured_image {
  margin-bottom: 30px;
}

@media (min-width:768px) {
  #Featured .featured_image {
    width: 195px;
    float: left;
    margin: 0;
  }
}

#Featured .featured_image img {
  max-width: 250px;
}

@media (min-width:768px) {
  #Featured .featured_image img {
    width: 100%;
  }
}

@media (min-width:768px) {
  #Featured .featured_text {
    margin-left: 230px;
  }
}

#Featured .featured_text h1 {
  font-weight: 900;
}

#Featured .featured_text h6 {
  color: #444444;
}

  #Featured .featured_text h6 i {
    font-size: 16px;
  }

#Featured .featured_text p {
  color: #444444;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 30px;
}

@media (min-width:991px) {
  #Featured .featured_text p {
    font-size: 18px;
    line-height: 28px;
  }
}

#Featured .featured_text .featured_details {
  margin: 0 -15px 15px -15px;
  font-size: 0;
  line-height: 0;
  list-style: none;
  padding: 0;
}

@media (min-width:991px) {
  #Featured .featured_text .featured_details {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }
}

#Featured .featured_text .featured_details li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  padding: 0 15px;
}

@media (min-width:991px) {
  #Featured .featured_text .featured_details li {
    margin-right: 25px;
    padding: 0;
  }
}

@media (min-width:768px) {
  #Featured .featured_text .i_btn {
    display: inline-block;
    vertical-align: middle;
    margint-op: 5px;
  }
}

#Featured .featured_text .btn {
  margin-top: 25px;
}

@media (min-width:768px) {
  #Featured .featured_text .btn {
    float: right;
    margin: 0;
  }
}

#Collections {
  background: #f7f7f7;
  padding: 35px 0 45px;
}

  #Collections .listing_head h3 {
    float: none;
  }

  #Collections .listing_head p {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding-bottom: 10px;
  }

    #Collections .listing_head p i {
      background: #fff;
      border: 1px solid #dedede;
      border-radius: 15px;
      height: 30px;
      line-height: 28px;
      width: 36px;
      text-align: center;
      font-size: 12px;
      display: inline-block;
      margin-left: 10px;
    }

      #Collections .listing_head p i:before {
        margin: 0;
        height: auto;
        width: auto;
      }

#Admin {
  background: #f7f7f7;
  padding-bottom: 35px;
}

@media (min-width:991px) {
  #Admin {
    padding-top: 35px;
  }
}

#Admin .side_item {
  margin-bottom: 20px;
}

@media (min-width:991px) {
  #Admin .side_item {
    margin: 5px 0 0 0;
  }
}

#Admin .side_filter {
  float: none;
  width: auto;
}

  #Admin .side_filter > a small {
    color: #00a19c;
    font-weight: bold;
    font-size: 14px;
  }

  #Admin .side_filter .dropdown-menu {
    padding: 15px;
    background: #fff;
    min-width: 0;
  }

@media (min-width:991px) {
  #Admin .side_filter .dropdown-menu {
    border-top: 1px solid #e6e6e6;
    padding: 25px 0 0 0;
    margin: 0;
    background: none;
  }
}

#Admin .side_filter .dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width:991px) {
  #Admin .side_filter .dropdown-menu ul li {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (min-width:991px) {
  #Admin .side_filter .dropdown-menu ul li + li {
    margin-top: 10px;
  }
}

#Admin .side_filter .dropdown-menu ul li a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #444444;
}

  #Admin .side_filter .dropdown-menu ul li a.current, #Admin .side_filter .dropdown-menu ul li a:active, #Admin .side_filter .dropdown-menu ul li a:focus, #Admin .side_filter .dropdown-menu ul li a:hover {
    color: #00a19c;
    text-decoration: none;
  }

#Admin .admin_tab .panel-group {
  margin: 0;
}

#Admin .admin_tab .panel-collapse {
  display: block !important;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

  #Admin .admin_tab .panel-collapse.collapsing, #Admin .admin_tab .panel-collapse.in {
    visibility: visible;
  }

  #Admin .admin_tab .panel-collapse.in {
    height: auto;
    overflow: visible;
  }

#Admin .admin_tab .panel {
  border: 1px solid #eeeeee;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  #Admin .admin_tab .panel .panel-heading {
    background: #fff;
    border-radius: 0;
    padding: 0;
  }

    #Admin .admin_tab .panel .panel-heading a {
      display: block;
      padding: 0 30px 0 12px;
      border-left: 3px solid #00a19c;
      line-height: 50px;
      font-size: 14px;
      color: #00a19c;
      font-weight: 700;
      position: relative;
    }

      #Admin .admin_tab .panel .panel-heading a.collapsed {
        color: #615e99;
        border-left-color: transparent;
      }

      #Admin .admin_tab .panel .panel-heading a span {
        position: absolute;
        right: 15px;
        line-height: normal;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }

  #Admin .admin_tab .panel .panel-body {
    border-color: #eeeeee;
  }

  #Admin .admin_tab .panel + .panel {
    margin-top: 0;
    border-top: 0 none;
  }

#Admin .admin_tab .add_item {
  border: 1px solid #eeeeee;
  border-top: 0 none;
}

  #Admin .admin_tab .add_item a {
    display: block;
    padding: 0 30px 0 15px;
    line-height: 50px;
    font-size: 14px;
    color: #615e99;
    font-weight: 700;
    position: relative;
    background: #fff;
  }

    #Admin .admin_tab .add_item a span {
      position: absolute;
      right: 15px;
      line-height: normal;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    #Admin .admin_tab .add_item a:hover {
      text-decoration: none;
    }

#Admin .admin_tab .k-editor {
  margin-bottom: 20px;
}

#Admin .admin_tab .tab-pane > p {
  font-size: 14px;
  line-height: 20px;
  margin-top: -10px;
  margin-bottom: 10px;
}

#Admin .admin_tab .panel-body > h4 {
  display: none;
}

@media (min-width:768px) {
  #Admin .admin_tab .panel-body > h4 {
    display: block;
  }
}

#Admin .admin_tabnav {
  list-style: none;
  margin: 0;
  padding: 0;
}

  #Admin .admin_tabnav li {
    border: 1px solid #eeeeee;
  }

    #Admin .admin_tabnav li + li {
      border-top: 0 none;
    }

    #Admin .admin_tabnav li a {
      display: block;
      padding: 0 30px 0 15px;
      line-height: 50px;
      font-size: 14px;
      color: #615e99;
      font-weight: 700;
      position: relative;
      background: #fff;
      border-left: 3px solid transparent;
    }

      #Admin .admin_tabnav li a span {
        position: absolute;
        right: 15px;
        line-height: normal;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
      }

@media (min-width:991px) {
  #Admin .admin_tabnav li a span {
    display: none;
  }
}

#Admin .admin_tabnav li a:hover {
  text-decoration: none;
  color: #00a19c;
}

@media (min-width:991px) {
  #Admin .admin_tabnav li a:hover span {
    display: block;
  }
}

#Admin .admin_tabnav li.active a {
  border-left-color: #00a19c;
  color: #00a19c;
}

#RightAccordion {
  border: 0 none;
  background: none;
}

@media (min-width:480px) {
  #RightAccordion .uploaded_list li {
    padding-left: 85px;
  }
}

@media (min-width:480px) {
  #RightAccordion .uploaded_list li .img_box {
    left: 15px;
    width: 60px;
    top: 25px;
    height: auto;
  }
}

@media (min-width:480px) {
  #RightAccordion .uploaded_list li .img_box img {
    min-width: 0;
    max-width: 100%;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

#RightAccordion > .k-item {
  background: #f9f9f9;
  margin: 0;
}

  #RightAccordion > .k-item + .k-item {
    margin-top: 10px;
  }

@media (min-width:768px) {
  #RightAccordion > .k-item + .k-item {
    margin-top: 25px;
  }
}

#RightAccordion > .k-item > .k-link {
  background: none;
  padding: 0 30px 0 15px;
  position: relative;
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  font-weight: bold;
  color: #898989;
  line-height: 50px;
  height: 50px;
  text-transform: uppercase;
}

@media (min-width:480px) {
  #RightAccordion > .k-item > .k-link {
    padding: 0 30px;
  }
}

@media (min-width:768px) {
  #RightAccordion > .k-item > .k-link {
    cursor: default;
  }
}

#RightAccordion > .k-item > .k-link .k-icon {
  color: #595959;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}

@media (min-width:768px) {
  #RightAccordion > .k-item > .k-link .k-icon {
    display: none;
  }
}

#RightAccordion > .k-item > .k-link .k-icon:before {
  font-family: "skill";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#RightAccordion > .k-item > .k-link .k-icon.k-i-arrow-n:before {
  content: '\f106';
}

#RightAccordion > .k-item > .k-link .k-icon.k-i-arrow-s:before {
  content: '\f107';
}

#RightAccordion > .k-item > .k-content {
  background: none;
  padding: 0 15px 15px 15px;
  border: 0 none;
}

@media (min-width:480px) {
  #RightAccordion > .k-item > .k-content {
    padding: 0 30px 30px 30px;
  }
}

@media (min-width:768px) {
  #RightAccordion > .k-item > .k-content {
    display: block !important;
    padding: 0 15px 15px 15px;
  }
}

@media (min-width:991px) {
  #RightAccordion > .k-item > .k-content {
    padding: 0 30px 30px 30px;
  }
}

#RightAccordion > .k-item > .k-content .accordion_block:not(:first-child) {
  margin-top: 15px;
}

#RightAccordion > .k-item > .k-content .accordion_block .checkbox_sd {
  margin-top: 15px;
  margin-bottom: 25px;
}

#RightAccordion > .k-item > .k-content .accordion_block label {
  line-height: 22px;
}

  #RightAccordion > .k-item > .k-content .accordion_block label small {
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
  }

#RightAccordion > .k-item > .k-content .accordion_block .form-control {
  height: 36px;
  padding: 5px 10px;
  border-color: #d5d5d5;
  border-radius: 0;
}

#RightAccordion > .k-item > .k-content .box {
  padding: 15px;
}

  #RightAccordion > .k-item > .k-content .box .box_left {
    float: left;
    width: calc(100% - 50px);
  }

    #RightAccordion > .k-item > .k-content .box .box_left h5 {
      margin: 0;
    }

  #RightAccordion > .k-item > .k-content .box .box_right {
    float: right;
  }

#AuthorList {
  margin: 0;
  padding: 0 !important;
  list-style: none;
  background: #fff;
}

  #AuthorList li {
    padding: 15px 35px 15px 15px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #615e99;
  }

    #AuthorList li .k-link {
      padding: 0;
      font-size: 14px;
    }

@media (min-width:480px) {
  #AuthorList li {
    padding: 15px 40px 15px 20px;
  }
}

#AuthorList li + li {
  border-top: 1px solid #eeeeee;
}

#AuthorList li a {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width:480px) {
  #AuthorList li a {
    right: 20px;
  }
}

#AuthorList li a:active, #AuthorList li a:focus, #AuthorList li a:hover {
  text-decoration: none;
}

#AuthorList li.add_author {
  padding: 0;
}

  #AuthorList li.add_author .k-link {
    display: block;
    padding: 0;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 14px;
    line-height: 20px;
    color: #615e99;
    position: relative;
    height: auto;
    padding: 15px 35px 15px 20px;
  }

@media (min-width:480px) {
  #AuthorList li.add_author .k-link {
    padding: 15px 40px 15px 20px;
  }
}

#AuthorList li.add_author .k-link .k-icon {
  display: none;
}

#AuthorList li.add_author .k-link i {
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width:480px) {
  #AuthorList li.add_author .k-link i {
    right: 20px;
  }
}

#AuthorList li.add_author > .k-content {
  padding: 15px;
  background: #f9f9f9;
  border: 0 none;
}

  #AuthorList li.add_author > .k-content > .btn_close_panel {
    position: absolute;
    right: 5px;
    top: 20px;
    color: #898989;
  }

@media (min-width:480px) {
  #AuthorList li.add_author > .k-content > .btn_close_panel {
    top: 20px;
    right: 20px;
  }
}

@media (min-width:480px) {
  #AuthorList li.add_author > .k-content {
    padding: 15px 20px;
  }
}

#AuthorList li.add_author > .k-content .form-group {
  margin-bottom: 10px;
}

  #AuthorList li.add_author > .k-content .form-group label, #AuthorList li.add_author > .k-content .form-group lbl {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
  }

#EquipmentList {
  margin: 0;
  padding: 0 !important;
  list-style: none;
  background: #fff;
}

  #EquipmentList li span {
    padding: 15px 35px 15px 15px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #615e99;
    display: block;
  }

@media (min-width:480px) {
  #EquipmentList li span {
    padding: 15px 40px 15px 20px;
  }
}

#EquipmentList li span a {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width:480px) {
  #EquipmentList li span a {
    right: 20px;
  }
}

#EquipmentList li span a:active, #EquipmentList li span a:focus, #EquipmentList li span a:hover {
  text-decoration: none;
}

#EquipmentList li + li {
  border-top: 1px solid #eeeeee;
}

#EquipmentList li .list_content {
  border-top: 1px solid #eeeeee;
  background: #f9f9f9;
  padding: 25px 15px;
}

@media (min-width:480px) {
  #EquipmentList li .list_content {
    padding: 25px 20px;
  }
}

#EquipmentList li .list_content label {
  position: relative;
  display: block;
  padding-right: 10px;
}

  #EquipmentList li .list_content label a {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #898989;
  }

#EquipmentList li .list_content .helper {
  padding-top: 10px;
  margin: 0;
}

  #EquipmentList li .list_content .helper a {
    font-weight: bold;
  }

#EquipmentList li.add_author {
  padding: 0;
}

  #EquipmentList li.add_author a {
    display: block;
    padding: 15px 35px 15px 15px;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    font-size: 14px;
    font-weight: bold;
  }

@media (min-width:480px) {
  #EquipmentList li.add_author a {
    padding: 15px 40px 15px 20px;
  }
}

#EquipmentList li.add_author a i {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width:480px) {
  #EquipmentList li.add_author a i {
    right: 20px;
  }
}

.k-multiselect {
  border-color: #d5d5d5;
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

  .k-multiselect .k-multiselect-wrap {
    border-radius: 5px;
    padding-bottom: 4px;
    min-height: 34px;
    border: 1px solid #d2d2d2;
    color: #212121
  }

    .k-multiselect .k-multiselect-wrap .k-input {
      height: 30px;
    }

    .k-multiselect .k-multiselect-wrap > .k-i-close {
      top: 10px;
    }

    .k-multiselect .k-multiselect-wrap li {
      border: 0 none;
      margin: 4px 0 0 4px;
      height: 28px;
      padding: 0 30px 0 8px;
      background: #93bfeb;
      font-size: 14px;
      font-weight: 700;
      color: #ffffff;
      border-radius: 2px;
      max-width: 100%;
    }

      .k-multiselect .k-multiselect-wrap li.k-state-hover {
        color: #fff;
      }

      .k-multiselect .k-multiselect-wrap li > span {
        line-height: 28px;
        height: 28px;
      }

        .k-multiselect .k-multiselect-wrap li > span:not(.k-select) {
          display: inline-block;
          max-width: 100%;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          line-height: 28px;
          height: 28px;
        }

        .k-multiselect .k-multiselect-wrap li > span.k-select {
          top: 7px;
          right: 5px;
        }

        .k-multiselect .k-multiselect-wrap li > span .k-icon {
          vertical-align: top;
          font-size: 14px;
          color: #fff;
        }

          .k-multiselect .k-multiselect-wrap li > span .k-icon:before {
            content: '\e80d';
            font-family: "skill";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            text-align: center;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            bottom: 10px;
          }

.multiselect_panel {
  background: #fff;
  border-radius: 0 !important;
  border-color: #ececec !important;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  padding: 0 !important;
}

  .multiselect_panel.no_grouping .k-list {
    border: 0 none;
    margin: 0;
  }

    .multiselect_panel.no_grouping .k-list .k-item {
      color: #444444;
    }

  .multiselect_panel .k-group-header {
    width: 75px;
    text-align: right;
    left: 1px;
    position: absolute;
    background: #fff;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #898989;
    padding: 5px 0 0 0 !important;
    text-transform: none;
    top: 0;
    z-index: 10;
  }

  .multiselect_panel .k-list-scroller {
    height: 100% !important;
  }

  .multiselect_panel .k-list {
    border-left: 1px solid #d7d7d7;
    margin-left: 85px;
  }

    .multiselect_panel .k-list .k-item {
      border: 0 none;
      border-radius: 0;
      font-size: 14px;
      line-height: 20px;
      color: #615e99;
      padding: 5px 10px;
      min-height: 0;
    }

      .multiselect_panel .k-list .k-item.k-state-focused, .multiselect_panel .k-list .k-item.k-state-hover {
        background: #f4f4fc;
      }

      .multiselect_panel .k-list .k-item.k-state-selected {
        background: #93bfeb !important;
        color: #fff;
      }

      .multiselect_panel .k-list .k-item a:hover {
        text-decoration: none;
      }

      .multiselect_panel .k-list .k-item .k-group {
        width: 75px;
        text-align: right;
        left: -85px;
        position: absolute;
        background: none;
        font-size: 12px;
        line-height: 18px;
        font-weight: bold;
        color: #898989;
        padding: 0;
        text-transform: none;
        top: 4px;
      }

#SourceTab {
  font-size: 0;
  line-height: 0;
  margin: 0 -15px;
  padding: 0 0 20px 0;
  border: 0 none;
}

  #SourceTab li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
    margin-bottom: 10px;
  }

@media (min-width:1200px) {
  #SourceTab li {
    width: 33.333333%;
  }
}

#SourceTab li label {
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  font-weight: 300;
  margin: 0;
}

#AccInfo {
  border: 0 none;
  padding: 0 !important;
}

  #AccInfo .add_new {
    position: relative;
  }

    #AccInfo .add_new .k-icon {
      display: none;
    }

  #AccInfo .modal_open .k-content {
    height: 280px !important;
    position: static;
  }

  #AccInfo .k-item {
    background: #fff;
    margin: 0;
  }

    #AccInfo .k-item + .k-item {
      border-top: 1px solid #eeeeee;
    }

    #AccInfo .k-item > .k-link {
      padding: 15px 30px 15px 15px;
      height: auto;
      line-height: normal;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
      color: #615e99;
      text-transform: none;
      background: none;
      position: relative;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 0 none;
    }

@media (min-width:480px) {
  #AccInfo .k-item > .k-link {
    padding: 15px 30px 15px 20px;
  }
}

#AccInfo .k-item > .k-link strong {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  padding: 0;
}

#AccInfo .k-item > .k-link small {
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  color: #444444;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

#AccInfo .k-item > .k-link .k-icon {
  color: #898989;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
}

  #AccInfo .k-item > .k-link .k-icon:before {
    font-family: "skill";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #AccInfo .k-item > .k-link .k-icon.k-i-arrow-n:before {
    content: '\f106';
  }

  #AccInfo .k-item > .k-link .k-icon.k-i-arrow-s:before {
    content: '\f107';
  }

#AccInfo .k-item > .k-content {
  padding: 15px;
  background: #f9f9f9;
  border: 0 none;
}

@media (min-width:480px) {
  #AccInfo .k-item > .k-content {
    padding: 15px 20px;
  }
}

#AccInfo .k-item > .k-content .form-group {
  margin-bottom: 10px;
}

  #AccInfo .k-item > .k-content .form-group label, #AccInfo .k-item > .k-content .form-group lbl {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
  }

#AccInfo .k-item > .k-content .form_cta {
  padding: 10px 0 5px 0;
}

  #AccInfo .k-item > .k-content .form_cta .left {
    float: Left;
  }

  #AccInfo .k-item > .k-content .form_cta .right {
    float: right;
  }

  #AccInfo .k-item > .k-content .form_cta .btn_link {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    color: #615e99;
    text-decoration: underline;
  }

    #AccInfo .k-item > .k-content .form_cta .btn_link + .btn {
      margin-left: 5px;
    }

.add_new {
  position: relative;
}

  .add_new i {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

#DisciplineList {
  border: 0 none;
}

  #DisciplineList .k-item {
    border: 1px solid #eff0f1;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.04);
  }

    #DisciplineList .k-item + .k-item {
      margin-top: 5px;
    }

    #DisciplineList .k-item .k-link {
      padding: 15px 30px 15px 20px;
      height: auto;
    }

@media (min-width:768px) {
  #DisciplineList .k-item .k-link {
    padding-right: 220px;
  }
}

#DisciplineList .k-item .k-link:hover {
  background: #f4f4fc;
}

  #DisciplineList .k-item .k-link:hover h4 strong {
    display: inline-block;
  }

  #DisciplineList .k-item .k-link:hover h4 a {
    color: #615e99;
  }

#DisciplineList .k-item .k-link h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #615e99;
  text-transform: none;
  margin: 0;
}

  #DisciplineList .k-item .k-link h4 a {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #cccccc;
  }

@media (min-width:768px) {
  #DisciplineList .k-item .k-link h4 a {
    right: 40px;
  }
}

#DisciplineList .k-item .k-link h4 strong {
  height: 24px;
  line-height: 22px;
  border: 1px solid #c4c4c4;
  border-radius: 12px;
  color: #cccccc;
  font-size: 12px;
  font-weight: bold;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 5px;
}

@media (min-width:768px) {
  #DisciplineList .k-item .k-link h4 strong {
    position: absolute;
    right: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
  }
}

#DisciplineList .k-item .k-link h4 strong.prime {
  border-color: #93bfeb;
  background: #93bfeb;
  color: #fff;
}

#DisciplineList .k-item .k-link .k-icon {
  display: none;
}

#DisciplineList .k-item.add_new .k-link {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #615e99;
  text-transform: none;
  margin: 0;
}

@media (min-width:768px) {
  #DisciplineList .k-item.add_new .k-link i {
    right: 40px;
  }
}

#DisciplineList .k-item .k-group {
  border-top: 1px solid #eff0f1;
  border-bottom: 0 none;
}

  #DisciplineList .k-item .k-group .k-item {
    margin: 0;
    border: 0 none;
  }

    #DisciplineList .k-item .k-group .k-item .k-link {
      height: auto;
      line-height: normal;
      padding: 10px 30px 10px 40px;
      border: 0 none;
    }

      #DisciplineList .k-item .k-group .k-item .k-link p {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        color: #615e99;
        margin: 0;
      }

        #DisciplineList .k-item .k-group .k-item .k-link p a {
          font-size: 16px;
          line-height: 22px;
          position: absolute;
          right: 10px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
        }

@media (min-width:768px) {
  #DisciplineList .k-item .k-group .k-item .k-link p a {
    right: 40px;
  }
}

.expert_dd {
  width: 100%;
  border-radius: 0;
  background: #fff;
}

  .expert_dd .k-dropdown-wrap {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 15px 35px 15px 15px;
  }

    .expert_dd .k-dropdown-wrap .k-input {
      height: auto;
      padding: 0;
      line-height: normal;
      text-indent: 0;
      font-size: 16px;
      line-height: 22px;
      font-weight: 700;
      color: #615e99;
    }

    .expert_dd .k-dropdown-wrap .k-icon {
      color: #898989;
      font-size: 12px;
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }

      .expert_dd .k-dropdown-wrap .k-icon:before {
        content: '\f004';
        font-family: "skill";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

    .expert_dd .k-dropdown-wrap.k-state-active .k-icon:before {
      content: '\f005';
    }

.dd_expert_list {
  padding-right: 50px;
  position: relative;
  min-height: 35px;
  display: block;
}

  .dd_expert_list img {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: 1px;
  }

  .dd_expert_list strong {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #615e99;
  }

  .dd_expert_list small {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #898989;
    font-weight: 300;
  }

.dd_expert_container .k-list-container {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

  .dd_expert_container .k-list-container .k-list-optionlabel {
    display: none;
  }

  .dd_expert_container .k-list-container li {
    padding: 5px 15px !important;
    border-radius: 0;
  }

    .dd_expert_container .k-list-container li.k-state-selected {
      background: #f4f4fc !important;
    }

    .dd_expert_container .k-list-container li.k-state-hover {
      background: #eeeeee;
    }

.dd_expert_container .dd_expert_list img {
  right: 16px;
}

.bootstrap-select {
  min-width: 100%;
  max-width: 100%;
}

  .bootstrap-select > .dropdown-toggle {
    border: 1px solid #d5d5d5;
    border-radius: 0;
    height: 32px;
    line-height: 30px;
    padding: 0 20px 0 10px;
    font-size: 12px;
    font-weight: 300;
    color: #444444;
  }

    .bootstrap-select > .dropdown-toggle:active, .bootstrap-select > .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle:hover {
      background: none;
    }

  .bootstrap-select.open > .dropdown-toggle {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d5d5d5;
  }

  .bootstrap-select .bs-caret:before {
    content: '\f004';
    font-family: "skill";
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .bootstrap-select .bs-caret .caret {
    display: none;
  }

  .bootstrap-select .dropdown-menu {
    margin: -1px 0 0 0;
    padding: 0;
    border-radius: 0;
    border-color: #d5d5d5;
  }

    .bootstrap-select .dropdown-menu li a {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 18px;
      font-weight: 300;
      color: #444444;
    }

    .bootstrap-select .dropdown-menu li.selected a {
      color: #58478d;
    }

#Profile {
  padding: 40px 0 0 0;
  text-align: center;
}

  #Profile .profile_img {
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 20px;
  }

  #Profile .profile_info {
    padding: 0 0 30px 0;
  }

@media (min-width:768px) {
  #Profile .profile_info {
    text-align: left;
  }
}

#Profile .profile_info .lbl_user {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
}

#Profile .profile_info h1 {
  font-weight: 900;
}

#Profile .profile_info p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
}

  #Profile .profile_info p small {
    font-size: 12px;
    line-height: 18px;
  }

#Profile .profile_info .i_btn {
  margin-top: 30px;
}

  #Profile .profile_info .i_btn li {
    margin-bottom: 10px;
  }

@media (min-width:768px) {
  #Profile .profile_info .i_btn li {
    margin-bottom: 0;
  }
}

#Profile .profile_info .profile_btn {
  font-size: 0;
  line-height: 0;
  margin: 0 -5px;
}

  #Profile .profile_info .profile_btn .btn {
    display: inline-block;
    margin: 0 5px;
  }

#Profile .trigger_btn {
  height: 62px;
  line-height: 60px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -15px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #00a19c;
  font-weight: bold;
  text-transform: uppercase;
}

#Profile .profile_archivement {
  padding: 30px 15px;
  text-align: left;
  border-top: 1px solid #e5e5e5;
  margin: 0 -15px;
}

@media (min-width:768px) {
  #Profile .profile_archivement {
    margin: 0;
    padding: 30px 0;
  }
}

#Profile .profile_archivement h3 {
  margin-bottom: 5px;
}

#Profile .profile_archivement h6 {
  margin-bottom: 5px;
}

#Profile .profile_archivement .rank_star {
  font-size: 0;
  line-height: 0;
}

  #Profile .profile_archivement .rank_star i {
    display: inline-block;
    font-size: 14px;
    line-height: normal;
    color: #00a19c;
    margin-right: 1px;
  }

    #Profile .profile_archivement .rank_star i:before {
      margin: 0;
      width: auto;
    }

#Profile .profile_archivement .profile_badges {
  margin: 0 -3px;
  padding: 5px 0 0 0;
  list-style: none;
  font-size: 0;
  line-height: 0;
}

  #Profile .profile_archivement .profile_badges li {
    display: inline-block;
    padding: 0 3px;
    margin-bottom: 6px;
  }

    #Profile .profile_archivement .profile_badges li img {
      width: 34px;
    }

#Profile .profile_details {
  border: 1px solid #eff0f1;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  padding: 15px;
  text-align: left;
  margin-bottom: 20px;
}

@media (min-width:480px) {
  #Profile .profile_details {
    padding: 20px 25px;
  }
}

#Profile .profile_details .profile_details_block + .profile_details_block {
  margin-top: 25px;
}

#Profile .profile_details h6 {
  margin-bottom: 10px;
}

#Profile .profile_details p {
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  margin: 0;
}

@media (min-width:768px) {
  #ProfileCollapse {
    display: block !important;
  }
}

#Contributions {
  background: #f9f9f9;
  padding-top: 100px;
  position: relative;
}

@media (min-width:991px) {
  #Contributions {
    padding: 35px 0;
  }
}

#Contributions .row .pos_static {
  position: static;
}

#Contributions .side_item {
  margin-bottom: 25px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
}

@media (min-width:991px) {
  #Contributions .side_item {
    position: static;
  }
}

#Contributions .listing_head h3 {
  float: left;
  width: 50%;
}

@media (min-width:768px) {
  #Contributions .listing_head h3 {
    width: auto;
  }
}

@media (min-width:991px) {
  #Contributions .listing_head h3 small {
    display: inline;
  }
}

#Contributions .listing_head .inner_search {
  float: right;
  width: 50%;
  max-width: 175px;
}

@media (min-width:768px) {
  #Contributions .listing_head .inner_search {
    max-width: 225px;
    width: auto;
  }
}

@media (min-width:991px) {
  #Contributions .listing_head .inner_search {
    float: none;
    display: inline-block;
  }
}

@media (min-width:768px) {
  #Contributions.user .admin_box .text_box {
    position: static;
    overflow: hidden;
  }
}

@media (min-width:768px) {
  #Contributions.user .text_box {
    position: relative;
    overflow: visible;
  }
}

#Contributions.user .lbl_new {
  bottom: 0;
  top: auto;
}

@media (min-width:768px) {
  #Contributions.user .lbl_new {
    bottom: auto;
    top: -20px;
  }
}

.status_label > span {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  border-radius: 15px;
  display: inline-block;
}

  .status_label > span.status_pending {
    background: #efaa23;
  }

.status_label.status_pending_me img {
  display: none;
}

@media (min-width:768px) {
  .status_label.status_pending_me img {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    margin-left: 5px;
  }
}

@media (min-width:1200px) {
  #SubmissionList .text_box {
    padding-right: 180px;
  }
}

#SubmissionList .status_label {
  float: right;
}

@media (min-width:1200px) {
  #SubmissionList .status_label {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

#Chat {
  border: 1px solid #d5d5d5;
  background: #fff;
}

  #Chat .left {
    padding: 15px 0 10px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
  }

@media (min-width:768px) {
  #Chat .left {
    float: left;
    width: 32%;
    padding: 0;
    border: 0 none;
  }
}

#Chat .left .chat_search {
  float: right;
}

@media (min-width:768px) {
  #Chat .left .chat_search {
    float: none;
    padding: 20px 15px 30px;
    border-bottom: 1px solid #eeeeee;
  }
}

@media (min-width:991px) {
  #Chat .left .chat_search {
    padding-left: 30px;
    padding-right: 30px;
  }
}

#Chat .left .chat_search .dropdown {
  position: static;
}

  #Chat .left .chat_search .dropdown > a {
    display: block;
    border-left: 1px solid #e5e5e5;
    height: 68px;
    line-height: 68px;
    width: 60px;
    text-align: center;
    font-size: 30px;
    color: #898989;
  }

@media (min-width:480px) {
  #Chat .left .chat_search .dropdown > a {
    width: 80px;
  }
}

@media (min-width:768px) {
  #Chat .left .chat_search .dropdown > a {
    display: none;
  }
}

#Chat .left .chat_search .dropdown .dropdown-menu {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  margin: 0;
  border: 0 none;
  padding: 0;
  float: none;
}

@media (min-width:768px) {
  #Chat .left .chat_search .dropdown .dropdown-menu {
    display: block !important;
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

#Chat .left .chat_search .dropdown .dropdown-menu fieldset {
  padding-right: 60px;
  position: relative;
  padding: 15px 0 10px;
}

@media (min-width:768px) {
  #Chat .left .chat_search .dropdown .dropdown-menu fieldset {
    padding: 0 44px 0 0;
    border: 1px solid #d5d5d5;
    height: 46px;
  }
}

#Chat .left .chat_search .dropdown .dropdown-menu fieldset .form-control {
  border-radius: 0;
  border: 0 none;
  height: 68px;
  line-height: 68px;
  padding: 0 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width:768px) {
  #Chat .left .chat_search .dropdown .dropdown-menu fieldset .form-control {
    height: 44px;
    line-height: 44px;
  }
}

#Chat .left .chat_search .dropdown .dropdown-menu fieldset button {
  display: block;
  border: 0 none;
  border-left: 1px solid #e5e5e5;
  height: 68px;
  line-height: 68px;
  width: 60px;
  text-align: center;
  font-size: 30px;
  color: #898989;
  background: #fff;
  padding: 0;
  outline: 0;
  position: absolute;
  top: 15px;
  right: 0;
}

@media (min-width:480px) {
  #Chat .left .chat_search .dropdown .dropdown-menu fieldset button {
    width: 80px;
  }
}

@media (min-width:768px) {
  #Chat .left .chat_search .dropdown .dropdown-menu fieldset button {
    width: 44px;
    height: 44px;
    line-height: 44px;
    border: 0 none;
    top: 0;
    font-size: 16px;
  }
}

#Chat .left .chat_list {
  float: left;
  font-size: 0;
  line-height: 0;
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
}

@media (min-width:480px) {
  #Chat .left .chat_list {
    margin-left: 5px;
    float: none;
  }
}

@media (min-width:768px) {
  #Chat .left .chat_list {
    margin: 0;
  }
}

#Chat .left .chat_list li {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}

@media (min-width:480px) {
  #Chat .left .chat_list li {
    padding: 0 15px;
  }
}

@media (min-width:768px) {
  #Chat .left .chat_list li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #eeeeee;
  }
}

#Chat .left .chat_list li a {
  display: block;
  width: 50px;
  text-align: center;
  position: relative;
}

  #Chat .left .chat_list li a:hover {
    text-decoration: none;
  }

@media (min-width:768px) {
  #Chat .left .chat_list li a {
    width: auto;
    padding: 20px 15px 20px 60px;
    text-align: left;
    min-height: 75px;
  }
}

@media (min-width:991px) {
  #Chat .left .chat_list li a {
    padding: 20px 30px 20px 75px;
  }
}

#Chat .left .chat_list li a img {
  margin-bottom: 5px;
  border-radius: 50%;
}

@media (min-width:768px) {
  #Chat .left .chat_list li a img {
    position: absolute;
    top: 22px;
    left: 15px;
    width: 35px;
    height: 35px;
    margin: 0;
  }
}

@media (min-width:991px) {
  #Chat .left .chat_list li a img {
    left: 30px;
  }
}

#Chat .left .chat_list li a h5 {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  color: #58478d;
  text-transform: none;
  margin: 0;
}

  #Chat .left .chat_list li a h5 span {
    display: none;
  }

@media (min-width:768px) {
  #Chat .left .chat_list li a h5 span {
    display: inline;
  }
}

#Chat .left .chat_list li a p {
  display: none;
}

@media (min-width:768px) {
  #Chat .left .chat_list li a p {
    display: block;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #444444;
  }
}

#Chat .left .chat_list li.unread a:before {
  content: '';
  position: absolute;
  right: 0;
  top: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d81f2a;
}

@media (min-width:768px) {
  #Chat .left .chat_list li.unread a:before {
    top: 25px;
    right: 10px;
    width: 8px;
    height: 8px;
  }
}

@media (min-width:991px) {
  #Chat .left .chat_list li.unread a:before {
    right: 15px;
  }
}

@media (min-width:768px) {
  #Chat .right {
    float: right;
    width: 68%;
    border-left: 1px solid #d5d5d5;
  }
}

#Chat .right .chat_head {
  padding: 15px;
}

@media (min-width:480px) {
  #Chat .right .chat_head {
    padding: 15px 20px;
  }
}

@media (min-width:768px) {
  #Chat .right .chat_head {
    padding: 25px 20px 25px 70px;
    position: relative;
  }
}

@media (min-width:991px) {
  #Chat .right .chat_head {
    padding: 25px 30px 25px 85px;
  }
}

@media (min-width:768px) {
  #Chat .right .chat_head img {
    position: absolute;
    left: 20px;
    top: 28px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
  }
}

@media (min-width:991px) {
  #Chat .right .chat_head img {
    left: 30px;
  }
}

#Chat .right .chat_head h4 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0;
}

#Chat .right .chat_head p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #444444;
  margin: 0;
}

#Chat .right .chat_content {
  padding: 15px;
  background: #f9f9f9;
}

@media (min-width:480px) {
  #Chat .right .chat_content {
    padding: 15px 20px;
  }
}

@media (min-width:991px) {
  #Chat .right .chat_content {
    padding: 15px 30px;
  }
}

#Chat .right .chat_content .chat_info {
  padding: 10px 15px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  margin: 0;
  border-radius: 5px;
}

@media (min-width:768px) {
  #Chat .right .chat_content .chat_info {
    text-align: center;
  }
}

#Chat .right .chat_content .chat_info a {
  font-weight: bold;
}

#Chat .right .chat_content .chat_text {
  padding: 30px 0 15px;
  list-style: none;
  margin: 0;
}

  #Chat .right .chat_content .chat_text li {
    min-height: 35px;
    position: relative;
    padding-left: 55px;
  }

@media (min-width:480px) {
  #Chat .right .chat_content .chat_text li {
    padding-left: 75px;
  }
}

@media (min-width:768px) {
  #Chat .right .chat_content .chat_text li {
    padding-left: 45px;
  }
}

#Chat .right .chat_content .chat_text li + li {
  margin-top: 25px;
}

#Chat .right .chat_content .chat_text li > img {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 50%;
}

@media (min-width:768px) {
  #Chat .right .chat_content .chat_text li > img {
    width: 28px;
    height: 28px;
  }
}

#Chat .right .chat_content .chat_text li .chat_message {
  border-radius: 3px;
  background: #eeeeee;
  padding: 10px 15px 0 15px;
  position: relative;
}

@media (min-width:480px) {
  #Chat .right .chat_content .chat_text li .chat_message {
    padding: 10px 20px 0 20px;
  }
}

#Chat .right .chat_content .chat_text li .chat_message:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #eeeeee transparent transparent;
  position: absolute;
  left: -9px;
  top: 10px;
}

#Chat .right .chat_content .chat_text li .chat_message p {
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  margin: 0;
  padding-bottom: 10px;
}

#Chat .right .chat_content .chat_text li .chat_time {
  font-size: 11px;
  line-height: 17px;
  color: #444444;
  display: block;
  margin-top: 5px;
}

#Chat .right .chat_content .chat_text li.own {
  padding-right: 55px;
  padding-left: 0;
}

@media (min-width:480px) {
  #Chat .right .chat_content .chat_text li.own {
    padding-right: 75px;
  }
}

@media (min-width:768px) {
  #Chat .right .chat_content .chat_text li.own {
    padding-right: 45px;
  }
}

#Chat .right .chat_content .chat_text li.own img {
  left: auto;
  right: 0;
}

#Chat .right .chat_content .chat_text li.own .chat_message {
  background: #58478d;
}

  #Chat .right .chat_content .chat_text li.own .chat_message p {
    color: #fff;
  }

    #Chat .right .chat_content .chat_text li.own .chat_message p a {
      color: #00a19c;
    }

  #Chat .right .chat_content .chat_text li.own .chat_message:before {
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #58478d;
    left: auto;
    right: -9px;
  }

#Chat .right .chat_content .chat_text li.own .chat_time {
  text-align: right;
}

#Chat .right .chat_input {
  padding: 15px;
}

@media (min-width:480px) {
  #Chat .right .chat_input {
    padding: 15px 20px;
  }
}

@media (min-width:991px) {
  #Chat .right .chat_input {
    padding: 20px 30px;
  }
}

#Chat .right .chat_input fieldset {
  border: 1px solid #d5d5d5;
  border-radius: 1px;
  position: relative;
  height: 65px;
  padding: 0 63px;
}

  #Chat .right .chat_input fieldset label {
    height: 63px;
    line-height: 63px;
    width: 63px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    margin: 0;
    text-align: center;
    font-size: 24px;
  }

    #Chat .right .chat_input fieldset label input {
      display: none;
    }

  #Chat .right .chat_input fieldset .form-control {
    border: 0 none;
    padding: 0;
    border-radius: 0;
    line-height: 63px;
    height: 63px;
  }

  #Chat .right .chat_input fieldset button {
    width: 63px;
    height: 63px;
    line-height: 63px;
    border: 0 none;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    color: #58478d;
  }

@media (min-width:768px) {
  .modal_edit .modal-dialog {
    width: 650px;
  }
}

.modal_edit .modal-content .modal-header {
  margin: 0;
}

@media (min-width:768px) {
  .modal_edit .modal-content .modal-header {
    padding: 30px 40px;
  }
}

.modal_edit .modal-content .modal-header .close {
  top: 15px;
  right: 15px;
  font-size: 20px;
}

@media (min-width:768px) {
  .modal_edit .modal-content .modal-body {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.modal_edit .modal-content .modal-body .update_img .right {
  text-align: center;
  margin-bottom: 15px;
}

@media (min-width:768px) {
  .modal_edit .modal-content .modal-body .update_img .right {
    float: right;
  }
}

.modal_edit .modal-content .modal-body .update_img .right img {
  width: 135px;
  height: 135px;
  border-radius: 50%;
}

@media (min-width:768px) {
  .modal_edit .modal-content .modal-body .update_img .left {
    margin-right: 167px;
  }
}

.modal_edit .modal-content .modal-body .update_img .left .helper {
  font-size: 10px;
  line-height: 16px;
  color: #898989;
  padding-top: 5px;
  margin: 0;
}

@media (min-width:768px) {
  .modal_edit .modal-content .modal-footer {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width:768px) {
  .modal_interest .modal-dialog {
    width: 700px;
  }
}

.modal_interest .checkbox_sd {
  font-size: 0;
  line-height: 0;
}

@media (min-width:768px) {
  .modal_interest .checkbox_sd {
    margin: 0 -3px;
  }
}

@media (min-width:768px) {
  .modal_interest .checkbox_sd li {
    padding: 0 3px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin: 0 0 6px 0;
  }
}

.modal_interest .checkbox_sd li + li {
  margin-top: 7px;
}

@media (min-width:768px) {
  .modal_interest .checkbox_sd li + li {
    margin: 0;
  }
}

.modal_interest .checkbox_sd li label {
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  display: block;
  padding: 0;
}

  .modal_interest .checkbox_sd li label input:checked + span {
    background: #615e99;
    color: #fff;
  }

    .modal_interest .checkbox_sd li label input:checked + span small {
      color: #fff;
    }

    .modal_interest .checkbox_sd li label input:checked + span i {
      color: #615e99;
      border-color: #615e99;
    }

  .modal_interest .checkbox_sd li label > span {
    display: block;
    padding: 0 55px 0 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #615e9b;
    position: relative;
    height: 90px;
  }

    .modal_interest .checkbox_sd li label > span > strong {
      display: block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    .modal_interest .checkbox_sd li label > span small {
      font-size: 12px;
      line-height: 18px;
      color: #444444;
      font-weight: 300;
    }

    .modal_interest .checkbox_sd li label > span i {
      border: 1px solid #d2d2d2;
      border-radius: 50%;
      color: #d2d2d2;
      width: 24px;
      height: 24px;
      line-height: 22px;
      text-align: center;
      display: inline-block;
      font-size: 8px;
      position: absolute;
      right: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: #fff;
    }

      .modal_interest .checkbox_sd li label > span i:before {
        width: auto;
        margin: 0;
      }

    .modal_interest .checkbox_sd li label > span:after, .modal_interest .checkbox_sd li label > span:before {
      display: none;
    }

@media (min-width:768px) {
  .modal .box_grey {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.modal .box_grey .lbl, .modal .box_grey label {
  font-size: 16px;
  font-weight: bold;
}

  .modal .box_grey .lbl small, .modal .box_grey label small {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    display: block;
  }

.modal .box_grey + .box_grey {
  margin-top: 10px;
}

.modal .modal-footer .btn-link {
  font-weight: 300;
  color: #898989;
}

.setting_heading {
  margin-bottom: 10px;
}

  .setting_heading h2 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: normal;
  }

@media (min-width:768px) {
  .setting_heading h2 {
    font-size: 24px;
    line-height: normal;
  }
}

.setting_heading p {
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  font-weight: 300;
  margin: 0;
}

@media (min-width:480px) {
  .setting_heading .left {
    float: left;
  }
}

@media (min-width:480px) {
  .setting_heading .right {
    float: right;
  }
}

.setting_heading .search_head {
  position: relative;
}

@media (min-width:480px) {
  .setting_heading .search_head {
    width: 175px;
  }
}

@media (min-width:768px) {
  .setting_heading .search_head {
    width: 295px;
  }
}

.setting_heading .search_head .form-control {
  padding-right: 32px;
}

.setting_heading .search_head button {
  position: absolute;
  right: 1px;
  top: 1px;
  border: 0 none;
  background: #fff;
  height: 32px;
  line-height: 32px;
  width: 32px;
  padding: 0;
  outline: none;
  text-align: center;
}

.ranking > .box label i {
  color: #00a19c;
  font-size: 12px;
}

.ranking > .box .form-group-inline .form-group.fg-left {
  margin: 0;
  width: 165px;
  float: left;
}

.ranking > .box .form-group-inline .form-group.fg-right {
  width: 65px;
  margin-left: 20px;
  float: left;
}

.ranking > .box .criteria {
  background: #f7f7f7;
  padding: 10px;
}

  .ranking > .box .criteria .box {
    margin-bottom: 5px;
    padding: 15px;
    position: relative;
  }

@media (min-width:480px) {
  .ranking > .box .criteria .box {
    padding: 20px 25px;
  }
}

.ranking > .box .criteria .box .btn_remove {
  color: #cccccc;
}

@media (min-width:768px) {
  .ranking > .box .criteria .box .form-group-inline .form-group {
    width: 300px;
    float: left;
  }
}

.ranking > .box .criteria .box .form-group-inline .form-group.fg-left {
  float: left;
  width: calc(100% - 80px);
}

@media (min-width:768px) {
  .ranking > .box .criteria .box .form-group-inline .form-group.fg-left {
    width: 210px;
    margin-left: 10px;
  }
}

.ranking > .box .criteria .box .form-group-inline .form-group.fg-right {
  float: left;
  width: 75px;
  margin-left: 5px;
}

@media (min-width:768px) {
  .ranking > .box .criteria .box .form-group-inline .form-group.fg-right {
    margin-left: 10px;
  }
}

.admin_setting #Tab {
  margin-top: -20px;
}

@media (min-width:991px) {
  .admin_setting #Tab {
    margin-top: 0;
  }
}

.admin_setting .tab-content {
  padding-top: 25px;
}

.admin_setting > .box {
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #eff0f1;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  padding: 15px 15px 0 15px;
}

@media (min-width:480px) {
  .admin_setting > .box {
    padding: 20px 25px 0 25px;
  }
}

.admin_setting > .box .box_control {
  position: absolute;
  right: 15px;
  top: 10px;
}

@media (min-width:480px) {
  .admin_setting > .box .box_control {
    top: 15px;
  }
}

.admin_setting > .box .box_control .btn_remove {
  position: static;
}

.admin_setting > .box .box_control a {
  color: #898989;
  font-size: 14px;
}

.admin_setting > .box .btn_remove {
  font-size: 14px;
  position: absolute;
  right: 15px;
  top: 10px;
}

@media (min-width:480px) {
  .admin_setting > .box .btn_remove {
    top: 15px;
  }
}

.admin_setting > .box .box_foot {
  margin-top: 30px;
  border-top: 1px solid #ededed;
  margin: 30px -15px 0 -15px;
  padding: 15px;
}

@media (min-width:480px) {
  .admin_setting > .box .box_foot {
    margin-left: -25px;
    margin-right: -25px;
    padding: 15px 25px;
  }
}

.admin_setting > .box .box_foot .btn_link {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  line-height: normal;
  color: #00a19c;
}

.admin_setting .add_new a {
  display: block;
  background: #fff;
  padding: 0 15px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #615e99;
}

@media (min-width:480px) {
  .admin_setting .add_new a {
    padding: 0 25px;
  }
}

.admin_setting .add_new a i {
  font-size: 14px;
  right: 15px;
}

@media (min-width:768px) {
  .admin_setting .with_border {
    border-right: 1px solid #e6e6e6;
  }
}

@media (min-width:991px) {
  .admin_setting .with_border {
    padding-right: 30px;
  }
}

.admin_setting .with_border .form-group {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

@media (min-width:768px) {
  .admin_setting .with_border .form-group {
    border: 0 none;
    padding: 0;
    margin: 0;
  }
}

@media (min-width:991px) {
  .admin_setting .with_border + div {
    padding-left: 30px;
  }
}

.admin_setting .search_field {
  position: relative;
}

  .admin_setting .search_field input {
    padding-right: 32px;
  }

  .admin_setting .search_field button {
    position: absolute;
    right: 1px;
    top: 1px;
    border: 0 none;
    background: #fff;
    height: 32px;
    line-height: 32px;
    width: 32px;
    padding: 0;
    outline: none;
    text-align: center;
  }

.grid {
  border: 0 none;
}

  .grid .k-auto-scrollable {
    height: auto !important;
    overflow-y: visible !important;
  }

  .grid .k-grid-toolbar {
    background: #00a19c;
    padding: 10px 15px;
    text-align: right;
  }

    .grid .k-grid-toolbar h5 {
      display: none;
    }

@media (min-width:768px) {
  .grid .k-grid-toolbar h5 {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 18px;
    color: #99cecc;
    margin-right: 20px;
    margin-top: 7px;
  }
}

.grid .k-grid-toolbar .k-button {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0 none;
  text-transform: capitalize;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 0;
  margin: 4px 0 0 10px;
}

  .grid .k-grid-toolbar .k-button:active, .grid .k-grid-toolbar .k-button:focus, .grid .k-grid-toolbar .k-button:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .grid .k-grid-toolbar .k-button .c-icon {
    margin: 0 5px 0 0;
    display: inline-block;
    font-size: 12px;
    color: #fff;
  }

  .grid .k-grid-toolbar .k-button.k-grid-edit .k-icon {
    display: none;
  }

  .grid .k-grid-toolbar .k-button.k-grid-delete, .grid .k-grid-toolbar .k-button.k-grid-edit, .grid .k-grid-toolbar .k-button.k-grid-validate {
    height: 32px;
    line-height: 28px;
    padding: 0 15px;
    border: 2px solid #fff;
    border-radius: 2px;
    float: left;
    margin: 0 5px 0 0;
  }

  .grid .k-grid-toolbar .k-button.k-grid-validate {
    clear: left;
    margin-top: 5px;
  }

@media (min-width:480px) {
  .grid .k-grid-toolbar .k-button.k-grid-validate {
    clear: none;
    margin: 0;
  }
}

.grid .k-grid-toolbar .k-button strong {
  display: none;
}

@media (min-width:768px) {
  .grid .k-grid-toolbar .k-button strong {
    display: inline-block;
    margin-left: 5px;
  }
}

@media (min-width:768px) {
  .grid .k-grid-toolbar .k-button.k-grid-excel {
    margin-left: 25px;
  }
}

.grid table {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  table-layout: fixed;
  max-width: 100%;
  width: 100%;
}

  .grid table .k-grid-header th {
    background: #eff0f1;
    border: 0 none;
    border-right: 1px solid #d9d9da;
    font-size: 12px;
    font-weight: 700;
    color: #898989;
    line-height: 40px;
    height: 40px;
    padding: 0;
  }

    .grid table .k-grid-header th:first-child, .grid table .k-grid-header th:last-child {
      border-right: 0 none;
    }

    .grid table .k-grid-header th:first-child {
      padding-right: 0;
      text-align: right;
    }

    .grid table .k-grid-header th > .k-link {
      padding: 0 15px;
      display: block;
      line-height: 40px;
      height: 40px;
      margin: 0;
      position: relative;
      color: #898989;
    }

      .grid table .k-grid-header th > .k-link .k-icon {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        height: auto;
        font-size: 12px;
        color: #d1d1d1;
        display: block !important;
        text-indent: 0;
      }

        .grid table .k-grid-header th > .k-link .k-icon:before {
          content: '\e844';
          font-family: "skill";
          font-style: normal;
          font-weight: normal;
          speak: none;
          text-decoration: inherit;
          text-align: center;
          font-variant: normal;
          text-transform: none;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          width: auto;
          height: auto;
          position: static;
          display: inline-block;
        }

    .grid table .k-grid-header th.k-sorted {
      background: #ffffff;
      color: #3d3935;
    }

      .grid table .k-grid-header th.k-sorted > .k-link .k-icon {
        color: #3d3935;
      }

  .grid table tbody td {
    border: 0 none;
    border-top: 1px solid #e6e6e6;
    background: #fff;
    font-size: 12px;
    line-height: 18px;
    color: #444444;
    padding: 10px 15px;
    vertical-align: top;
  }

@media (min-width:480px) {
  .grid table tbody td {
    font-size: 14px;
    line-height: 20px;
  }
}

.grid table tbody td .img_badge {
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}

.grid table tbody .check_cell {
  padding: 10px 0 0 0;
  text-align: right;
}

.grid table tbody .badge_name strong {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin-top: 5px;
}

@media (min-width:480px) {
  .grid table tbody .badge_name strong {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    width: calc(100% - 50px);
  }
}

.grid .table-responsive table {
  min-width: 700px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

  .grid .table-responsive table td:first-child, .grid .table-responsive table th:first-child {
    padding-left: 10px;
  }

.grid .k-pager-wrap {
  text-align: center;
  padding: 20px 0;
  background: #f7f7f7;
  font-size: 0;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width:768px) {
  .grid .k-pager-wrap {
    text-align: right;
  }
}

.grid .k-pager-wrap > .k-link {
  float: none;
  border: 0 none;
  background: #fff;
  height: 43px;
  line-height: 43px;
  border-radius: 0;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
  min-width: 43px;
  margin: 0 5px;
  font-size: 14px;
  color: #444444;
}

  .grid .k-pager-wrap > .k-link:active, .grid .k-pager-wrap > .k-link:focus, .grid .k-pager-wrap > .k-link:hover {
    background: #615e99;
    color: #fff;
  }

    .grid .k-pager-wrap > .k-link:active .k-icon, .grid .k-pager-wrap > .k-link:focus .k-icon, .grid .k-pager-wrap > .k-link:hover .k-icon {
      color: #fff;
    }

.grid .k-pager-wrap .k-pager-numbers {
  position: static !important;
  float: none;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin: 0;
}

  .grid .k-pager-wrap .k-pager-numbers li {
    display: block;
    float: none;
    display: inline-block;
    margin: 0;
    height: 43px;
  }

    .grid .k-pager-wrap .k-pager-numbers li > a, .grid .k-pager-wrap .k-pager-numbers li > span {
      float: none;
      border: 0 none;
      background: #fff;
      height: 43px;
      line-height: 43px;
      border-radius: 0;
      -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
      text-align: center;
      min-width: 43px;
      margin: 0 5px;
      font-size: 14px;
      color: #444444;
      padding: 0;
    }

      .grid .k-pager-wrap .k-pager-numbers li > a:active, .grid .k-pager-wrap .k-pager-numbers li > a:focus, .grid .k-pager-wrap .k-pager-numbers li > a:hover {
        text-decoration: none;
        background: #615e99;
        color: #fff;
      }

    .grid .k-pager-wrap .k-pager-numbers li.k-current-page {
      display: none;
    }

  .grid .k-pager-wrap .k-pager-numbers + .k-link {
    margin: 0;
    padding-left: 15px;
    padding-right: 5px;
    display: inline-block;
  }

    .grid .k-pager-wrap .k-pager-numbers + .k-link .k-icon {
      line-height: 43px;
      height: 43px;
      display: inline-block;
      vertical-align: top;
    }

      .grid .k-pager-wrap .k-pager-numbers + .k-link .k-icon:before {
        content: '\f006';
        font-family: "skill";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 43px;
        margin-left: 5px;
        position: static;
        font-size: 14px;
        height: 43px;
        vertical-align: top;
      }

    .grid .k-pager-wrap .k-pager-numbers + .k-link:before {
      content: 'Next';
      display: inline-block;
      font-weight: bold;
    }

.grid .k-pager-wrap .k-pager-first {
  display: none;
}

  .grid .k-pager-wrap .k-pager-first + .k-link {
    padding-right: 15px;
    padding-left: 5px;
    display: inline-block;
  }

    .grid .k-pager-wrap .k-pager-first + .k-link .k-icon {
      line-height: 43px;
      height: 43px;
      display: inline-block;
      vertical-align: top;
    }

      .grid .k-pager-wrap .k-pager-first + .k-link .k-icon:before {
        content: '\f007';
        font-family: "skill";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 43px;
        margin-right: 5px;
        position: static;
        font-size: 14px;
        height: 43px;
        vertical-align: top;
      }

    .grid .k-pager-wrap .k-pager-first + .k-link:after {
      content: 'Previous';
      display: inline-block;
      font-weight: bold;
    }

.grid .k-pager-wrap .k-state-selected {
  color: #cccccc !important;
}

.grid .k-pager-wrap .k-state-disabled {
  display: none !important;
}

  .grid .k-pager-wrap .k-state-disabled:active, .grid .k-pager-wrap .k-state-disabled:focus, .grid .k-pager-wrap .k-state-disabled:hover {
    background: #fff;
  }

  .grid .k-pager-wrap .k-state-disabled .k-icon {
    color: #cccccc !important;
  }

.grid .k-pager-wrap .k-pager-last {
  display: none;
}

.grid .k-pager-info {
  float: left;
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #444444;
  font-weight: 300;
  padding: 0;
}

.k-checkbox + .k-checkbox-label:before {
  width: 14px;
  height: 14px;
  line-height: 14px;
  border: 1px solid #d5d5d5;
  background: #fff;
  border-radius: 1px;
}

.k-checkbox + .k-checkbox-label:active:before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-checkbox:checked + .k-checkbox-label:before {
  content: '\e86e';
  font-family: "skill";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #00a19c;
  background: #00a19c;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  font-size: 8px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  border: 0 none;
}

.k-checkbox:checked + .k-checkbox-label:active:before, .k-checkbox:checked + .k-checkbox-label:focus:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #00a19c;
}

.custom_nodata .k-nodata > div {
  padding: 15px;
}

.custom_nodata .k-nodata .no_item {
  text-align: left;
}

  .custom_nodata .k-nodata .no_item h5 {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 5px;
  }

    .custom_nodata .k-nodata .no_item h5 strong {
      color: #615e99;
    }

  .custom_nodata .k-nodata .no_item p {
    font-size: 14px;
    line-height: 20px;
    color: #444444;
    font-weight: 300;
    text-transform: none;
  }

  .custom_nodata .k-nodata .no_item .form_cta {
    margin: 15px -15px 0 -15px;
    padding: 15px 15px 0 15px;
    border-top: 1px solid #f6f6f6;
  }

    .custom_nodata .k-nodata .no_item .form_cta a {
      display: inline-block;
      vertical-align: middle;
      text-transform: none;
      margin-right: 10px;
      font-size: 12px;
      line-height: 18px;
      color: #898989;
    }

#ModalCreate {
  position: absolute;
  padding: 15px;
}

  #ModalCreate .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
  }

    #ModalCreate .modal-dialog .modal-content {
      height: 100%;
    }

      #ModalCreate .modal-dialog .modal-content .modal-header {
        border: 0 none;
      }

        #ModalCreate .modal-dialog .modal-content .modal-header i {
          position: static;
        }

      #ModalCreate .modal-dialog .modal-content .modal-footer .btn-link {
        font-weight: 300;
        color: #898989;
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
      }

.view_more {
  color: #00a19c;
}

  .view_more:active, .view_more:focus {
    color: #00a19c;
  }

  .view_more + * {
    display: none;
  }

#AddCollection {
  margin-left: 17px;
}

@media (min-width:768px) {
  #AddCollection {
    margin-left: 0;
  }
}

#AddCollection .modal-dialog {
  max-width: 395px;
  margin: 10px auto;
}

  #AddCollection .modal-dialog .modal-content {
    border-radius: 5px;
  }

    #AddCollection .modal-dialog .modal-content .modal-body h4 {
      font-size: 14px;
      line-height: 20px;
      color: #615e99;
      margin: 0 0 10px 0;
    }

    #AddCollection .modal-dialog .modal-content .modal-body .close {
      color: #b4b2da;
      opacity: 1;
      top: 20px;
      right: 20px;
      margin: 0;
      position: absolute;
    }

    #AddCollection .modal-dialog .modal-content .modal-body .box_collection {
      max-height: 215px;
      padding: 15px;
      overflow: auto;
      border: 1px solid #d5d5d5;
      margin-bottom: 10px;
    }

      #AddCollection .modal-dialog .modal-content .modal-body .box_collection h5 {
        font-size: 14px;
        line-height: 20px;
        text-transform: none;
        margin-bottom: 5px;
      }

      #AddCollection .modal-dialog .modal-content .modal-body .box_collection .checkbox_sd {
        margin-bottom: 15px;
      }

        #AddCollection .modal-dialog .modal-content .modal-body .box_collection .checkbox_sd + h5 {
          padding-top: 5px;
        }

        #AddCollection .modal-dialog .modal-content .modal-body .box_collection .checkbox_sd li {
          margin: 0;
        }

          #AddCollection .modal-dialog .modal-content .modal-body .box_collection .checkbox_sd li label {
            padding: 0;
          }

            #AddCollection .modal-dialog .modal-content .modal-body .box_collection .checkbox_sd li label span {
              display: block;
              padding: 3px 10px;
              font-size: 14px;
              line-height: 20px;
              color: #444444;
            }

              #AddCollection .modal-dialog .modal-content .modal-body .box_collection .checkbox_sd li label span:after, #AddCollection .modal-dialog .modal-content .modal-body .box_collection .checkbox_sd li label span:before {
                display: none;
              }

            #AddCollection .modal-dialog .modal-content .modal-body .box_collection .checkbox_sd li label input:checked + span {
              background: #eeeeee;
            }

@media (min-width:768px) {
  #CreateCollection .modal-dialog, #EditCollection .modal-dialog {
    width: 710px;
  }
}

#CreateCollection .modal-header, #EditCollection .modal-header {
  border: 0 none;
}
@media (max-width:767px){
  #personalfatiguestatus{
    height:auto!important;
    position: relative!important;
    margin-top: 20px;
  }
  .progress-label,.button-shift{
    float: none!important;
    width: 100%;
    margin:5px 0;
  }
 
}

@media (min-width:480px) {
  #CreateCollection .modal-header, #EditCollection .modal-header {
    padding: 30px;
  }
}

#CreateCollection .modal-header .close, #EditCollection .modal-header .close {
  color: #aeacd7;
  opacity: 1;
}

@media (min-width:480px) {
  #CreateCollection .modal-header .close, #EditCollection .modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}

#CreateCollection .modal-header h3, #EditCollection .modal-header h3 {
  color: #615e99;
}

#CreateCollection .modal-header p, #EditCollection .modal-header p {
  font-size: 16px;
  line-height: 22px;
  color: #363935;
  margin: 0;
}

@media (min-width:480px) {
  #CreateCollection .modal-body, #EditCollection .modal-body {
    padding: 0 30px 30px 30px;
  }
}

#CreateCollection .modal-body fieldset, #EditCollection .modal-body fieldset {
  background: #f9f9f9;
  padding: 15px;
  margin-bottom: 20px;
}

@media (min-width:480px) {
  #CreateCollection .modal-body fieldset, #EditCollection .modal-body fieldset {
    padding: 30px;
  }
}

@media (min-width:768px) {
  #CreateCollection .modal-body fieldset .k-dropzone, #EditCollection .modal-body fieldset .k-dropzone {
    min-height: 200px;
  }
}

#CreateCollection .modal-body fieldset .k-dropzone .k-upload-button, #EditCollection .modal-body fieldset .k-dropzone .k-upload-button {
  bottom: 100px;
}

#CreateCollection .modal-body fieldset .k-dropzone > em, #EditCollection .modal-body fieldset .k-dropzone > em {
  margin-top: 80px;
}

#CreateCollection .modal-body fieldset .current_image, #EditCollection .modal-body fieldset .current_image {
  margin-top: 20px;
}

@media (min-width:768px) {
  #CreateCollection .modal-body fieldset .current_image, #EditCollection .modal-body fieldset .current_image {
    margin: 0;
  }
}

#CreateCollection .modal-body fieldset .current_image h6, #EditCollection .modal-body fieldset .current_image h6 {
  font-size: 12px;
  line-height: 18px;
  color: #444444;
  text-transform: none;
}

#CreateCollection .modal-body fieldset .current_image img, #EditCollection .modal-body fieldset .current_image img {
  max-width: 50%;
}

@media (min-width:768px) {
  #CreateCollection .modal-body fieldset .current_image img, #EditCollection .modal-body fieldset .current_image img {
    max-width: 100%;
  }
}

#CreateCollection .modal-body .btn_block .btn_link, #EditCollection .modal-body .btn_block .btn_link {
  display: inline-block;
  margin-right: 10px;
  border: 0 none;
  padding: 0;
  vertical-align: middle;
  background: none;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
}

  #CreateCollection .modal-body .btn_block .btn_link.btn_del, #EditCollection .modal-body .btn_block .btn_link.btn_del {
    float: left;
    margin: 10px 0 0 0;
    color: #00a19c;
  }

#RemoveCollection {
  margin-left: 17px;
}

@media (min-width:768px) {
  #RemoveCollection {
    margin-left: 0;
  }
}

#RemoveCollection .modal-dialog {
  max-width: 395px;
  margin: 10px auto;
}

  #RemoveCollection .modal-dialog .modal-content {
    border-radius: 5px;
    overflow: hidden;
  }

    #RemoveCollection .modal-dialog .modal-content .modal-body h3 {
      color: #615e99;
    }

    #RemoveCollection .modal-dialog .modal-content .modal-body p {
      font-size: 14px;
      line-height: 20px;
      color: #444444;
      margin-bottom: 20px;
    }

    #RemoveCollection .modal-dialog .modal-content .btn_block {
      font-size: 0;
      line-height: 0;
    }

      #RemoveCollection .modal-dialog .modal-content .btn_block button {
        width: 50%;
        height: 55px;
        line-height: 55px;
        text-align: center;
        border-radius: 0;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        border: 0 none;
      }

        #RemoveCollection .modal-dialog .modal-content .btn_block button.btn_link {
          font-size: 14px;
          color: #898989;
        }

@media (min-width:768px) {
  #SubmitModal .modal-dialog {
    width: 680px;
  }
}

#SubmitModal .modal-header {
  border: 0 none;
}

@media (min-width:480px) {
  #SubmitModal .modal-header {
    padding: 30px;
  }
}

#SubmitModal .modal-header .close {
  color: #aeacd7;
  opacity: 1;
}

@media (min-width:480px) {
  #SubmitModal .modal-header .close {
    position: absolute;
    top: 15px;
    right: 15px;
  }
}

#SubmitModal .modal-header h3 {
  color: #615e99;
}

#SubmitModal .modal-header p {
  font-size: 16px;
  line-height: 22px;
  color: #363935;
  margin: 0;
}

@media (min-width:480px) {
  #SubmitModal .modal-body {
    padding: 0 30px 30px 30px;
  }
}

#SubmitModal .modal-body fieldset {
  background: #f9f9f9;
  padding: 15px;
  margin-bottom: 20px;
}

@media (min-width:480px) {
  #SubmitModal .modal-body fieldset {
    padding: 30px;
  }
}

#SubmitModal .modal-body fieldset .checkbox_sd > li {
  padding-top: 10px;
  margin: 0;
}

  #SubmitModal .modal-body fieldset .checkbox_sd > li label span {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
  }

  #SubmitModal .modal-body fieldset .checkbox_sd > li label small {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
  }

  #SubmitModal .modal-body fieldset .checkbox_sd > li .share_emails_box {
    margin-left: 25px;
    margin-top: 5px;
    display: none;
  }

    #SubmitModal .modal-body fieldset .checkbox_sd > li .share_emails_box .k-multiselect-wrap .k-button > span:not(.k-select) {
      font-size: 12px;
    }

#SubmitModal .modal-body .btn_block .checkbox_sd {
  text-align: left;
  margin-bottom: 10px;
}

@media (min-width:480px) {
  #SubmitModal .modal-body .btn_block .checkbox_sd {
    float: left;
    margin: 0;
    max-width: 50%;
  }
}

@media (min-width:768px) {
  #SubmitModal .modal-body .btn_block .checkbox_sd {
    margin-top: 10px;
  }
}

#SubmitModal .modal-body .btn_block .btn_link {
  display: inline-block;
  margin-right: 10px;
  border: 0 none;
  padding: 0;
  vertical-align: middle;
  background: none;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
}

  #SubmitModal .modal-body .btn_block .btn_link.btn_del {
    float: left;
    margin: 10px 0 0 0;
    color: #00a19c;
  }

.submission_info > p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

@media (min-width:768px) {
  .submission_info .listing > li {
    width: 100%;
  }
}

@media (min-width:768px) {
  .submission_info .listing > li .box {
    padding: 0 !important;
  }
}

@media (min-width:768px) {
  .submission_info .listing > li .box .text_box {
    padding: 20px 15px;
  }
}

@media (min-width:991px) {
  .submission_info .listing > li .box .text_box {
    position: relative;
    min-height: 105px;
  }
}

@media (min-width:768px) {
  .submission_info .listing > li .box .text_box img {
    float: left;
  }
}

@media (min-width:768px) {
  .submission_info .listing > li .box .text_box .author_box {
    margin-left: 75px;
  }
}

@media (min-width:991px) {
  .submission_info .listing > li .box .text_box .author_box {
    margin: 0;
    right: 220px;
    left: 90px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width:768px) {
  .submission_info .listing > li .box .text_box .action_block {
    position: static;
    clear: none;
  }
}

@media (min-width:991px) {
  .submission_info .listing > li .box .text_box .action_block {
    position: absolute;
    clear: both;
    right: 15px;
    left: auto;
    padding: 0;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.submission_shared > p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}

.submission_shared ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

  .submission_shared ul li {
    padding-left: 25px;
    position: relative;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #444444;
  }

    .submission_shared ul li + li {
      margin-top: 15px;
    }

    .submission_shared ul li i {
      position: absolute;
      left: 0;
      top: 0;
      color: #a7a7a7;
      font-size: 14px;
    }

    .submission_shared ul li small {
      font-weight: 300;
      display: block;
      font-size: 12px;
      line-height: 18px;
      color: #898989;
      margin-top: 5px;
    }

.completed_preview {
  margin-top: 35px;
}

@media (min-width:768px) {
  .completed_preview {
    margin-top: 0;
  }
}

@media (min-width:768px) {
  .completed_preview .listing > li {
    width: 100%;
    max-width: 300px;
  }
}

@media (min-width:768px) {
  .completed_preview .listing > li .box {
    padding: 0 !important;
  }
}

#TemplateTable {
  background: #fff;
  border: 1px solid #eff0f1;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  min-width: 385px;
}

  #TemplateTable .checkbox_sd {
    margin: 0;
  }

    #TemplateTable .checkbox_sd label {
      padding: 0;
      width: 16px;
      line-height: 16px;
    }

  #TemplateTable thead th {
    padding: 10px 15px;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    color: #898989;
    border-bottom: 1px solid #c7c7c7;
    vertical-align: middle;
  }

    #TemplateTable thead th:first-child {
      width: 46px;
    }

    #TemplateTable thead th:last-child {
      min-width: 100px;
    }

  #TemplateTable tbody td {
    padding: 15px;
  }

    #TemplateTable tbody td:first-child {
      width: 46px;
    }

    #TemplateTable tbody td:last-child {
      min-width: 100px;
    }

    #TemplateTable tbody td .box_template {
      padding-left: 40px;
      position: relative;
    }

      #TemplateTable tbody td .box_template img {
        width: 25px;
        height: 25px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 50%;
      }

    #TemplateTable tbody td h5 {
      font-size: 14px;
      line-height: 20px;
      color: #615e99;
      text-transform: none;
      margin-bottom: 5px;
    }

      #TemplateTable tbody td h5 a {
        font-size: 14px;
        line-height: 20px;
        color: #615e99;
      }

        #TemplateTable tbody td h5 a.link_change {
          color: #00a19c;
          font-size: 12px;
          line-height: 18px;
          font-weight: 300;
        }

    #TemplateTable tbody td p {
      font-size: 12px;
      font-weight: bold;
      line-height: 18px;
      color: #444444;
      margin: 0;
    }

.result_head {
  padding: 25px 0 20px;
}

@media (min-width:768px) {
  .result_head h2 {
    max-width: 50%;
    float: left;
    margin: 7px 0 0 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

@media (min-width:991px) {
  .result_head h2 {
    max-width: 40%;
    padding-right: 20px;
  }
}

.result_head .secondary_search {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.11);
  height: 48px;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  position: relative;
  z-index: 10;
}

@media (min-width:768px) {
  .result_head .secondary_search {
    max-width: 50%;
    float: right;
  }
}

.result_head .secondary_search .form-control {
  border-radius: 5px;
  border: 0 none;
  padding: 0 55px 0 10px;
  height: 46px;
  line-height: 46px;
  min-width: 243px;
}

.result_head .secondary_search button {
  background: none;
  padding: 0;
  border: 0 none;
  position: absolute;
  right: 0;
  top: 0;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #00a19c;
  font-size: 20px;
}

@media (min-width:991px) {
  .result_head + #Tab {
    padding-top: 0;
    margin-top: 0;
    position: relative;
  }
}

@media (min-width:991px) {
  .result_head + #Tab .horizontal-scrollable-tabs {
    position: absolute;
    top: -60px;
    margin: 0;
    left: 0;
    right: 0;
  }
}

.media_modal {
  font-size: 0;
  line-height: 0;
}

  .media_modal .modal-content .modal-body {
    padding: 0;
  }

#Audio .modal-dialog {
  max-width: 459px;
}

#Audio .modal-content .modal-body {
  padding: 20px;
}

#Audio audio {
  width: 100%;
}

#Video .modal-dialog {
  max-width: 750px;
}

#Video video {
  width: 100%;
}

#introduction-video .modal-header .close {
  color: #fff;
  font-size: 10px;
  right: 10px !important;
  top: auto !important;
  bottom: -20px;
  z-index: 10;
}

/*css for button kendo*/

.k-button{

}
.k-state-default,
.k-grid .k-grouping-header,
.k-grid-footer td,
.k-grid-header,
.k-grid-header-wrap,
.k-group-footer td,
.k-grouping-row td,
.k-header,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-wrap .k-textbox {
    border-bottom-color: 1px solid #00B1A9;
    height: 34px;
    line-height: 34px;
}

 select.form-control,
input.form-control,
.k-datepicker .k-input,
.k-timepicker .k-input,
.k-numeric-wrap .k-select,
.k-datepicker .k-select,
.k-autocomplete.k-state-default,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default,
.k-gantt-toolbar {
    background: #ffffff !important;
    border: #4e4e4e !important;
    color: #8e8e8e;
    border: 1px solid #dedcdf !important;
    border-radius: 5px;
} 

 /* .k-state-default,
    .k-grid .k-grouping-header,
    .k-grid-footer td,
    .k-grid-header,
    .k-grid-header-wrap,
    .k-group-footer td,
    .k-grouping-row td,
    .k-header,
    .k-pager-wrap,
    .k-pager-wrap .k-link,
    .k-pager-wrap .k-textbox {
        border: #4e4e4e;
        background-color: rgb(31, 31, 31);
    } */

    /* select.form-control,
    input.form-control,
    .k-datepicker .k-input,
    .k-timepicker .k-input,
    .k-numeric-wrap .k-select,
    .k-datepicker .k-select,
    .k-autocomplete.k-state-default,
    .k-dropdown-wrap.k-state-default,
    .k-numeric-wrap.k-state-default,
    .k-picker-wrap.k-state-default,
    .k-gantt-toolbar {
        background: #4e4e4e;
        border: #4e4e4e;
        color: #8e8e8e;
    } */

    .k-grid thead tr {
      height: 80px;
  }

  .k-grid tbody tr:hover{
    background-color: #ebebeb !important;
  }

  .k-grid-header th.k-header,
  .k-edit-form-container .k-edit-buttons {
      background-color:#dedcdf;
      /* color: #FFF; */
      /* color: #999a9c; */
      color: #212121
  }

  .fake-wrap .k-grid-content td {
      /* background: #ffffff; */
      border-bottom: 1px solid #dedcdf;
  }

  

  .k-grid td {
      border-style: none;
      color: #212121;
      border-bottom: 1px solid #d2d2d2 !important;
      line-height: 28px;
      font-size: 11px;
  }

  th[role="columnheader"] {
      color: #999a9c;
  }

  .k-grid-header th.k-header,
  .k-filter-row th {
      border-style: none;
  }

  .k-picker-wrap.k-state-focused .k-input,
  .k-picker-wrap.k-state-hover .k-input {
      background-color: #4e4e4e;
  }

  @media (max-width:768px) {
      .k-link.k-pager-nav {
          max-width: 20px;
          height: 30px;
          padding: 0 4px !important;
          text-align: center !important;
          margin-right: -10px;
      }

      .k-edge .k-pager-numbers .k-current-page .k-link,
      .k-ff .k-pager-numbers .k-current-page .k-link,
      .k-ie11 .k-pager-numbers .k-current-page .k-link,
      .k-safari .k-pager-numbers .k-current-page .k-link,
      .k-webkit .k-pager-numbers .k-current-page .k-link {
          width: 3.8em;
          line-height: 2.564em;
          padding: 0 .429em 0 .8em;
          border-radius: 2px;
          background-image: none;
          background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
          background-image: none, -webkit-linear-gradient(top, false);
          background-image: none, linear-gradient(to bottom, false);
          background-position: 50% 50%;
          background-color: transparent;
          border: none;
          border-top: 0;
          -webkit-box-shadow: none;
          box-shadow: none;
      }
  }

  .k-pager-numbers .k-state-selected {
      background: transparent;
  }

  /* .k-dropdown-wrap.k-state-default {
      color: black;
      background: white;
      height: 34px;
  } */

  .cardholder_panel {
      background: #ffffff;
      color: #8e8e8e;
      padding: 15px;
      border-radius: 0;
      border: none;
      text-transform: uppercase;
  }

  .userHeader {
      margin: 0 -15px;
      height: 250px;
      padding: 30px 30px 0 30px;

  }

  .cardholder_panel label {
      color: #8e8e8e;
      font-size: 11px;
      font-weight: normal;
  }

  .cardholder_panel input {
      background: #4a4742;
      color: #8e8e8e;
      border: none;
  }

  .cardholder_panel br {
      clear: both;
  }

  .cardholder_header {
      height: 50px;
      padding: 16px;
      background: #3d3a35 !important;
      color: #8e8e8e;
      border-color: #4a4742 !important;
  }

  .cardholder_footer {
      background-color: #3d3a35 !important;
      border-color: #4a4742 !important;
  }

  .cardholder_footer button {
      float: right;
      height: 40px;
  }

  .breakline {
      height: 1px;
      background: #4a4742 !important;
  }

  .cardholder_body .editbg {
      background: #4a4742 !important;
      border: none;
      color: #8e8e8e;
      padding: 3px 12px;
      font-size: 11px;
  }

  .cardholder_body p {
      word-break: break-word;
  }

  .cardholder_body .form-group label {
      color: #8e8e8e !important;
  }

  .image-preview {
      width: 150px;
      max-height: 150px;
  }

  .clearn {
      clear: both;
  }

  .fl {
      float: left;
  }

  .user_status {
      background: #00A19C;
      padding: 1px 8px;
  }

  /*
      .currentTab {
        border-bottom: 3px solid;
      } */

  .unSelectedTap {
      border-bottom: none;
      color: #8e8e8e;
  }

  .selectedTap {
      border-bottom: 3px solid;
      color: #8e8e8e;
  }

  .notActive {
      display: none;
  }

  .noBadgeHeader {
      height: 60px;
      background-color: #615E9B;
      color: #8e8e8e;
      margin: 0 -15px;
      padding: 20px 20px 0 15px;
      font-size: 15px;
  }

  .modal textarea {
      background: #ffffff !important;
      border: 1px solid #dedcdf;
      border-radius: 5px;
  }

  #BadgeHolderModal {
      text-transform: uppercase !important;
  }

  .form-group p {
      color: #8e8e8e;
  }      

  .clear-fixed {
      clear: both;
      height: 10px;
  }
  .content label {
      color: #212121;
      font-weight: 300;
      font-size: 12px;
      font-family: 'Inter-Regular', sans-serif !important;
  }
  .bt-right{
    float: right;
    margin-right: 30px;
  }
  .k-grid thead tr {
    height: 40px;
}
div.k-grid-header, div.k-grid-footer{
  /* border-color: #00B1A9; */
  border-color: #e6e6e6;
  border-bottom-width:2px;
}
.k-pager-wrap{
  color: #dedcdf !important;
  font-size: 11px;
  font-weight: 300;
}

.k-pager-numbers .k-state-selected{
  color: #00B1A9 !important;
  font-size: 11px;
  font-weight: 300;
  border-color: #00B1A9 transparent transparent;
}

.k-grid-pager .k-link, .k-grid-pager .k-link:link{
  color: #dedcdf !important;
  font-size: 11px;
  font-weight: 300;
}
.md-add{
  color: #8e8e8e;
  text-transform: uppercase;
  font-size: 11px;
}
.nominate-search{
  padding: 0 60px;
}
.nominate-search h3{
  text-transform: uppercase;
  font-size: 11px;
  color: #8e8e8e;
}
.nominate-search small{
  color: #8e8e8e;
  font-size: 11px;
}
.ns-user-bt{
  height: 35px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}
.ns-user-input{
  width: 100%;
  height: 35px;
  color:#8e8e8e;
  width: 100%;
  height: 35px;
  border: 1px solid #d2d2d2;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.pd-0{
  padding: 0 !important;
}
.mg-0{
  margin: 0 !important;
}
.disabledFocal {
  pointer-events: none;
  opacity: 0.4;
}

#mnCompany .textbox__placeholder{
  font-size: 11px;
  color: #8e8e8e;
}
#mnCompany .select .textbox__label{
  z-index: 10;
  color: #028482;
  font-size: 12px;
  padding: 0;
  margin: 0;
}
#mnCompany .select .select__selectable{
  font-size: 11px;
  color: #8e8e8e;
}
.font-default{
  font-size: 11px;
  font-weight: 300;
  /* color: #8e8e8e; */
  color: #212121
}

.k-grid-norecords{
  color: #8e8e8e;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
}
.acm-space-20{
  margin-top: 20px;
}
#acmreports .k-button,#acmreports .k-header{
  color: #8e8e8e !important;
  font-weight: 300;
  font-size: 11px;
}
#acmreports .k-footer-template td{
  color: #8e8e8e !important;
  font-weight: 300;
  font-size: 11px;
}
#acmreports .k-picker-wrap.k-state-default input{
  border: 0px !important;
  font-size: 11px;
  columns: #8e8e8e;
}

#acmreports .k-picker-wrap.k-state-default>.k-select{
  border:0px !important;
}
.k-grid tr.k-state-selected:hover td{
  background: #ffffff !important;
}
.k-grid tr.k-state-selected td{
  background: #ffffff;
}
.disabled {
  pointer-events: none;
  opacity: 0.4;
}
#main form{
  font-size: 11px;
  color: #8e8e88;
  font-weight: 300;
}
#main input.k-textbox, input.k-textbox:hover{
  height: 34px;
  border: 1px solid #dedcdf;
  border-radius: 5px;
}
#main .k-numeric-wrap .k-input, #main .k-datepicker .k-input{
  font-size: 11px;
  color: #8e8e88;
  font-weight: 300;
  border: 0 !important;
}
#main .k-picker-wrap.k-state-default>.k-select {
  border: 0 !important;
}



.demobox {
  /* background-color: #00FFFF; */
  background-image: linear-gradient(#38B09D,#028482);
  padding: 10px;
  height: 120px;
  /* border: 1px solid green; */
  border-radius: 5px;
}

h3{
  color: white;
  font-weight: bold;
  padding-top:0px;
  /* font-size: 72px; */
}

#container {
  max-width: 100%;
  min-width: 320px;
  /* height: auto !important; */
}

/* svg:not(:root) {
  overflow: hidden;
  height: 500px !important;
} */

.highcharts-background {
  width: 100%
}

#breachedemployeetypecharts .highcharts-legend-item .highcharts-point {
  y: 2;
}

#bottom-title-legend-breachedchart.bottom-title-legend {
  top: -35px;
  text-align: right;
  position: relative;
}

@media (max-width: 768px) {
  #top-title-legend-breachedchart.top-title-legend {
    font-size: 8px;
    font-weight: bold;
    position: relative;
    padding-left: 10px;
    top: 95px;
    z-index: 99;
  }
}

@media (max-width: 767px) {
  #top-title-legend-breachedchart.top-title-legend {
    font-size: 8px;
    font-weight: bold;
    position: relative;
    padding-left: 10px;
    top: 101px;
    z-index: 99;
  }

  #bottom-title-legend-breachedchart.bottom-title-legend {
    top: -25px;
    text-align: right;
    position: relative;
  }
}

.highcharts-credits {
  display: none
}

.fontLabel {
  font-size: 14px;
  margin-bottom: 10px;
}

.fontLabelColor {
  font-size: 14px;
  margin-bottom: 10px;
  color: burlywood;
  float: right;
}
.report-tt{
  font-size: 20px;
  color: #ffffff;
  font-weight: 900;
}
.report-tt-right{
  font-size: 50px;
  float: right;
  margin-top: 18px;
  color: #ffffff;
  font-weight: 900;
}
.content-wrap-report {
  background: #ffffff;
}

.dark-bg-report {
  background: #ffffff;
  min-height: 150px !important;
  padding: 0 10px;
  margin: 0 30px;
}

.card-table-wrap-report {
  /* background:#272727 ; */
  background: #ffffff;
  padding: 0px 15px;
  margin: 15px 0;
}
.up-search-form-report {
  padding: 0px 10px 10px 10px;
}

.required {
  color: red;
}
.header-popup{
  padding:0 !important;
  border: 0 !important;
}
.clear-1{
  clear: both;
  height: 1px;
}
.close-modal{
  margin-top: 5px !important;
  margin-right: 10px;
}
#CompanyProfileModal .modal-header{
  padding: 0px !important;
}
.cl-bt{
  /* border-bottom: 2px solid #00B1A9 !important; */
  color: #8e8e8e !important;
  font-size: 11px !important;
  font-weight: 300 !important;
}
.text-header-customer-current{
  border-bottom: 2px solid #00B1A9;
}
.text-header-customer-current button{
  color: #00B1A9 !important;
  font-size: 13px !important;
  font-weight: 300 !important;
}
.labelbackground {
  padding: 6px;
  font-weight: bold;
  font-size: 11px;
  background-color: #FFBE4F;
  text-align: center;
  border-radius: 99em;
  color: white;
}
.visitor-fixed{
  height: 600px;
}

.btn.btn-pet {
  position: relative;
  left: 15px;
  bottom: 5px;
  padding: 5px 10px;
  border-radius: 18px;
  min-width: 100px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 12px;
}

.btn-upload {
  position: absolute;
  bottom: 6px;
  left: 50%;
  height: 36px;
  margin: 15px 10px !important;
}

.btn-pet-primary {
  background-color: #00a19c;
  color: #fff;
}

.selectFile {
  margin-right: 5px;
  transform: rotate(44deg);
  font-size: 20px;
}
.navbar-2{
    border: 3px solid #d2d2d2;
    padding: 5px;
    margin: 10px !important;
    border-radius: 5px;
}
.type-data.type-live {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.type-data {
  display: inline-block;
  background: #9dd021;
  color: #fff;
  padding: 3px 10px;
  border-radius: 5px;
  margin-left: 10px;
  vertical-align: top;
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
}

.k-icon.k-i-sort-asc-sm,.k-grid-header .k-i-sort-desc-sm{
  color: gray !important;
  font-size: 14px !important;

}


@keyframes glowing {
  0% {
      background-color: rgb(203, 210, 80);
      box-shadow: 0 0 3px rgb(203, 210, 80);
  }

  50% {
      background-color: rgb(203, 210, 80);
      box-shadow: 0 0 40px yellow;
  }

  100% {
      background-color: rgb(203, 210, 80);
      box-shadow: 0 0 3px yellow;
  }
}