/* .video iframe { width: 100% !important; height: 380px !important } */

.language-switch {

    max-height: 300px;

    overflow: auto;

}

.device-container{ max-width: 100% !important; }

.ct-golden-section:before{padding-bottom:0}

.btn-window.btn-window2 {

    right: 46px;

    text-align: center;

    border-top-right-radius: 11px;

}

.cursor-pointer{

    cursor: pointer;

}

.wallet-toggle .tog{font-size: 12px}

[copyToClipboard]{

    cursor:pointer;

}



.table-0 td, .table-0 th{

    border: 0 !important;

    border-top: 1px solid #dee2e6 !important;

    vertical-align: top;

}

.jssocials-share-link{border-radius: 3px !important}

.jssocials-share-logo{font-size: 14px !important}

.detail-tr{display: none;}

.fileUpload {

    position: relative;

    overflow: hidden;

    margin: 10px;

}

.fileUpload input.upload {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    padding: 0;

    font-size: 20px;

    cursor: pointer;

    opacity: 0;

    filter: alpha(opacity=0);

}

span.fancytree-icon {display: none;}#tree{overflow:hidden}

#tree { border-collapse: unset; }

.table-responsive { border: none; }

.user-avtar-tree { width: 40px;display: block;    margin: 0 auto; }

#txt_name {

    padding: 5px;

    width: 300px;

    background: #fff;

    border: solid 1px #ddd;

    margin: 7px 5px 5px 8px;

}



.ct-golden-section:before{padding-bottom:0}

.wallet-toggle .tog{font-size: 12px}

.detail-tr{display: none;}

table{

    border-collapse: collapse !important;

}









.wallet-table tr.main-tr.recurring td,.wallet-table tr.action-tr.recurring td {

    background: #ebf2f7;

}

.wallet-table tr.main-tr td {

    padding-bottom: 0 !important;

}

.wallet-table tr.main-tr td:first-child{

  border-bottom: #6c757d solid;

}

.wallet-table tr.action-tr td {

    padding-top: 0 !important;

    border-top: none;

}

.wallet-table ul.wallet-ips {

  border: none;

  padding: 0;

  margin: 0;

}

.radio label,.radio-inline label,label.radio-inline {

    font-weight: normal !important;

}







.form-image-group label {

    display: block;

}



.form-image-group > div {

    display: block;

    max-width: 200px;

}



.form-image-group .fileUpload,.form-image-group .fileUpload:hover{

    width: 100%;

    margin: 0;

    background: #ddd;

    border-radius: 0;

    border-color: #ddd;

    color: #676767;

}



.form-image-group img {

    border: solid 1px #ddd;

    border-radius: 5px;

    width: 100%;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

fieldset.custom-design {

    width: 100%;

    font-family: Arial, sans-serif;

    padding: 10px !important;

    border-radius: 3px;

    border: 2px solid #eee;

}

fieldset.custom-design:hover {

    border-color:#adabab;

}

fieldset.custom-design legend {

    font-weight: 500;

    font-family: "Roboto", sans-serif;

    font-size: 14px;

    width: auto;

    padding: 0 7px;

}

.category-container {}



.category-container ul.category-selected {

    margin: 0;

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    border-radius: 3px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);



    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.category-container input {

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

#priview-table {

    margin-top: 8px;

}



.popup-gallery {

    position: relative;

    width: 120px;

    height: 120px;

    overflow: hidden;

    float: left;

    border: solid 2px #ddd;

    border-radius: 3px;

    padding:5px;

    margin-right: 5px;

    margin-bottom:  5px;

}



.popup-gallery img {

    width: 100%;

    height: 100%;

    margin: 0 auto;

}



.popup-gallery span.delete_item {

    position: absolute;

    right: 0;

    top: 0;

    background: red;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border-radius: 50%;

    cursor: pointer;

    color: #fff;

}



.sh{

    display: -webkit-flex;

    -webkit-flex-wrap: wrap;

    display: -ms-flexbox;

    -ms-flex-wrap: wrap;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

}









.chat-card{

  padding: 0;

  background: #eee;

}

ul.comment-products {

    padding: 0;

    list-style: none;

    height: 200px;

    overflow: auto;

    margin: 0;

    border-bottom: solid 1px #ddd;

    /* background-color: white; */

    padding: 10px 0;

}



ul.comment-products li.me {

    float: right;

}



ul.comment-products li.other {

    float: left;

}



ul.comment-products li.other  > div{

   text-align: left;

   background-color: #48b0f7;

   color: #fff;

   position: relative;

   margin-left: 10px;

}



ul.comment-products li.me > div {

    text-align: right;

    background-color: #fff;

    float: right;

    position: relative;

    margin-right: 10px;

}



ul.comment-products li:after {content: '';display: table;clear: both;}



ul.comment-products li {

    display: block;

    width: 100%;

    margin-bottom: 10px;

    

    font-size: 13px;

    padding: 0px 8px;

}



ul.comment-products li > div{

    padding: 5px 10px;

    display: inline-block;

    border-radius: 3px;

}



ul.comment-products::-webkit-scrollbar {

  width: 6px;

}

 

ul.comment-products::-webkit-scrollbar-track {

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}

 

ul.comment-products::-webkit-scrollbar-thumb {

  background-color: darkgrey;

  outline: 1px solid slategrey;

}



ul.comment-products li.me > div:after {

  content:"";

  position:absolute;

  width:0px;

  height:0px;

  border: 8px solid;

  border-color: transparent transparent transparent #ffffff;

  right: -16px;

  top: 25%;

}

ul.comment-products li.other > div:after {

  content:"";

  position:absolute;

  width:0px;

  height:0px;

  border: 8px solid;

  border-color: transparent #48b0f7 transparent transparent;

  left: -16px;

  top: 25%;

}

.chat-card textarea {

    border-radius: 0;

    resize: none;

}





.comm-group {

    display: table;

    width: 100%;

}



.comm-group > div {

    display: table-cell;

    width: 50%;

}



.comm-group > div input {

    border-radius: 0;

}



.comm-group > div .input-group-prepend span {border-radius: 0;}

.badge.badge-yellow {

    background-color: #FFEB3B;

}









.file-upload-wrapper-container > div {

    display: flex;

}



.file-upload-wrapper-container .info-btn {

    background: #00bdff;

    width: 40px;

    height: 40px;

    line-height: 37px;

    text-align: center;

    border: none;

    border-radius: 50%;

    margin-left: 11px;

    margin-top: 8px;

    color: #fff;

    cursor: pointer;

    display: block;

    border: solid 3px #55c8f1;

}







 .progressbar-container {

      width: 100%;

      margin: 0 auto;

      max-width: 700px;

          margin-bottom: 20px;

  }

  .progressbar {

      counter-reset: step;

      margin: 0;

      padding: 0;

  }

  .progressbar li {

      list-style-type: none;

      width: 50%;

      float: left;

      font-size: 12px;

      position: relative;

      text-align: center;

      text-transform: uppercase;

      color: #7d7d7d;

      z-index: 9;

  }

  .progressbar li:before {

      width: 30px;

      height: 30px;

      content: counter(step);

      counter-increment: step;

      line-height: 30px;

      border: 2px solid #7d7d7d;

      display: block;

      text-align: center;

      margin: 0 auto 10px auto;

      border-radius: 50%;

      background-color: white;

      z-index: 9;

      position: relative;

  }

 

.progressbar li span.pline {

    position: absolute;

    width: 100%;

    background: #7d7d7d;

    height: 2px;

    top: 25%;

    left: 50%;

    z-index: 0;

}

.progressbar-container:after {content: "";display: table;clear: both;}

.step-container {

    max-width: 700px;

    margin: 0 auto;

}

.progressbar li.active span.pline {

    /*background: #55b776;*/

}

.progressbar li:last-child span.pline {

      display: none;

  }

  .progressbar li.active {

      color: #55b776;

      font-weight: 500;

  }

  .progressbar li.active:before {

      border-color: #55b776;

  }

  .progressbar li.active + li:after {

      background-color: #55b776;

  }



.step-container .card-body {

    min-height: 300px;

    padding: 50px 0;

}



.step-container .card-body .step-action {

    position: absolute;

    bottom: 0;

    padding: 20px;

    width: 100%;

}



.step-container .step-body svg {

  width : 100px;

  height: 100px;

  /* position: absolute; */

  top: 50px;

  left: 50%;

  margin-left: -50px;

  margin: 0 auto;

  text-align: center;

}





.step-container .step-body svg.animate path {

  animation: dash 0.75s linear both;

  animation-delay: 0.5s;

}



@keyframes dash {

  0% { stroke-dashoffset: 210; }

  75% { stroke-dashoffset: -220; }

  100% { stroke-dashoffset: -205; }

}





.form {

  width: 400px;

}



.file-upload-wrapper-container {

  max-width: 500px;

  width: 100%;

  margin: 0 auto;

}

.file-upload-wrapper {

  position: relative;

  width: 100%;

  height: 60px;

  background: #eee;

  

}

.file-upload-wrapper:after {

  content: attr(data-text);

  font-size: 18px;

  position: absolute;

  top: 0;

  left: 0;

  background: #eee;

  padding: 10px 15px;

  display: block;

  width: calc(100% - 40px);

  pointer-events: none;

  z-index: 20;

  height: 40px;

  line-height: 40px;

  color: #999;

  border-radius: 5px 10px 10px 5px;

  font-weight: 300;

}

.file-upload-wrapper:before {

  content: 'Browse';

  position: absolute;

  top: 0;

  right: 0;

  display: inline-block;

  height: 60px;

  background: #4daf7c;

  color: #fff;

  font-weight: 700;

  z-index: 25;

  font-size: 16px;

  line-height: 60px;

  padding: 0 15px;

  text-transform: uppercase;

  pointer-events: none;

  border-radius: 0 5px 5px 0;

}

.file-upload-wrapper:hover:before {

  background: #3d8c63;

}

.file-upload-wrapper input {

  opacity: 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 99;

  height: 40px;

  margin: 0;

  padding: 0;

  display: block;

  cursor: pointer;

  width: 100%;

}







.step-action .btn {

    padding: 13px 40px;

}

.step-loading {



    background: rgba(0,0,0,.5);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 999;

    padding-top: 17%;

    display: none;

}

.step-container.loading .step-loading{

  display: block;

}

.loader-div,

.loader-div:after {

  border-radius: 50%;

  width: 5em;

  height: 5em;

}

.loader-div {

  margin: 0 auto;

  font-size: 10px;

  position: relative;

  text-indent: -9999em;

  border-top: 0.6em solid rgba(255, 255, 255, 0.2);

  border-right: 0.6em solid rgba(255, 255, 255, 0.2);

  border-bottom: 0.6em solid rgba(255, 255, 255, 0.2);

  border-left: 0.6em solid #f2f5f7;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-animation: load8 1.1s infinite linear;

  animation: load8 1.1s infinite linear;

}

@-webkit-keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes load8 {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}





.progress-w {

    max-width: 500px;

    width: 100%;

    margin: 0 auto;

    background: #eee;

    height: 20px;

    display: none;

}

.progress-w-bar {

  float: left;

    width: 0;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    background-color: #337ab7;

    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);

    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);

    -webkit-transition: width .6s ease;

    -o-transition: width .6s ease;

    transition: width .6s ease;

  width: 0;

  -webkit-animation: progress-w 1.5s ease-in-out forwards;

          animation: progress-w 1.5s ease-in-out forwards;





}

.progress-w-bar .title {

  opacity: 0;

  -webkit-animation: show 0.35s forwards ease-in-out 0.5s;

          animation: show 0.35s forwards ease-in-out 0.5s;

}



@-webkit-keyframes progress-w {

  from {

    width: 0;

  }

  to {

    width: 100%;

  }

}



@keyframes progress-w {

  from {

    width: 0;

  }

  to {

    width: 100%;

  }

}

@-webkit-keyframes show {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes show {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}







.jssocials-shares {

  white-space: nowrap;

}

.wallet-status-switch{display: flex;}







#model-adminpassword {}



#model-adminpassword .form-group {

    margin-bottom: 0;

}

#model-adminpassword .modal-footer{

  justify-content: center;

}



#model-adminpassword .form-group label {

    display: block;

    text-align: left;

    margin-bottom: 0;

    margin-top: 20px;

}



#model-adminpassword .form-group input {

    width: 100%;

    padding: 2px 10px;

    font-size: 28px;

    border: solid 2px #ddd;

}



#model-adminpassword .password-alert {

    color: red;

}



.frmb.stage-wrap li {

    border: solid 1px #ddd;

    border-radius: 0;

    padding: 9px !important;

    margin: 14px 10px !important;

}



div#build-wrap {

    border: none;

}





[data-tip] {

  position:relative;



}

[data-tip]:before {

  content:'';

  /* hides the tooltip when not hovered */

  display:none;

  content:'';

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-bottom: 5px solid #1a1a1a; 

  position:absolute;

  top:30px;

  left:35px;

  z-index:8;

  font-size:0;

  line-height:0;

  width:0;

  height:0;

}

[data-tip]:after {

  display:none;

  content:attr(data-tip);

  position:absolute;

  top:35px;

  left:0px;

  padding: 2px 9px;

  background:#1a1a1a;

  color:#fff;

  z-index:9;

  font-size: 0.75em;

  height: 24px;

  line-height: 23px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  white-space:nowrap;

  word-wrap:normal;

}

[data-tip]:hover:before,

[data-tip]:hover:after {

  display:block;

}

.integration-modules .integration-modules-list{ margin-bottom: 10px }

.integration-modules .integration-modules-list img { height: 116px; }

.note-editable p {

  margin: 0

}



.radio.status-radio label input {

    float: left;

}



.radio.status-radio label span {

    float: left;

    margin-top: 2px;

    margin-left: 3px;

}

.fileUpload-gallery img{

    width: 100px;

    height: 100px;

    border: solid 2px #ddd;

    padding: 2px;

    margin: 5px;

}

.code-share-.jssocials {

    white-space: nowrap;

}



.commission-tr{

  width: 250px;

  white-space: nowrap;

}



pre::-webkit-scrollbar {

    width: 0.5em;

}

 

pre::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);

}

 

pre::-webkit-scrollbar-thumb {

  background-color: darkgrey;

  outline: 1px solid slategrey;

}



.no-wrap{

  white-space: nowrap;

}

button[disabled] {

  cursor: not-allowed !important;

}

.change-history h2 {

    font-family: inherit;

    font-weight: normal;

    line-height: 1.4;

    margin: 2rem 0 1rem;

    font-size: 1.4rem;

}

.change-history h2:first-child{

    margin-top:0;

}



.change-history ul li {

    padding-left:0;

    font-size: 16px;

}



.change-history > div.frame {

    border: 2px #28D3AB dashed;

    padding: 0;

    margin-top: 30px;

    margin-bottom: 40px;

    border-radius: 4px;

}





.change-history > div.frame h2 {

    border-bottom: 2px #28D3AB dashed;

    padding: 12px 20px;

    color: #28D3AB;

    font-size: 17px;

}



.license-details .data-row > label {

    font-size: 12px;

    line-height: normal;

    font-weight: 600;

    text-transform: uppercase;

    color: #9c9c9c;

    display: block;

    letter-spacing: 1px;

}



.license-details .data-row > span {

    font-size: 15px;

    line-height: normal;

    text-transform: capitalize;

    letter-spacing: normal;

    font-weight: normal;

    color: rgb(0, 0, 0);

    display: block;

}



.license-details .code {

  text-transform: uppercase !important;

    letter-spacing: 0.5px !important;

    font-size: 16px !important;

    color: #6672e5 !important;

    font-weight: bold !important;

    font-family: monospace !important;

}

.license-details .data-row {

    margin-bottom: 20px;

}



.wallet-popover{

  cursor: pointer;

}

.user-avatar {

    width: 2rem;

    height: 2rem;

    line-height: 2rem;

    border-radius: 50%;

    display: inline-block;

    background: #ced4da no-repeat center/cover;

    position: relative;

    text-align: center;

    color: #868e96;

    font-weight: 600;

    vertical-align: bottom;

    font-size: .875rem;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.dataTables_wrapper table.dataTable{

  margin-top:0 !important; 

}

.dataTables_wrapper table.dataTable th{

  border-top: none;

}



.new-card {

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

  position: relative;

  margin-bottom: 1.5rem;

  width: 100%;



  position: relative;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-direction: column;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: border-box;

  border: 1px solid rgba(0, 40, 100, 0.12);

  border-radius: 3px;

}





.new-card .card-body {

  -ms-flex: 1 1 auto;

  flex: 1 1 auto;

  margin: 0;

  padding: 1.5rem 1.5rem;

  position: relative;

  padding-bottom: 0;

}

.new-card .card-footer,

.new-card .card-bottom {

  padding: 1rem 1.5rem;

  background: none;

}



.new-card .card-footer {

  border-top: 1px solid rgba(0, 40, 100, 0.12);

  color: #6e7687;

}



.new-card .card-header {

  background: none;

  padding: 0.5rem 1.5rem;

  display: -ms-flexbox;

  display: flex;

  min-height: 3.5rem;

  -ms-flex-align: center;

  align-items: center;

}



.new-card .card-header .card-title {

  margin-bottom: 0;

  margin: 0;

}



.new-card .card-header.border-0 + .card-body {

  padding-top: 0;

}



.new-card .card-title {

  font-size: 1rem;

  line-height: 1.2;

  font-weight: 500;

  margin-bottom: 1.5rem;

}





.new-card .card-title small,

.new-card .card-subtitle {

  color: #9aa0ac;

  font-size: 0.875rem;

  display: block;

  margin: -.75rem 0 1rem;

  line-height: 1.1;

  font-weight: 400;

}





.new-card .card-options {

  margin-left: auto;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-order: 100;

  order: 100;

  margin-right: -.5rem;

  color: #9aa0ac;

  -ms-flex-item-align: center;

  align-self: center;

}



.new-card .card-options .form-control {

    font-size: 13px;

    padding: 7px;

    min-width: 76px;

}



.dataTable .table > tbody > tr > td,

.dataTable .table > tfoot > tr > td,

.dataTable .table > thead > tr > td{

    padding: .75rem;

    vertical-align: middle;

}





@-webkit-keyframes popUp {

  from {

    -webkit-transform: scale(0);

            transform: scale(0);

    opacity: 0;

  }

  to {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 1;

  }

}



@keyframes popUp {

  from {

    -webkit-transform: scale(0);

            transform: scale(0);

    opacity: 0;

  }

  to {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 1;

  }

}

@-webkit-keyframes slideUp {

  from {

    -webkit-transform: translateY(5px);

            transform: translateY(5px);

    opacity: 0;

  }

  to {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

    opacity: 1;

  }

}

@keyframes slideUp {

  from {

    -webkit-transform: translateY(5px);

            transform: translateY(5px);

    opacity: 0;

  }

  to {

    -webkit-transform: translateY(0px);

            transform: translateY(0px);

    opacity: 1;

  }

}

.profile {

  -webkit-animation: popUp ease-in-out 350ms;

  animation: popUp ease-in-out 350ms;

  background: #ffffff;

  border-radius: 4px;

  /* box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.17); */

  margin-top: 40px;

  padding: 28px 30px 30px 35px;

  position: relative;

  width: 100%;

  border: solid 2px #aaaaaa;

}

.profile__account {

  align-self: center;

  display: -webkit-box;

  display: flex;

  -webkit-box-flex: 1;

  flex: 1;

  -webkit-box-pack: end;

  justify-content: flex-end;

  padding-left: 135px;

  height: 49px;

}

.profile__button {

  border-radius: 50px;

  border: 1px solid #000000;

  color: #000000;

  display: block;

  font-size: 13px;

  padding: 10px;

  text-align: center;

  text-decoration: none;

  -webkit-transition: ease-in-out 250ms background, ease-in-out 250ms color;

  transition: ease-in-out 250ms background, ease-in-out 250ms color;

}

.profile__button:hover {

  background: #000000;

  color: #ffffff;

}

.profile__edit {

  -webkit-box-flex: 0;

          flex: none;

  margin-left: 30px;

  width: 140px;

}

.profile__header {

  display: -webkit-box;

  display: flex;

  margin-bottom: 20px;

}

.profile__icon {

  -webkit-box-flex: 0;

          flex: none;

  font-size: 1.5em;

  margin-right: 10px;

  padding-top: 3px;

}

.profile__icon--gold {

  color: #eab100;

}

.profile__icon--blue {

  color: #8faae8;

}

.profile__icon--pink {

  color: #ff86af;

}

.profile__key {

  font-size: 13px;

  font-weight: 400;

  text-align: center;

}

.profile__picture {

  background: #ffffff;

  border-radius: 100px;

  height: 125px;

  position: absolute;

  top: -40px;

  width: 125px;

  border: solid 3px #aaaaaa;

}

.profile__picture:before {

  border-radius: 100px;

  box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.17);

  content: "";

  height: calc(100% + 20px);

  left: -10px;

  position: absolute;

  top: -10px;

  width: calc(100% + 20px);

  z-index: -1;

}

.profile__picture img {

  border-radius: 100px;

  height: 100%;

  width: 100%;

  padding: 3px;

}

.profile__stat {

  -webkit-animation: slideUp ease-in-out 350ms forwards;

          animation: slideUp ease-in-out 350ms forwards;

  border-right: 1px solid #e9e9e9;

  display: -webkit-box;

  display: flex;

  -webkit-box-flex: 1;

          flex: 1;

  -webkit-box-pack: center;

          justify-content: center;

  opacity: 0;

  padding: 10px 4px;

  -webkit-transform: translateY(5px);

          transform: translateY(5px);

}

.profile__stat:last-of-type {

  border-right: none;

}

.profile__stat:nth-child(1) {

  -webkit-animation-delay: 400ms;

          animation-delay: 400ms;

}

.profile__stat:nth-child(2) {

  -webkit-animation-delay: 500ms;

          animation-delay: 500ms;

}

.profile__stat:nth-child(3) {

  -webkit-animation-delay: 600ms;

          animation-delay: 600ms;

}

.profile__stats {

  display: -webkit-box;

  display: flex;

}

.profile__username {

  font-weight: 400;

  margin: 0;

  color: #aaaaaa;

  text-align: right;

}

.profile__value {

  font-size: 28px;

  font-weight: 700;

  text-align: center;

}



.copy-input.input-group input {

    border-right: none;

    vertical-align: middle;

    background-color: #fff;

    background-repeat: no-repeat;

    background-position: right 8px center;

    border: 1px solid #d1d5da;

    border-radius: 3px;

    outline: none;

    box-shadow: inset 0 1px 2px rgba(27,31,35,.075);

}

.copy-input.input-group button {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    background-image: url('./copy.svg');

    background-repeat: no-repeat;

    background-position: center;

    width: 35px;

    background-color: #e9ecef;

    border-color: #d1d5da;

    box-shadow: inset 0 0.25em 0.5em rgba(27,31,35,.15);

    background-size: 20px;

}



.page-title-box .iconify .icon  {

    width: 20px;

    display: block;

    text-align: center;

    margin-right: 4px;

    font-size: 21px;

    line-height: 1;

}

.border-radius-0{

  border-radius: 0 !important;

}

table.details-dtable td {

    padding-left: 10px;

}



.table-status-history td, .table-status-history th {

    padding: .3rem !important;

    font-size: 14px;

}

.with-heading:after {

    content: "";

    position: absolute;

    bottom: -3px;

    width: 50px;

    height: 1px;

    background: #1bbfff;

    left: 1px;

}



.with-heading {

    position: relative;

    margin-bottom: 16px;

}





.plugin-uploader{

    padding: 50px 0;

    text-align: center;

    border: #ddd dotted 2px;

    margin-bottom: 21px;

    background: #F1F1F1;

    display: none;

}

.plugin-uploader .text-help{

  color: #555d66;

  font-size: 18px;

  font-style: normal;

  margin: 0;

  padding: 0;

  text-align: center;

}

.plugin-uploader .contain{max-width: 100%;width: 450px;background: #fafafa;border: 1px solid #ccd0d4;padding: 30px;margin: 30px auto;}

.plugin-uploader .contain:after{

  content:'';

  display: table;

  clear: left;

}

.plugin-uploader .contain > div{

    float: left;

}

.plugin-uploader .contain > div.div-input input{

  padding: 3px 0;

  cursor: pointer;

  font-size: 14px;

  width: auto;

}

.plugin-uploader .contain > div.div-button{}

#wpg-doc .card-header h2 {

    margin: 0;

    font-size: 20px;

}



#wpg-doc .card {

    margin-bottom: 11px;

}