/*================================================================================
	Item Name: Robust - Responsive Admin Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.pagination {
  /*margin: 20px 0;*/
  display: inline !important;
  margin: 0 !important;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
  color: #000;
}

.pagination li > a.active {
  color: #fff;
  cursor: pointer;
  background-color: #000;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #000;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 16.25px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 2px;
          border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
          border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.049999999999999px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 4px;
  font-size: 9.75px;
}
/* ***************************** Clock Digital ********************************* */
.clock {
  /*width:800px; */
  margin:0 auto; 
  padding:10px; 
  border:1px solid #333; 
  color:#fff; 
}
#Date { 
  font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; 
  font-size:12px; 
  text-align:center; 
  /*text-shadow:0 0 3px #fff, 0 0 5px #fff; */
  color: #1ABC9C;
}
ul.date-analog { 
  margin:0 auto; 
  padding:0px; 
  list-style:none; 
  text-align:center; 
}
ul.date-analog li { 
  display:inline; 
  font-size:1.3em; 
  text-align:center; 
  font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; 
  /*text-shadow:0 0 5px #00c6ff; */
  /*text-shadow:0 0 3px #fff, 0 0 5px #fff; */
  color: #1ABC9C;
}

/* Scroll to top */
#buttontotop {
  display: inline-block;
  /*background-color: #FF9800;*/
  background-color: #ba0716;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttontotop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttontotop:hover {
  cursor: pointer;
  background-color: #333;
}
#buttontotop:active {
  background-color: #555;
}
#buttontotop.show {
  opacity: 1;
  visibility: visible;
}
#hours,
#min,
#sec,
#Date
{
  font-size: 1.1em;
}

ul.unstyled li a,
address {
  color: #000
}

ul.unstyled li a:hover{
  color: #6610f2
}

/* Progress Evaluasi Page*/
.design-process-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-height: 100%;
}
.design-process-content h3 {
    margin-bottom: 16px;
}
.design-process-content p {
    line-height: 26px;
    margin-bottom: 12px;
}
.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    /*max-width: 600px;*/
    margin: 20px auto 26px;
    border: none;
    z-index: 0;
}
.process-model li::after {
    background: #e5e5e5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin: 0 auto;
    position: absolute;
    right: 0px;
    top: 33px;
    width: 100%;
    z-index: -1;
}
.process-model li.visited::after {
    background: #D6DA28;
}
.process-model li:last-child::after {
    width: 0;
}
.process-model li {
    display: inline-block;
    width: 25%;
    text-align: center;
    float: none;
}
/*.nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {
    border: none;
    background: transparent;

}*/
.process-model li a {
    padding: 0;
    border: none;
    color: #606060;
}
.process-model li.active,
.process-model li.visited {
    color: #D6DA28;
}
.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
    color: #D6DA28;
}
.process-model li.active p,
.process-model li.visited p {
    font-weight: 600;
    color: #D6DA28;
}
.process-model li i {
    display: block;
    height: 58px;
    width: 58px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 2px solid #e5e5e5;
    line-height: 65px;
    font-size: 25px;
    border-radius: 50%;
}
.process-model li.active i, .process-model li.visited i  {
    background: #fff;
    border-color: #D6DA28;
}
.process-model li p {
    font-size: 14px;
    margin-top: 11px;
}
.process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {
    color: #606060!important;
    font-weight: normal
}
.process-model.contact-us-tab li::after  {
    display: none; 
}
/*.process-model.contact-us-tab li.visited i {
    border-color: #e5e5e5; 
}*/
@media screen and (max-width: 560px) {
  .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }
    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
}
@media screen and (max-width: 380px) { 
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
}

/* Negosiasi Chatting Pembelian Langsung*/
/*@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);*/
  /*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/

  .popup-box {
     background-color: #ffffff;
      border: 1px solid #b0b0b0;
      bottom: 0;
      display: none;
      height: 415px;
      position: fixed;
      right: 100px;
      width: 330px;
      font-family: 'Open Sans', sans-serif;
      z-index: 99999;
  }
  .round.hollow {
      margin: 40px 0 0;
  }
  .round.hollow a {
      border: 2px solid #ff6701;
      border-radius: 35px;
      color: red;
      color: #ff6701;
      font-size: 23px;
      padding: 10px 21px;
      text-decoration: none;
      font-family: 'Open Sans', sans-serif;
  }
  .round.hollow a:hover {
      border: 2px solid #000;
      border-radius: 35px;
      color: red;
      color: #000;
      font-size: 23px;
      padding: 10px 21px;
      text-decoration: none;
  }
  .popup-box-on {
      display: block !important;
  }
  .popup-box .popup-head {
      background-color: #fff;
      clear: both;
      color: #7b7b7b;
      display: inline-table;
      font-size: 21px;
      padding: 7px 10px;
      width: 100%;
       font-family: Oswald;
  }
  .bg-primary {
    background-color: #40576a !important;
  }
  .bg_none i {
      border: 1px solid #ff6701;
      border-radius: 25px;
      color: #ff6701;
      font-size: 17px;
      height: 33px;
      line-height: 30px;
      width: 33px;
  }
  .bg_none:hover i {
      border: 1px solid #000;
      border-radius: 25px;
      color: #000;
      font-size: 17px;
      height: 33px;
      line-height: 30px;
      width: 33px;
  }
  .bg_none {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: medium none;
  }
  .popup-box .popup-head .popup-head-right {
      margin: 11px 7px 0;
  }
  .popup-box .popup-messages {
  }
  .popup-head-left img {
      border: 1px solid #7b7b7b;
      border-radius: 50%;
      width: 44px;
  }
  .popup-messages-footer > textarea {
      border-bottom: 1px solid #b2b2b2 !important;
      height: 34px !important;
      margin: 7px;
      padding: 5px !important;
       border: medium none;
      width: 95% !important;
  }
  .popup-messages-footer {
      /*background: #fff none repeat scroll 0 0;*/
      background: #fff;
      bottom: 0;
      position: absolute;
      width: 100%;
  }
  .popup-messages-footer .btn-footer {
      overflow: hidden;
      padding: 2px 5px 10px 6px;
      width: 100%;
  }
  .simple_round {
      background: #d1d1d1 none repeat scroll 0 0;
      border-radius: 50%;
      color: #4b4b4b !important;
      height: 21px;
      padding: 0 0 0 1px;
      width: 21px;
  }

  .popup-box .popup-messages {
      background: #3f9684 none repeat scroll 0 0;
      height: 285px;
      overflow: auto;
  }
  .direct-chat-messages {
      overflow: auto;
      padding: 10px;
      transform: translate(0px, 0px);
      
  }
  .popup-messages .chat-box-single-line {
      border-bottom: 1px solid #a4c6b5;
      height: 12px;
      margin: 7px 0 20px;
      position: relative;
      text-align: center;
  }
  .popup-messages abbr.timestamp {
      background: #3f9684 none repeat scroll 0 0;
      color: #fff;
      padding: 0 11px;
  }

  .popup-head-right .btn-group {
      display: inline-flex;
    margin: 0 8px 0 0;
    vertical-align: top !important;
  }
  .chat-header-button {
      background: transparent none repeat scroll 0 0;
      border: 1px solid #636364;
      border-radius: 50%;
      font-size: 14px;
      height: 30px;
      width: 30px;
  }
  .popup-head-right .btn-group .dropdown-menu {
      border: medium none;
      min-width: 122px;
    padding: 0;
  }
  .popup-head-right .btn-group .dropdown-menu li a {
      font-size: 12px;
      padding: 3px 10px;
    color: #303030;
  }

  .popup-messages abbr.timestamp {
      background: #3f9684  none repeat scroll 0 0;
      color: #fff;
      padding: 0 11px;
  }
  .popup-messages .chat-box-single-line {
      border-bottom: 1px solid #a4c6b5;
      height: 12px;
      margin: 7px 0 20px;
      position: relative;
      text-align: center;
  }
  .popup-messages .direct-chat-messages {
      height: auto;
  }
  .popup-messages .direct-chat-text {
      background: #dfece7 none repeat scroll 0 0;
      border: 1px solid #dfece7;
      border-radius: 2px;
      color: #1f2121;
  }

  .popup-messages .direct-chat-timestamp {
      color: #fff;
      opacity: 0.6;
  }

  .popup-messages .direct-chat-name {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 0 5px !important;
    color: #fff;
    opacity: 0.9;
  }
  .popup-messages .direct-chat-info {
      display: block;
      font-size: 12px;
      margin-bottom: 0;
  }
  .popup-messages  .big-round {
      margin: -9px 0 0 !important;
  }
  .popup-messages  .direct-chat-img {
      border: 1px solid #fff;
    background: #3f9684  none repeat scroll 0 0;
      border-radius: 50%;
      float: left;
      height: 40px;
      margin: -21px 0 0;
      width: 40px;
  }
  .direct-chat-reply-name {
      color: #fff;
      font-size: 15px;
      margin: 0 0 0 10px;
      opacity: 0.9;
  }

  .direct-chat-img-reply-small
  {
      border: 1px solid #fff;
      border-radius: 50%;
      float: left;
      height: 20px;
      margin: 0 8px;
      width: 20px;
    background:#3f9684;
  }

  .popup-messages .direct-chat-msg {
      margin-bottom: 10px;
      position: relative;
  }

  .popup-messages .doted-border::after {
    background: transparent none repeat scroll 0 0 !important;
      border-right: 2px dotted #fff !important;
    bottom: 0;
      content: "";
      left: 17px;
      margin: 0;
      position: absolute;
      top: 0;
      width: 2px;
     display: inline;
      z-index: -2;
  }

  .popup-messages .direct-chat-msg::after {
      background: #fff none repeat scroll 0 0;
      border-right: medium none;
      bottom: 0;
      content: "";
      left: 17px;
      margin: 0;
      position: absolute;
      top: 0;
      width: 2px;
     display: inline;
      z-index: -2;
  }
  .direct-chat-text::after, .direct-chat-text::before {
     
      border-color: transparent #dfece7 transparent transparent;
      
  }
  .direct-chat-text::after, .direct-chat-text::before {
      -moz-border-bottom-colors: none;
      -moz-border-left-colors: none;
      -moz-border-right-colors: none;
      -moz-border-top-colors: none;
      border-color: transparent #d2d6de transparent transparent;
      border-image: none;
      border-style: solid;
      border-width: medium;
      content: " ";
      height: 0;
      pointer-events: none;
      position: absolute;
      right: 100%;
      top: 15px;
      width: 0;
  }
  .direct-chat-text::after {
      border-width: 5px;
      margin-top: -5px;
  }
  .popup-messages .direct-chat-text {
      background: #dfece7 none repeat scroll 0 0;
      border: 1px solid #dfece7;
      border-radius: 2px;
      color: #1f2121;
  }
  .direct-chat-text {
      background: #d2d6de none repeat scroll 0 0;
      border: 1px solid #d2d6de;
      border-radius: 5px;
      color: #444;
      margin: 5px 0 0 5px;
      padding: 5px 10px;
      position: relative;
  }
/* End Negosiasi Chatting Pembelian Langsung*/

  [type="file"] {
    /* Style the color of the message that says 'No file chosen' */
    color: #878787;
  }
  [type="file"]::-webkit-file-upload-button {
    background: #ED1C1B;
    border: 1px solid #968e96;
    border-radius: 10px;
    color: #000;
    cursor: pointer;
    font-size: 10px;
    outline: none;
    padding: 5px 18px;
    margin-left: 2px ;
    text-transform: uppercase;
    transition: all 1s ease;
    /*background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);*/
    background-color:#ededed;
  }

  [type="file"]::-webkit-file-upload-button:hover {
    background: #fff;
    border: 1px solid #535353;
    color: #000;
  }

  .easyui-combobox + .combo {
    position: relative !important;
    overflow: hidden !important; /* penting */
  }
  .easyui-combobox + .combo:hover {
      border-color: #409eff !important;
  }
  .easyui-combobox + .combo.combo-focused {
      border-color: #409eff !important;
      box-shadow: 0 0 0 3px rgba(64,158,255,.15);
  }

  .easyui-combobox + .combo .combo-text {
      padding-right: 36px !important;
      width: calc(100% - 36px) !important;
  }
  .easyui-combobox + .combo .combo-arrow {
      position: absolute !important;
      right: 6px;
      top: 50%;
      transform: translateY(-50%);
      width: 28px !important;
      height: 28px !important;
      background-image: none !important;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      background: none;
  }
  .easyui-combobox + .combo .combo-arrow::after {
      content: "▼";
      font-size: 12px;
      color: #667085;
      line-height: 1;
  }