.button.is-rounded.p-tb-0{padding: 0px 10px;}
.p-0{padding: 0px!important;}.p-5{padding: 5px!important;}.p-10{padding: 10px!important;}.p-20{padding: 20px!important;}
.pl-0{padding-left: 0px!important;}.pr-0{padding-right: 0px!important;}.pt-0{padding-top: 0px!important;}.pb-0{padding-bottom: 0px!important;}
.pl-1{padding-left: 1px!important;}.pr-1{padding-right: 1px!important;}.pt-1{padding-top: 1px!important;}.pb-1{padding-bottom: 1px!important;}
.pl-5{padding-left: 5px!important;}.pr-5{padding-right: 5px!important;}.pt-5{padding-top: 5px!important;}.pb-5{padding-bottom: 5px!important;}
.pl-4{padding-left: 4px!important;}.pr-4{padding-right: 4px!important;}.pt-4{padding-top: 4px!important;}.pb-4{padding-bottom: 4px!important;}
.pl-10{padding-left: 10px!important;}.pr-10{padding-right: 10px!important;}.pt-10{padding-top: 10px!important;}.pb-10{padding-bottom: 10px!important;}
.pl-20{padding-left: 20px!important;}.pr-20{padding-right: 20px!important;}.pt-20{padding-top: 20px!important;}.pb-20{padding-bottom: 20px!important;}
.pl-30{padding-left: 30px!important;}.pr-30{padding-right: 30px!important;}.pt-30{padding-top: 30px!important;}.pb-30{padding-bottom: 30px!important;}

.ml--5{margin-left: -5px!important;}.mr--5{margin-right: -5px!important;}.mt--5{margin-top: -5px!important;}.mb--5{margin-bottom: -5px!important;}
.ml--10{margin-left: -10px!important;}.mr--10{margin-right: -10px!important;}.mt--10{margin-top: -10px!important;}.mb--10{margin-bottom: -10px!important;}


.ml-0{margin-left: 0px!important;} .ml-3{margin-left: 3px!important;}.mr-0{margin-right: 0px!important;}.mt-0{margin-top: 0px!important;}.mb-0{margin-bottom: 0px!important;}
.ml-5{margin-left: 5px!important;} .mml-5{margin-left: -5px!important;}.mr-5{margin-right: 5px!important;}.mt-5{margin-top: 5px!important;}.mb-5{margin-bottom: 5px!important;}
.ml-10{margin-left: 10px!important;} .mml-10{margin-left: -10px!important;}.mr-10{margin-right: 10px!important;}.mt-10{margin-top: 10px!important;}.mb-10{margin-bottom: 10px!important;}
.ml-20{margin-left: 20px!important;}.mr-20{margin-right: 20px!important;}.mt-20{margin-top: 20px!important;}.mb-20{margin-bottom: 20px!important;}
.ml-30{margin-left: 30px!important;}.mr-30{margin-right: 30px!important;}.mt-30{margin-top: 30px!important;}.mb-30{margin-bottom: 30px!important;}
.ml-40{margin-left: 40px!important;}.mr-40{margin-right: 40px!important;}.mt-40{margin-top: 40px!important;}.mb-40{margin-bottom: 40px!important;}
.ml-21{margin-left: 21px!important;} .mml-21{margin-left: -21px!important;}.mr-21{margin-right: 21px!important;}.mt-21{margin-top: 21px!important;}.mb-21{margin-bottom: 21px!important;}
.ml-26{margin-left: 26px!important;} .mml-26{margin-left: -26px!important;}.mr-26{margin-right: 26px!important;}.mt-26{margin-top: 26px!important;}.mb-26{margin-bottom: 26px!important;}


.m-20{margin: 20px!important;}
.m-10{margin: 10px!important;}
.m-0{margin: 0px!important;}


.b-0{bottom: 0!important;}
.r-0{right: 0!important;}

.d-none{display: none}
.t-align-r{text-align: right;}

#mobile_inbox article:nth-child(odd),
#mobile_notification  article:nth-child(odd),
#mobile_events  article:nth-child(odd),
#mobile_profile ul.menu-list li:nth-child(odd),
.login-page-nav-list li a:nth-child(odd),
#profile_dropdown .dropdown-item ul.menu-list li:nth-child(odd),
#notification_dropdown .dropdown-item article:nth-child(odd),
#calendar_dropdown .dropdown-item article:nth-child(odd),
#message_dropdown .dropdown-item article:nth-child(odd){
  background-color: #e0e0e052;
}

#mobile_inbox .media,
#mobile_notification .media,
#mobile_events .media,
#calendar_dropdown .media,
#message_dropdown .media{
  padding-bottom: 1rem;
  padding-top: 1rem;
  margin-top: 0px;
}

.checkout-payment-button{
  width: 10%;
}
.profile-image-avatar{
  background-repeat: round !important;
  height: 180px;
  width: 180px;
  position: absolute;
  margin-top: 13%;
  margin-left: 5%;
  z-index: 11;
  border: solid white 4px;
  background-color: white;
  background-size: cover;
}

.profile-image-avatar.active::before,
.profile-image-avatar.active::after{
  content: '';
  position: absolute;
  right: -10px;
  width: 20px;
  height: 20px;
  border: 10px solid #00cb00;
  bottom: -10px;
  border-radius: 10px;
}
.profile-image-avatar.active::before{
  border: 13px solid #fff;
  width: 0;
  height: 0;
  bottom: -13px;
  border-radius: 100%;
  left: 159px;
}

@media only screen and (max-width: 764px) {
  .profile-image-avatar::before{
    left: 119px !important;
  }
  .sub-categories-box {
    max-height: 300px!important;
  }
  .mobile-mb-0{
    margin-bottom: 0px!important;
  }
  .fix-on-top{
    position: fixed;
    z-index: 32;
    top: 84px;
    width: 100%;
    margin-left: -12px!important;
    background-color: white;
    border-top: 0!important;
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
  }
  .show-only-mobile{
    display: table!important;
  }
  .checkout-payment-button{
    width: 49%;
  }
  .profile-image-avatar{
    height: 140px;
    width: 140px;
    margin-top: 40% !important;
  }
}

.container.profile-detail{
  margin-top: 110px;
}
.show-only-mobile{
  display: none;
}
.min-h-150{min-height: 150px!important;}
.min-w-350{min-width: 350px!important;}
.min-w-400{min-width: 400px!important;}
.min-w-420{min-width: 420px!important;}
.min-w-380{min-width: 380px!important;}

.border-t-0{border-top: 0;}

.no-cart-image{
  line-height: 3.5;
  width: 70px;
  font-size: 28px;
  height: 70px;
  background-color: #b7b7b7;
  text-align: center;
}

#mobile_cart .no-cart-image,
#shopping_cart_dropdown .no-cart-image,
.checkout-index .no-cart-image{
  line-height: 2.5;
}
.no-cart-image-list{
  line-height: 2;
  width: 100%;
  font-size: 100px;
  height: 200px!important;
  background-color: #b7b7b7;
  text-align: center;
}

.has-icons-left .icon{
  left: 0!important;
}



table.text-center th{
  text-align: center!important;
}

table.full-width{
  width: 100%!important;
}

.full-width{ width: 100%!important; }
.width-50{ width: 49%!important; }

.currency-symbols:before{
  content : "$ ";
}
.currency-symbols{
  white-space: nowrap !important;;
}

table tbody .currency-symbols{
  display: contents;
}
.text-align{text-align: center !important;}

.opraction{
  align-items: center;
  font-size: 17px;
  padding-left: 0.75em;
  padding-right: 0.75em;
}


header .avatar_about{
  height: 50px!important;
  width: 50px!important;
}
.mobile-nav-p-label{
  visibility: unset;
}
.mobile-profile-icon{
  visibility: unset;
}
.modal-image-preview{
  border-radius: 10px;
  max-height: 560px;
}
.briefcase-modal-footer{
  width: 50%;
  text-align: center;
}
.conversation-image-file,.pdf-conversation-image-file{
  width: auto;
  box-shadow: 0px 0px 2px 0.3px;
  border-radius: 6px;
  margin: 2px;
  height: 120px;
}
#conversation_attachments table tbody tr td {
  text-align: center;
}
.attachment-image-thumb{
  width: auto;
  border: solid 2px #dbdbdb;
  border-radius: 5px;
  max-width: 300px;
}
.attachment-image-thumb.extension{
  height: 120px;width: 120px;
}
.card-head-chat-contact-list{
  border-top: 1px solid #a3a3a3;
  background-color: white;
  border-radius: 0px;
  border-bottom: 1px solid #a3a3a3a6
}

.modal-card-body-scroll{
  overflow-y: scroll;
  max-height: 70vh;
}

.border-b{border-bottom: 2px solid rgba(219, 219, 219, 0.5);}
.border-b-2{border-bottom: 2px solid #b4b4b4;}

.message-border{border: 1px solid #909090!important;}

a.bg-theme{color:#4a4a4a;}



.f-u{font-size: unset!important;}
.bg-white{background-color: white!important;}
div.chat-input{border: 0;border-color: white;box-shadow: 0px 0px 0px 0px;}
div.chat-input:focus{border: 0;border-color: white;box-shadow: 0px 0px 0px 0px;}
.contacts-list-user{max-height: 530px;overflow-y: scroll;}

.file-chose-modal-button{
  padding: 20px;
  border-radius: 8px!important;
  font-size: 100%!important;
  margin-bottom: 10px;
  width: 50%;
}
.conversation-load-more-button{
  width: 30%;
  left: 32%;
}
span.chat-header-opponent-status{
  margin-right: -12px !important;
  margin-bottom: -12px;
  height: 15px;
  width: 15px;
}


.type-message-alert{
  position: absolute;
  z-index: 1;
  padding: 7px;
}

img.new-button,a.new-button{
  background-color: transparent!important;
  border: 0px!important;
  border-width: 0px!important;
}


@media only screen and (max-width: 764px) {
  .chat-contact-list-modal{z-index: 28}
  header.chat-contact-list-modal-header{
    min-height: 85px;
    display: unset!important;
  }
  header.original-chat-contact-list{
    border-radius: 0;
    padding: 0px 20px 0px 20px;
  }
}
header.original-chat-contact-list{
  border-top: 2px solid #a3a3a3;
  background-color: white;
}
header.chat-contact-list-modal-header{display: none}

input['placeholder']{
  color:red;
}

.search-icon-background{
    color: #dbdbdb;
    height: 100%!important;
    pointer-events: none;
    position: absolute;
    top: 2px;
    width: 2.25em;
    background-color: #8f0c10;
    z-index: 4;
}
.search-icon-color{color: white}

.input, .textarea {
  border-radius: 0;
  border:1px solid #777777;
}

.contact-list-footer-contact-model{
    width: 50%;
    text-align: center;
}
.modal-footer-sadow{
  box-shadow: 2px 0px 20px 0px;
  border-top: solid 3px #bdbdbd4f;
  border-radius: 0;
}

@media only screen and (max-width: 764px) {
  .contact-list-footer-div{
    display: none;
  }
}
.chat_input_container{margin-top: auto;}
.contact-list-avatar-image{
    border-radius: 290486px;
}
.contact-list-footer{
    width: 100%;
    background-color: #ededed;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 11px;
    text-align: center;
    margin: 0px;
    box-shadow: -10px -1px 20px 0px;
    border-top: solid 3px #bdbdbd4f;
  }

.contact-list-footer-model{

  width: 40%;
  border-top: solid 3px #bdbdbdb3;
  padding-top: 10px;
  text-align: center;
}
.contact-list-footer-image{
  height: 25px;
}
.contact-list-footer-icon{
  visibility: visible;
}


.user-status{
  width: 15px !important;
  height: 15px !important;
  display: inline-block !important;
  border-radius: 100%;
  margin-left: 10px;
  border: solid rgba(241, 241, 241, 0.71) 2px;
}
.user-status-tostar{
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  border-radius: 100%;
  margin: -4px 5px;
  border: solid #f1f1f1b5 3px;
}

.user-status-tostar,
.user-status.inactive{
  background-color: #323232;
}

.user-status-tostar.active,
.user-status.active{
  background-color: #00cb00;
}


ul.dotted{
  list-style-type: disc;
  padding-left: 10px;
}
ul.dotted li{
  padding: 2px;
}
.white-font{ color: white!important;}
.gray-box {
  background-color: #8f0c10;
  padding:10px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 0px 2px 0px #3c3c3c;
}
.gray-box.gray{
  background-color: #929292ad;
}
.profile-avatar-div{
  padding-top: 2%;
}
.carousel__indicators--line{
  max-width: 200px;
}
.gig-detail-post-image {
  min-height: 265px !important;
  max-height: 267px !important;
}
#item_detail_modal .gig-detail-post-image{
  min-height: 195px !important;
}
.f-r{
  float: right!important;
}
.pull-richt-close-button{
  float: right;
  position: relative;
  z-index: 11;
}
.z-index-100{z-index: 11;}
.user_msg,.opponent_msg{background-color: #e0e0e0!important;box-shadow: unset!important;}

@media only screen and (max-width: 764px) {
  .profile-avatar-div{
    padding-top: 8%;
  }
  .carousel--slidable[data-v-6cdedfee],.example-slide,.gig-post-image{
    width: 100%!important;
  }
}

.mobile-avatar-image{height: 60px!important;width: 60px!important;}

.gig-post-image {
    height: 200px !important;
    width: 200px;
}

.user-last-message img{
    height: 41px !important;
    width: 40px !important;
    border: solid 2px #fdfdfd;
    box-shadow: 3px 2px #888;
    overflow-wrap: anywhere !important;
    display: inline-block;
  }

  .is-small {
    font-size: 13px !important;
  }
  .loder-image{
    height: 20px !important;
    position: relative;
    margin-bottom: -7px;
    margin-top: -16px;
  }
  .message-box{
    padding: 5px;
    background-color: white;
    /*border-radius: 5px;*/
    border: 1px solid rgba(0,0,0,0.2);
  }

  .flex-grow-unset{
    flex-grow: unset!important;
    border-radius: 30px;
    margin-left: -3px;
  }

  span.chat-contant-right-arrow{
    padding: 1px;
    margin-left: -3px;
    margin-top: 8px;
    margin-right: -8px;
    border: 13px solid #ffffff;
    border-top-color: #ff1e1e00;
    border-bottom-color: #ff000000;
    border-right-color: #0000ff00;
    z-index: 0;
  }

  span.chat-contant-left-arrow{
    z-index: 0;
    padding: 1px;
    margin-left: -25px;
    margin-top: 13px;
    border: 11px solid #ffffff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin-right: -1px;
    border-left-color: transparent;
  }



.mobile-avtar-count-notification{
  z-index: 1;
  border: solid 2px rgb(255, 255, 255);
  background-color: #8f0c10!important;
  height: 22px!important;
  width: 22px!important;
  text-align: center;
  border-radius: 100%;
  color: white!important;
  margin-top: -13px;
  margin-left: 5px;
}

.contact-list-user-group{
  max-height: 550px;
  overflow-y: scroll;
  padding-left: 5px;
}



.profile-image{
  height: 200px;
  width: 50%;
}
.profile-cover-image{
    height: 200px;
    width: 100%;
}
.navbar-item, .navbar-link,.notify_icon {color: #000000;}
.no-hover:hover{
  background-color:#ffffff!important;
}
.color-black{color: black!important;}

.avtar-web{height: 100% !important;width: auto!important;}


.hero-sec{padding-top: 200px!important;}



.chat-input{width: 93%;}

.chat-sent-button{
  border-radius: 4px !important;
  margin-top: -49px;
  height: 35px;
  padding-left: 8px;
}


.p-top-8{padding-top: 8%!important;}
@media only screen and (max-width: 764px) {
  .hero-sec{padding-top: unset!important;}
  .p-top-10{padding-top: 0%!important;}
  .p-top-8{padding-top: 0%!important;}


  .profile-image{
    height:unset;
    width:unset;
  }

  .profile-cover-image{
    height: unset;
    width: unset;
  }

  .chat-sent-button{
    border-radius: 4px !important;
    margin-top: -50px;
    height: 35px;
    padding-left: 8px;
  }

  .chat-input{width: 85%;}

}

  .p-top-10{padding-top: 10%;}
  .p-all-0{padding:0;}


  .width_100:{width:100%!important;}




body{height: unset!important;}



a.element_1 i,
a.element_2 i,
a.element_3 i{font-size: 23px!important;}
a.element_4 i{margin: 6px 0px 0px 0px;font-size: 25px!important;}
a.element_6 span{margin: 9px 0px 0px 0px;font-size: 22px!important;}
a.element_1 span{margin: 8px 0px 0px 0px;font-size: 22px !important;}

#zoomBtn span{padding: 7px;}

.element_1 {margin-right: -45px;margin-bottom: -30px;}
.element_2 {margin-right: -4px;margin-bottom: 3px;}
.element_3 {margin-right: 4px;margin-bottom: 1px;}
.element_4 {margin-right: -11px;margin-bottom: -27px;}
.element_6 {margin-right: -48px;margin-bottom: -20px;}

.element_6 img{
    height: 26px;
    margin: 5px 2px 0px 1px;
}

.element_1 i{margin: 8px 0px 0px 0px;}
.element_2 i{margin: 6px -1px 0px 0px;}
.element_3 i{margin: 6px 0px 0px 0px;}

.zoom {
  position: fixed;
  bottom: 45px;
  right: 10px;
  height: 100px;
  right: 26.0%;
  z-index: 1;
}
@media only screen and (max-width: 764px) {
  .zoom {
    right: 12.7px;
    height: 100px;
    z-index: 1;
  }
}
.zoom-fab {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 35px;
  border-radius: 50%;
  background-color: #8f0c10;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  transition: .2s ease-out;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
  cursor: pointer;
  color: #fff
}
.zoom-fab:hover {
  background-color: #938d8d;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2)
}
.zoom-btn-large {
  width: 40px;
  height: 40px;
  margin-right: 4px;
  margin-bottom: -31px
}
.zoom-menu {
  padding-right: 6px;
  padding-bottom: 13px;
  position: absolute;
  right: 40px;
  left: auto;
  transform: translateY(-50%);
  list-style: none;
  text-align: right
}
.zoom-menu li {
  display: block;
  margin-right: 5px
}
.zoom-card {
  position: absolute;
  right: 150px;
  bottom: 70px;
  transition: box-shadow .25s;
  padding: 24px;
  border-radius: 2px;
  background-color: #009688;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
  color: #fff
}
.zoom-card ul {
  -webkit-padding-start: 0;
  list-style: none;
  text-align: left
}
.zoom-btn-person {
  background-color: #8f0c10
}
.zoom-btn-person:hover {
  background-color: #938d8d
}
.zoom-btn-doc {
  background-color: #8f0c10
}
.zoom-btn-doc:hover {
  background-color: #938d8d
}
.zoom-btn-tangram {
  background-color: #8f0c10
}
.zoom-btn-tangram:hover {
  background-color: #938d8d
}
.zoom-btn-report {
  background-color: #8f0c10
}
.zoom-btn-report:hover {
  background-color: #938d8d
}
.zoom-btn-feedback {
  background-color: #8f0c10
}
.zoom-btn-feedback:hover {
  background-color: #938d8d
}
.scale-transition {
  transition: transform .3s cubic-bezier(.53, .01, .36, 1.63)!important
}
.scale-transition.scale-out {
  transform: scale(0);
  transition: transform .2s!important
}
.scale-transition.scale-in {
  transform: scale(1)
}

.checkbox-container{display:inline;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.chk-box-checkmark{position:absolute;top:-1px;left:4px;height:25px;width:25px;background-color:#363636a3}.checkbox-container:hover input~.chk-box-checkmark{background-color:#ccc}.checkbox-container input:checked~.chk-box-checkmark{background-color:#8f0c10}.chk-box-checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.chk-box-checkmark:after{display:block}.checkbox-container .chk-box-checkmark:after{left:9px;top:3px;width:8px;height:15px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

.radio-box-container{position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.radio-box-container input{position:absolute;opacity:0;cursor:pointer}.redio-box{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%}.radio-box-container:hover input~.redio-box{background-color:#ccc}.radio-box-container input:checked~.redio-box{background-color:#8f0c10}.redio-box:after{content:"";position:absolute;display:none}.radio-box-container input:checked~.redio-box:after{display:block}.radio-box-container .redio-box:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:white}


.select2-results__option .checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: unset;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}
.chk-box-checkmark {
  position: absolute;
  top: -1px;
  left: 4px;
  height: 25px;
  width: 25px;
  background-color: #363636a3
}
.checkbox-container:hover input~.chk-box-checkmark {
  background-color: #ccc
}
.checkbox-container input:checked~.chk-box-checkmark {
  background-color: #8f0c10
}
.chk-box-checkmark:after {
  content: "";
  position: absolute;
  display: none
}
.checkbox-container input:checked~.chk-box-checkmark:after {
  display: block
}
.checkbox-container .chk-box-checkmark:after {
  left: 9px;
  top: 3px;
  width: 8px;
  height: 15px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.select:not(.is-multiple):not(.is-loading)::after{display:none;}

.theme-gray{
  color: #4a4a4a!important;
}

.briefcase-image-model{
  height: auto!important;
  width: 120px !important;
}

.is-rounded:focus,.input:focus,.select2:focus{
  box-shadow: 0 0 5px #8f0c10;
  border: 1px solid #8f0c10;
}
.portfolio-image-view{height: 430px!important;};
.portfolio-form-model{width:65%!important};
.portfolio-image{height: 150px!important;}
.mobile-avtar-icon{margin-left: -22px;padding-top: 13px;}
.mobile-nav-status{
  padding: 5px;
  margin: 14px 0px 0px 17px;
  left: unset !important;
}
.no-pointer{cursor: default !important;}
.pointer{cursor: pointer !important;}
.alarm-clock{height:35px !important;padding:6px !important;}
.eduction-form-model{width: 100%;padding: 7%; max-height: calc(100vh - 0px);}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #080808d9;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #10ce10;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


.profile-pic-near{
  padding-top: 30px;
}
.no-read{color: #8f0c10 !important;}
.no-read:hover{background-color: #fff;color: tomato !important;}
.read-sms{color: black !important;}
.read-sms:hover{background-color: #fff;color: tomato !important;}
.str-up{font-variant-caps: all-petite-caps;}
.chat-button{
    border-radius: 30px;
    height: 48px;
}

div.select .select2-container{
  width:100% !important;
}

.select2-container--default,.select2-selection--single{
  height: 43px !important;
}
.select2-selection--single .select2-selection__rendered{
  margin-left: 30px !important;
}
.followers {
    font-size: 30px;
    text-align: center;
    padding-top: 22px;
}
.active{color:green;}


.chat-button:hover{
    color:yellow;
}

.f-20{
  font-size: 20px;
}
.notification.is-danger{
  margin-top: 40px;
}
@media only screen and (max-width: 764px) {
  .loader_container {
    left: 40%!important;
    margin-top: -15px;
  }
  .gc_logo{
    width: 200px!important;
    max-height: 50px!important;
  }

  .brifecase-th-table{
    min-width:170px;
  }

  .briefcase-image-model{
      height: 40px !important;
      width: 100% !important;
  }
  .portfolio-image-view{height: 300px!important;};
  .portfolio-form-model{width:100%!important};
  .select2-container{
      width: 285px !important;
  }
  .followers {
      padding-top:0px;
  }
  .active{text-align: center}
  .profile-pic-near{padding-top: 5px;}
  .conversation_container { height: 470px !important;overflow-y: auto; }
  .create-job-title{
      margin-left: 0%;
      border-top: 1px solid;
      width: 100%;
      height: 9%;
      margin-top: 1px;
  }
  #snackbar, #notify_toast {
    min-width: 0px !important;
    margin-left: 0px !important;
    left: 5% !important;
  }

}
.contacts-list-user{
  overflow-y: scroll;
  height: 520px
}


html, body { background: #f9f8f8; }
small { font-size: 12px; }
.btn_theme { background: #8f0c10 !important;color: white !important;}
.btn_theme:hover { background: #0a0a0a; }
.btn_theme_ol { border: 2px solid #8f0c10;color: #8f0c10; }
.btn_theme_ol:hover { background: #8f0c10;border: 2px solid #8f0c10;color: white; }

.btn_green_ol { border: 2px solid #179e17;color: #8f0c10; }
.btn_green_ol:hover { background: #179e17;border: 2px solid #8f0c10;color: white; }

.bg_theme { background: #8f0c10; }
.bg_active {
  background-color: #e0e0e0 !important;
  border-radius: 5px;
  background: rgb(224, 224, 224);
  padding: 5px;
}
.font_theme { color: #8f0c10; }
.text_theme { color: #8f0c10 !important;}
.text_light { color: white; }
.text_bold { font-weight: bold; }
.cursor_pointer { cursor:pointer; }
.cursor_default { cursor: default; }

.gc_divider { border: 1px solid grey; }
.active_tab { border-bottom: 2px solid #8f0c10; }
.is_active { color: #8f0c10; }
#nav_height { height: 46px; }
#sub_menu_height { height: 0px; }

.jumper_1 { height:10px; }
.jumper_2 { height:20px; }
.jumper_3 { height:30px; }

.b_t_1 {
  border-top: 1px solid grey;
}
.b_t_1.lite{
  border-top: 1px solid #8080801f;
}

.b_b_1 {
  border-bottom: 1px solid grey;
}
.top-label-span.b_b_1 {
  border-bottom: 1px solid #dbdbdb80;
}

.p_1 { padding: 1%; }
.p_2 { padding: 2%; }
.p_3 { padding: 3%; }
.p_4 { padding: 4%; }
.p_5 { padding: 5%; }

.p_x_1 { padding-left: 1%;padding-right: 1%; }
.p_x_2 { padding-left: 2%;padding-right: 2%; }
.p_x_3 { padding-left: 3%;padding-right: 3%; }

.m_1 { margin: 1%; }
.m_2 { margin: 2%; }
.m_3 { margin: 3%; }

.gc_logo { width: 325px; max-height: 100px !important; }
.gc_logo_mobile { max-height: 60px; max-width: 200px; }

.custom_dropdown { width: 300px; }
.custom_select, .custom_select>select { width: 100%; }
.dd_img {
  max-height: 48px !important;
  max-width: 48px !important;
  min-height: 48px !important;
  min-width: 48px !important;
}
.list_item { border:1px solid grey;margin-bottom: 10px; }

.notify_icon .p1[data-count]:after {
  position: absolute;
  right: 10%;
  top: 2%;
  content: attr(data-count);
  font-size: 55%;
  padding: 2px;
  border-radius: 50%;
  line-height: 13px;
  color: white;
  background: #8f0c10;
  text-align: center;
  min-width: 20px;
  border: solid 2px #fff !important;
}
.notify_icon>span.mobile { font-size: 23px; }
.notify_icon>span.desktop { font-size: 20px; }

#snackbar, #notify_toast {
    visibility: hidden;
    min-width: 400px;
    margin-left: -125px;
    background-color: #8f0c10;
    color: #fff;
    text-align: center;
    border-radius: 7px;
    padding: 16px;
    position: fixed;
    z-index: 9999;
    right: 5%;
    bottom: 30px;
    font-size: 17px;
}

#snackbar.show, #notify_toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 5s;
    animation: fadein 0.5s, fadeout 0.5s 5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}


.loader_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  min-height: 600px;
  left: 50%;
  bottom: 22px;
  z-index: 1;
  top: 10%;
  position: fixed;
}
.loader {
  border: 1px solid #F9F8F8;
  border-radius: 50%;
  border-top: 16px solid #8f0c10;
  border-bottom: 16px solid #8f0c10;
  width: 90px;
  height: 90px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*.is-rounded {height: 100%!important;}*/

.chat_jumper { height: 75px; }
.conversation { margin-bottom: 10px; }
.conversation_container { height: 450px;overflow-y: auto;background-color: #e0e0e0;}
.user_msg { background: #eeeeee; }
.opponent_msg { background: #e0e0e0; }
.attachment_image { max-width: 300px;}
.attachment_file {
  padding: 5px;
  border-radius: 2px;
  box-shadow: 0px 0px 2px 3px #909090;
 }
.status_icon { font-size: 10px;color: grey; }
.online { color: green; }
.opponent_details { font-size: 13px; }
.input_section {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}
.chat_input_container {
  background: #ffffff;
  min-height: 49px;
}
.chat_input_container>div.input {
  background: white;
  min-height: 35px;
}
.chat_input_container>div.input[contenteditable]:focus {
  outline: 0px solid transparent;
}
.top_banner {
  background-image:url('../img/theme/bg-opcaity-desktop.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.top_banner-profile{
  background-image:url('../img/theme/profile-bg-image.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}
.banner_heading {
  margin-top:170px;
  background:rgba(255,255,255,0.5);
  padding:1%;
}
.banner_btn {
  margin-top:10px;
}
.banner_img {
  border:2px solid white;
}
.banner_img:hover {
  border:2px solid grey;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.about_img{
  height:80px;
  width:80px;
  border-radius:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  display:block;
  background-size: cover;
  /*object-fit: cover;*/
  display: flex; justify-content: center;
}
.avatar_about{
  width:80px;
  height:80px;
  position:relative;
}
.status_icon_about{
  width: 12px;
  height: 12px;
  position: absolute;
  bottom:5px;
  right:5px;
  display:inline-block;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  background-color: #323232;
  border: #fff solid 2px;
}
.chat_img{
  height:50px;
  width:50px;
  border-radius:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    display:block;
    background-size: cover;
    object-fit: cover;
    display: flex;
    justify-content: center;
}
.avatar_chat{
  width:40px;
  height:40px;
  position:relative;
}
.status_icon_chat{
    width: 8px;
    height: 8px;
    position: absolute;
    bottom:1px;
    right:1px;
    display:inline-block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background-color: #323232;
    border: #fff solid 2px;
}
.status_active{
  background: #00CB00;
}
.user_img{
  height:50px;
  width:50px;
  border-radius:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  display:block;
  background-size: cover;
  /*object-fit: cover;*/
  display: flex;
  justify-content: center;
  box-shadow: 0px 0px 1px 0.4px #cecece;
}
.avatar_user{
  width:50px;
  height:50px;
  position:relative;
}
.status_icon_user{
  width: 15px !important;
  height: 15px !important;
  position: absolute !important;
  bottom:-7px !important;
  right:-8px !important;
  display:inline-block !important;
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  background-color: #323232 !important;
  border: #fff solid 2px !important;
  margin-left: 24px;
  margin-top: 17px;
}
.status_active{ background: #00CB00 !important; }

.head_gap { height:65px; }

#screenshot_image {
  position: relative;
  text-align: center;
  color: white;
  cursor: pointer;
}
.screenshot_item:hover {
  background: #e0e0e0;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.custom_modal {
  position:absolute;
  border:3px dashed #8A0000;
  background:#f0f0f0;
  left:10px;
  top:120px;
  right:10px;
  bottom:10px;
  z-index:9999;
  overflow-y:flow;
}

.emoticon_container,.flag_container {
  display: inline-block;
  padding: .5%;
}
.emoticon_container:hover,.flag_container:hover {
  background: #e0e0e0;
}
.emoticon,.flag {
  height: 30px;
  width: 30px;
}

a {
  text-decoration: none !important;
}

.slider_container {
  position: relative;
}
.slider_btn_left {
  position: absolute;
  top: 45%;
  left: 2%;
}
.slider_btn_right {
  position: absolute;
  top: 45%;
  right: 2%;
}
.text_bottom_right {
  position: absolute;
  bottom: 2%;
  right: 2%;
  background: #ffffffb3;
  color: #464646;
}
.text_bottom_right:hover{
  background: #ffffff;
}

.edit_icon {
  font-size: 14px;
  color: #8f0c10;
}

.table_row:hover {
  border-left: 5px solid #8f0c10;
  cursor: pointer;
}
.ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
}
.full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fde16d;
}
.empty-stars:before, .full-stars:before {
    content:"\2605\2605\2605\2605\2605";
    font-size: 14pt;
}
.empty-stars:before {
    -webkit-text-stroke: 1px #848484;
}
.full-stars:before {
    -webkit-text-stroke: 1px orange;
}

@-moz-document url-prefix() {
    .full-stars {
        color: #ECBE24;
    }
}

.checkout_item_image { max-width: 250px;max-height: 250px; }

.test_border { border: 1px solid red !important; }

.avatar_about .status_icon_about,
.contact-list-avatar-status-icon{
  width: 15px !important;
  height: 15px !important;
  position: absolute !important;
  bottom: -9px !important;
  right: -9px !important;
}

.contact-list-count-message-label{
  border: solid 2px #fff !important;
  float: right;
  margin-top: -55px!important;
  margin-right: -10px;
  position: relative;
  height: 25px!important;
  width: 25px!important;
}

.brif-image{
  height: 140px!important;
  width: auto!important;
  box-shadow: 0px 0px 2px 0.3px;
  border-radius: 3px;
}

@media (max-width: 768px){
  .brif-image{
    height: auto!important;
  }
  .attachment-modal-card{
    width: 95%!important;
  }
  .conversation-image-file{
    height: 130px!important;
    width: auto !important;
    min-width: 160px !important;
  }
  .pdf-conversation-image-file{
    height: 40px;
  }
  .brif-modal-with{width: 95%!important}
}


.pl-13{padding-left: 13px!important;}
.pl-12{padding-left: 12px!important;}
.pl-7{padding-left: 7px!important;}
.pl-9{padding-left: 9px!important;}
.pl-8{padding-left: 8px!important;}
.pl-11{padding-left: 11px!important;}

#custom_offer_form .modal-card-body{padding: 0px 13px 0px 13px;}



.briefcase-image{
  min-width: 122px !important;
  min-height: 90px !important;
}
.gig-post-image,.example-slide,.carousel__item--active[data-v-6cdedfee],.carousel__list[data-v-6cdedfee],.carousel--slidable[data-v-6cdedfee]{
  width: 100%!important;
  height: 200px!important;
}


.btn-success{
  background: #179e17!important;
  color: white !important;
  border-color: #007700;
}

.btn-success:hover{
  background: #1b9918!important;
}


div.message-box{
  max-width: 100%;
  overflow-x: auto;
  padding: 10px;
}

div.message-box-left-arrow, div.message-box-right-arrow {
  overflow-x: unset !important;
  word-wrap: anywhere !important;
  word-break: break-word;
  position: relative;
}
div.snackbar_short_msg{
  display: table;
  overflow: hidden;
}
div#input_div{
  word-wrap: anywhere !important;
  word-break: break-word;
  display: inherit;
  height: 40px;
  overflow-y: scroll;
}
div.message-box-left-arrow::before {
  content: '';
  position: absolute;
  top: 11px;
  left: -23px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right: 12px solid #909090;
}

div.message-box-left-arrow::after {
  content: '';
  position: absolute;
  top: 11px;
  left: -21px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-right: 12px solid #8f0c10;
}

div.message-box-right-arrow::before {
  content: '';
  position: absolute;
  top: 11px;
  right: -23px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 12px solid #909090;
}

div.message-box-right-arrow::after {
  content: '';
  position: absolute;
  top: 11px;
  right: -21px;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 12px solid #000;
}

.main-scrool:after {
content: "";
position: absolute;
background-image: url(../images/shape.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 33px;
height: 34px;
top: -34px;
z-index: 9999;
right: 207px;
}


.gig-users-portfolio .box{
  margin-right: 6px;
  transition: transform .3s;
}
.on-hover-zomm{
  transition: transform .3s;
}
.on-hover-zomm:hover,
.gig-users-portfolio .box:hover{
  border-radius: 10px;
  box-shadow: 0px 0px 8px 3px #635151b0;
  transform: scale(1.03);
}

@media only screen and (max-width: 764px) {
  .edit-profile-username{
    font-size: 25px!important;
  }
  #list_view .text_bottom_right{
    bottom: 0!important;
    top: unset!important;
    right: 12px!important;
  }
  .gig-users-portfolio .box{
    margin-right: 0px!important;
    width: 100%!important;
  }
  .mobile-p-7{padding: 7px!important;}
  .mobile-p-0{padding: 0px!important;}
  .mobile-p-10{padding: 10px!important;}
  .mobile-full-width{width: 100% !important;}


  .slider-modal-contant{
    margin: unset!important;
  }

}
.slider-modal-contant{
  top: 20%;
}


#list_view .text_bottom_right{
  bottom: unset;
  top: 179px;
  right: 12px;
}

.text-end{
  text-align: end;
}
.gig-setting-group .column{
  padding: 10px 10px 0px 10px;
}


.font-20{
  font-size: 21px;
}
#scroll-on-top-search .control:not(.full-width){
  width: 90%!important;
}
.vl-super span{
  vertical-align: super;
}

.h-230{
  height: 230px !important;
}
.button.is-small {
  border-radius: 5px;
}
.title.is-5{
  font-size: 2rem;
}
.select2-container.full-width{
  width: 100%!important;
}

.radio-container {
  display: initial;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.radio-container:hover input ~ .checkmark {
  background-color: #a54b4ec2;
}

.radio-container input:checked ~ .checkmark {
  background-color: #a31b1f;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: block;
}


.radio-container input:checked ~ .checkmark:after {
  display: block;
}


.radio-container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.gig-open-image-slider img{
  cursor: pointer;
}


#scroll-on-top-search.panel-block{
  flex-wrap: wrap;
}
.sub-categories-box{
  max-height: 400px;
  overflow-y: scroll;
  background-color: #ededed;
  display:none;
}
.sub-categories-box a.panel-block:hover, label.panel-block:hover {
  background-color: unset!important;
}
.sub-categories-box a{
  padding-left: 15px;
}

.categories-seacrh-listing .panel-block.is-active,
.sub-categories-box a.panel-block:hover, label.panel-block:hover,
.categories-seacrh-listing a.panel-block.main:hover,
.categories-seacrh-listing a.panel-block.main:hover .panel-icon{
  border-left-color: #3490dc!important;
  color: #3490dc!important;
}
.list-view-gig#scroll-on-top-search .control,
.list-view-job#scroll-on-top-search .control{
  width: 100%!important;
}
.categories-seacrh-listing a.panel-block.main{
  font-size: 14px;
}
.sub-categories-box a.panel-block{
  font-size: 13px;
}

.all-search-box-title{
  font-size: 40px;
  text-align: center;
  padding: 0px;
}


.theme-scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5}
.theme-scroll::-webkit-scrollbar {width: 5px!important;background-color: #F5F5F5!important}
.theme-scroll::-webkit-scrollbar-thumb {background-color: #929292}

.select2-results__options::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5}
.select2-results__options::-webkit-scrollbar {width: 5px!important;background-color: #F5F5F5!important}
.select2-results__options::-webkit-scrollbar-thumb {background-color: #929292}


.table-scroll tbody::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5}
.table-scroll tbody::-webkit-scrollbar {width: 5px!important;background-color: #F5F5F5!important}
.table-scroll tbody::-webkit-scrollbar-thumb {background-color: #929292}

.modal-content::-webkit-scrollbar-track,
.modal-card-body-scroll::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5}

.modal-content::-webkit-scrollbar,
.modal-card-body-scroll::-webkit-scrollbar
{width: 5px!important;background-color: #F5F5F5!important}

.modal-content::-webkit-scrollbar-thumb,
.modal-card-body-scroll::-webkit-scrollbar-thumb
{background-color: #929292}


.contacts-list-user::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5}
.contacts-list-user::-webkit-scrollbar {width: 5px!important;background-color: #F5F5F5!important}
.contacts-list-user::-webkit-scrollbar-thumb {background-color: #929292}

.conversation_container::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5}
.conversation_container::-webkit-scrollbar {width: 5px!important;background-color: #F5F5F5!important}
.conversation_container::-webkit-scrollbar-thumb {background-color: #929292}

.modal-card-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #F5F5F5}
.modal-card-body::-webkit-scrollbar {width: 5px!important;background-color: #F5F5F5!important}
.modal-card-body::-webkit-scrollbar-thumb {background-color: #929292}


.image img.is-rounded {
  border-radius: unset !important;
  height: 100%!important;
  width: 100%!important;
  box-shadow: 0px 0px 0px 2px #9e9c9d;
  object-fit: cover;
  object-position: center;
}

.fa-search{
  transform: rotateZ(90deg)!important;
}
.categories-seacrh-listing .panel-icon i.delete{
  margin-top: -3px;
  margin-left: -4px;
  background-color: #4c90dd!important;
}

.edit-profile-image{
  max-height: 200px!important;
}

#gig-users-Verifications span.varification-title{
  align-items: center!important;
  position: absolute!important;
}

.field .media.user_item .columns.contact-list-footer{
  padding: 0px!important;
  box-shadow: -1px 0px 4px 1px #979797;
  border-top: 1px;
}

.conversation_container .conversation .media.user_msg,
.conversation_container .conversation .media.opponent_msg{
  padding: 0px 10px 0px 10px!important;
}

#custom-offer-attachment-view figure.image,
#file_details_view figure.image{
  text-align:center!important;
  background: #fff;
  border-radius: 5px;
  padding: 10px 10px;
}
#file_details_view figure.image img{
  max-height: 500px!important;
  max-width: 100%!important;
  width: auto!important;
  display: unset!important;
}
#file_details_view .modal-content{
  overflow: unset!important;
}

#my_briefcase table tbody tr td.image-tag{
  text-align: center!important;
}
.file-extension-icon{
  height: 120px;
  width: 130px;
  max-width: unset;
}

.menu-list a{
  align-items: center !important;
  display: flex !important;
}

.menu-list img{
  height: 21px;
}

.menu-list li a span:first-child{
  width: 30px;
}
.menu-list li a img:first-child{
  padding-right: 9px;
}
.attachment-file-actions a,.attachment-file-actions span{
  padding: 2px;
}

img.show-more-message-icon{
  cursor: pointer;
  height: 20px;
  float: right;
  padding: 0 10px;
}

div.conversation_container .conversation:first-child{
  padding: 20px 0 0 0;
}
.conversation_loader{
  padding: 5px;
  transition: 0.5s;
}


.hire-btn{
  font-weight: 700;
  font-size: 20px;
  padding: 5px 10px;
  height: 60px;
  color: #fff;
  background-color: #087100;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 16px;
}
.hire-btn.black{
  background-color: #000000;
}

.title-capital{
  text-transform: capitalize !important;
}

#view_portfolio_image figure.image{
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
}

.profile-dropdown{
  margin-top: 45px;
}

.go-to-top {
  z-index: 11;
  display: none;
  position: fixed;
  bottom: 25px;
  right: 20px;
  font-size: 18px;
  background-color: #777;
  color: #fff;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
  border: solid 1px;
}
.go-to-top:hover {background-color: #8f0c10;color: #fff;border: solid 1px;}

.columns:last-child {
  margin-bottom: unset !important;
}
#list_view figure.mobile_only{
  border: solid 4px #dbdbdb !important;
  border-radius: 4px;
}

.media.align-items-center{
  align-items: center;
}
.media.align-items-center small:first-child{
  padding-right: 10px;
}

.media.align-items-center a.btn-edit{
  background: #8f0c10;
  color: #f9f8f8;
  font-weight: 500;
}
.media.align-items-center a.btn-delete{
  background: #363636;
  color: #f9f8f8;
  font-weight: 500;
}

.form-attatchments .column{
  margin: 10px 0px 0px 10px !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {-moz-appearance:textfield;}


.select2-search__field{
  height: 35px;
}
.select2-selection__rendered{
  padding-top: 4px;
}
.select2-selection__arrow{
  margin-top: 5px;
}

/* 9-December */
.radio-box-container:last-child{
  margin-bottom: 0px !important;
}

.container .label:not(:last-child) {
    margin-bottom: 0px !important;
}

.mobile-profile-icon.fa.fa-search{
  padding: 0 6px;
  margin-left: -7px;
  margin-right: 7px;
}

#notification_dropdown .media,
#mobile_notification  .media{
  border-top: 1px solid #dbdbdb80 !important;
  margin-top: 0px !important;
  padding-left: 3px !important;
  padding-top: 5px !important;
  padding-bottom: 5px;
}
#mobile_notification strong {
  font-weight: 500;
}
#notification_dropdown .bg_active,
#mobile_notification .bg_active{
  border-bottom: solid #fff 1px
}
#calendar_dropdown .theme-scroll,
#message_dropdown .theme-scroll,
#notification_dropdown .theme-scroll{
  overflow-y: scroll;
  max-height: 250px;
}

#notification_dropdown .dropdown-item.last{
  border-top: solid 1px #ededed;
  padding-top: 0;
}

#shared-with-me-attachment-view figure.image,
#file_details figure.image,
#brifcase-image-privew-model figure.image{
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
}
#shared-with-me-attachment-view figure.image img,
#custom-offer-attachment-view figure.image img,
#file_details figure.image img,
#brifcase-image-privew-model figure.image img{
  max-height: 500px!important;
  max-width: 100%!important;
  width: auto!important;
  display: unset!important;
}

#scroll-on-top-search .tree-title{
  width: 100%;
}

#mobile_profile li .fa,
#mobile_profile li .fab{
  font-size: 20px;
}

.attachment-button .button{
  margin: 10px 0px;
}
.form-attatchments .column:first:child{
  margin: 10px 10px 10px 10px !important;
}

.conversation-custom-offer{
  padding: 10px;
  font-size: 15px;
  overflow: hidden;
  border: solid #90909082 1px;
}
.conversation-custom-offer .offer-title{
  text-transform: capitalize;
  font-size: 16px;
}
.conversation-custom-offer .offer-date,
.conversation-custom-offer .offer-time{
  padding: 0 0px 0px 10px;
  background-color: #ededed;
  margin-bottom: 5px;
  border: solid #c6c6c6 1px;
  overflow: hidden;
}
.conversation-custom-offer .offer-date table,
.conversation-custom-offer .offer-time table{
  width: 40% !important;
  margin : 0;
  margin-bottom: 5px;
  margin-right: 4px;
}

.conversation-custom-offer .offer-date table .offer-table-header td,
.conversation-custom-offer .offer-time table .offer-table-header td{
  padding: 5px 20px;
}
.conversation-custom-offer .offer-date table .offer-table-value td,
.conversation-custom-offer .offer-time table .offer-table-value td{
  /*padding: 5px 20px;*/
  background-color: #fff;
  border-right: solid #ededed 9px;
}
.conversation-custom-offer .offer-price {
  float: right;
  font-size: 18px;
}

.conversation-custom-offer .custom-offer-attachment span{
  transform: rotateZ(-44deg)!important;
  font-size: 15px;
}
.conversation-custom-offer .custom-offer-attachment{
  padding-right: 5px;
  color: #4a4a4a;
}


.conversation-custom-offer .custom-offer-button a,
.conversation-custom-offer .custom-offer-button button{
  /*width: 20%;*/
  float: right;
  margin-top: 5px;
}
.conversation-custom-offer .offer-date,
.conversation-custom-offer .offer-time{
  height: 75px;
}

.conversation-custom-offer .offer-date table .offer-table-value td:empty,
.conversation-custom-offer .offer-time table .offer-table-value td:empty {
  padding: 15px 20px !important;
}

#mobile_events.theme-scroll,
#mobile_profile .theme-scroll{
  overflow-y: scroll;
  max-height: 66vh;
}

.message_dropdown figure p.image{
  min-width: 50px!important;
}


.t-gold{color: #ff9a00 !important;}

.button.btn-gold{
  background-color: #ff9a00 !important;
  border-radius: 5px !important;
  color: #fff !important;
  padding: 5px !important;
}

#card_view .card-content{padding: 10px !important;}

.text-20{
  font-size: 20px !important;
}

.events-index .main{
  padding : 10px;
}

.table-scroll thead tr th{
  text-align: center;
  padding: 4px;
}
.table-scroll{
  display: block;
  empty-cells: show;
  border-spacing: 0;
}

.table-scroll thead{
  display: block;
  width:100%;
}

.table-scroll tbody{
  display: block; position:relative;
  width:100%; overflow-y:scroll;
}

.table-scroll tr{
  width: 100%;
  display:flex;
}

.table-scroll td,.table-scroll th{
  flex-basis:100%;
  flex-grow:2;
  display: block;
  align-items: center;
  padding: 3px !important;
  text-align:left;
}



.table-scroll.small-first-col td:first-child,
.table-scroll.small-first-col th:first-child{
  flex-basis:20%;
  flex-grow:1;
}

.table-scroll tbody tr:nth-child(2n){
  background-color: rgba(130,130,170,0.1);
}
.table-scroll tfoot{
  display: flex;
}

.table-scroll tbody{
  max-height: 40vh;
}

.small-col{flex-basis:10%;}

.checkout-index .media-left,
#shopping_cart_dropdown .media-left {
  margin-right: unset !important;
}

#gig-policy-modal ul{
  list-style: inside;
}
#gig-policy-modal ul li{
  margin-bottom: 15px;
}

#mobile_nav .tabs a{
  padding: 0px !important;
}

table.table tbody tr:nth-child(even) {background: #cccccc4a}

table.nowrap th,
table.nowrap td{
  white-space: nowrap;
}

#gig-my-cart-list{
  font-size: 13px;
}

.border-left-alert{
  border-left: 5px solid #8f0c10;
  padding-left: 10px;
}
.border-left-warning{
  border-left: 5px solid #ffd631;
  padding-left: 10px;
}
.border-left-black{
  border-left: 5px solid #000;
  padding-left: 10px;
}
.border-left-saffron{
  border-left: 5px solid #ff9933;
  padding-left: 10px;
}
.border-left-success{
  border-left: 5px solid #179e17;
  padding-left: 10px;
}

.dataTables_empty,
.alert{
  padding: 5px 10px;
  font-weight: 600;
  color: #fff;
  background-color: #8f0c10 !important;
  border: 1px solid #8f0c10 !important;
  display: block;
  margin-bottom: 5px !important;
}
.warning{
  padding: 5px 10px;
  font-weight: 600;
  color: #000;
  background-color: #fc0 !important;
  border: 1px solid #ffd631 !important;
  display: block;
  margin-bottom: 5px !important;
}
.black{
  padding: 5px 10px;
  font-weight: 600;
  color: #fff;
  background-color: #000 !important;
  border: 1px solid #000 !important;
  display: block;
  margin-bottom: 5px !important;
}
.saffron{
  padding: 5px 10px;
  font-weight: 600;
  color: #fff;
  background-color: #ff9933 !important;
  border: 1px solid #ff9933 !important;
  display: block;
  margin-bottom: 5px !important;
}
.success {
  padding: 5px 10px;
  font-weight: 600;
  color: #fff;
  background-color: #179e17 !important;
  border: 1px solid #179e17 !important;
  display: block;
  margin-bottom: 5px !important;
}

.payment-card{
  align-items: center;
  margin: auto;
}

.payment-card .card-type img{
  height: 44px;
}

.my-bids .list_item {
  border: 1px solid #808080;
  margin-bottom: 20px;
  box-shadow: 0px 0px 2px #717171;
}

.button{
  min-height: 29px;
}
.password{
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}







#mobile_nav .modal-card-body .tabs ul li.active_tab span i{
  color: #8f0c10;
}


#mobile_cart thead tr th:nth-child(3),
#mobile_cart thead tr th:nth-child(2){
  text-align: right;
}
#shopping_cart_dropdown .table-scroll tbody tr td,
#mobile_cart .table-scroll tbody tr td:nth-child(2){
  word-break: break-word;
}
#shopping_cart_dropdown tfoot tr{
  font-size: 15px !important;
}

#shopping_cart_dropdown table.table tbody td figure{
  width: 100px;
  text-align: center;
}
#shopping_cart_dropdown table.table tbody td figure img{
  max-height: 70px;
  height: auto;
  width: auto;
  max-width: 100%;
}
#shopping_cart_dropdown .custom_dropdown{
  min-width: 480px!important;
}

#mobile_cart tr figure{
  height: 60px;
  text-align: center;
}

#mobile_cart tr figure img{
  max-height: 100%;
}


#mobile_cart tbody tr{ align-items: center;}
#mobile_nav footer.modal-card-foot,
#mobile_nav header.modal-card-head{
  display: block;
  padding: 20px 20px 0px 20px !important;
  background-color: #fff;
}
.main-chat-index .mobile_only .modal-card-head{
  padding: 10px 20px;
}
#mobile_nav .fa,#mobile_nav .fas,#mobile_nav .fab {
    font-size: 20px;
}

.is-footer{
  position: absolute;
  bottom: 5px;
  padding-bottom: 15px;
  right: 14px;
  width: 94%;
  border-top: 1px solid rgb(128, 128, 128);
  background-color: rgb(255, 255, 255);
}
#mobile_cart a,
.is-footer a{
  color: #363636;
}


#mobile_cart table tbody,
#mobile_cart table tfoot,
#mobile_notification,
#mobile_inbox,
#mobile_profile .menu-label.hide,
#mobile_profile{
  padding-left: 10px;
  margin-bottom: unset;
}
#mobile_cart table tbody,
#mobile_cart table tfoot{
  padding: 0px 0px 0px 10px;
}


#mobile_events{
  padding-left: 20px;
}
#mobile_notification,
#mobile_inbox{
  overflow-y: scroll;
  max-height: 65vh!important;

}
#mobile_inbox .media.user_item{
  padding: 5px 0px !important;
  /*border-bottom: 1px solid rgba(219, 219, 219, 0.5) !important;
  margin-top: 0px !important;*/
}





.full-h-v{
  width: 100vw !important;
  height: 100vh !important;
}

.chat_container .mobile-avtar-count-notification{
    z-index: 0;
}

#shopping_cart_dropdown table.table tfoot tr td{
  padding: 0px 10px!important;
}
#mobile_cart table.table tfoot tr td{
  padding: 0px 5px !important;
}
#mobile_cart table.table tfoot tr td:nth-child(2){
  margin-left: -30px;
}
.cart-count-label{
  border: solid 2px rgb(255, 255, 255) !important;
  min-height: 25px;
  min-width: 26px;
  color: rgb(255, 255, 255);
  display: inline-block;
  background-color: rgb(143, 12, 16);
  border-radius: 5px;
  font-weight: 600;
}

#mobile_cart table.table td,
#shopping_cart_dropdown table.table td{
  border: unset !important;
}
#shopping_cart_dropdown table.table tbody tr,
#mobile_cart table.table tr{
  align-items: center;
}
.display-flax-mobile{
  display: contents;
}
#mobile_cart table.table tbody tr td:last-child{
  text-align: right;
}

#mobile_cart table tbody tr,
#shopping_cart_dropdown table tbody tr{
  border-bottom: solid 1px #b0b0b0;
}

#shopping_cart_dropdown .table-scroll tbody tr td:nth-child(2){
  max-width: 40%;
}
#shopping_cart_dropdown img{
  max-height: unset;
}

.price-tr-td .currency-symbols{
  display: unset!important;
}
.price-tr-td{
  text-align: right!important;
}
.nowrap{
  white-space: nowrap !important;
}




.post-detail-images{
  height: 20%;
  width: auto;
  border: solid 5px rgb(255, 255, 255);
  border-radius: 6px;
  box-shadow: 0px 0px 2px #989898;
  transition: 0.3s;
   opacity: 0.6;
}
.gig-users-portfolio hr {
  margin: 10px;
}
.post-detail-images:hover {opacity: 1}

#mobile_cart tbody a,
#shopping_cart_dropdown tbody a{
  color: rgb(54, 54, 54)!important;
}

.user-cov-image.h-230 img{
  width: 100%;height: 100%;
  border-bottom: solid 5px #fff;
}

.user-status.big{
  position: absolute;
  margin-top: 20.4%;
  margin-left: 11.5%;
  width: 27px!important;
  height: 27px!important;
  border: solid rgb(255, 255, 255);
}
.description-ellipsis{
  word-break: break-word;
  text-align: justify;
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px !important;
}
.my-created-posts .description-ellipsis{
  -webkit-line-clamp: 2;
  position: unset;
}

#message_dropdown article figure p.image{
  min-width: 48px;
  min-height: 48px;
}

.delete{
  margin-left: 5px;
}


.favorite-icon{
  position: absolute;
  font-size: 27px;
  top: 22px;
  right: 20px;
  z-index: 11;
  cursor: pointer;
  color: #212121;
  transition: 0.5s;
}

.favorite-icon.t{
  position: unset;
  font-size: 22px!important;
}
#card_view .favorite-icon {
  top: 8px ;
  right: 8px;
}

.go-to-post{
  color: #363636 !important;
}
a.go-to-post:hover {
  color: #3490dc !important;
}
.display-unset{
  display: unset;
}
.font-20{
  font-size: 20px!important;
}
hr{
  margin: 10px 0px;
}
.attachment-title{word-break: break-all;}

.cart-qty-input{
  color: #fff;
  text-align: center;
  font-weight: 700;
  height: 21px!important;
  width: 25px!important;
  background: #8f0c10;
  border: #8f0c10;
  border-radius: 3px;
}
.title span.fa.fa-question-circle{
  font-size: 18px;
}
.example-slide{
  width: 100%!important;
  border: solid 4px #dbdbdb;
  background-color: #f9f8f8 !important;
}
.example-slide img{
  max-height: 400px!important;
  height: auto !important;
  width: auto!important;
}
.sub_menu {
  padding: 0%;
  display: flex;
  justify-content: space-around;
  padding: .5%;
  color: #4a4a4a;
}
.sub_menu>a {
  color: grey;
  font-size: 16px;
}
.top-bar-nav{
  display: flex;
  width: 100%;
}
.navbar{
  display: inherit;
}

.oh{
  overflow: hidden;
}

html[login="true"] main.main-div-contant{
  margin-top: 140px;
}

html[login="false"] nav .navbar-burger.burger{
  top: 20%;
}
a {
  outline: 0!important;
}
.post-attachments-items .column,
.single-post-view .device-screen{
  padding: 0px !important;
  flex: none;
}

.column.device-screen .image{
  height: 100px;
}

.column.device-screen .image img{
  height: 100%;
  width: auto;
  display: unset;
}

.single-post-view .pinch-zoomer{
  text-align: center;
  padding: 5px;
  z-index: unset;
  position: unset;
}
.single-post-view .pinch-zoomer.animate{z-index: 31;position: relative;}

#slider-in-the-modal img{
  padding: 20px !important;
  max-height: unset!important;
}


.main-job-show .owl-carousel .owl-item img{
  width: auto;
  display: unset;
  max-height: 100%;
}
.main-job-show .owl-carousel .owl-item{
  text-align: center;
  border: solid #dedede 1px;
  border-radius: 5px;
  box-shadow: 0px 0px 1px #a2a2a2;
  margin-right: 10px;
  padding: 5px;
  height: 200px;
}

.main-job-show .owl-stage-outer{
  border-radius: 5px;
  margin-right: 0px;
  padding: 10px;
  border: solid #dedede 1px;
  box-shadow: 0px 0px 1px #a2a2a2;
}

.main-job-show .owl-stage-outer .owl-item,
.main-job-show .owl-stage-outer .owl-stage{
  align-items: center;
  display: flex;
  justify-content: center;
}

.main-job-show .owl-nav{
  position: absolute;
  top: 40%;
  width: 100%;
}

button.slider-custom{
  position: absolute;
  bottom: 39%;
  background-color: #44444475 !important;
  height: 25px !important;
  color: #fff !important;
  width: 25px !important;
  border-radius: 60% !important;
  background: 0 0;
  border: none;
  padding: 0!important;
  font: inherit;
  z-index: 111;
  margin-left: -12px;
}
button.slider-custom.owl-prev{
  margin-left: -11px;
}
button.slider-custom.owl-next{
  margin-right: 31px;
  right: 0;
}

.main-job-show .owl-nav .owl-next{
  float: right;
}
button:focus{
 outline: none;
}
.image-priview-box{
  height: 350px;
  border: solid #dedede 1px;
  border-radius: 5px;
  box-shadow: 0px 0px 1px #a2a2a2;
  align-items: center;
  text-align: center;
  display: flex;
  justify-content: center;
}
.image-priview-box img{
  padding: 10px;
  max-height: 100%;
}
.owl-dots{
  margin-top: 5px;
  text-align: center;
}
.owl-dots button{
  margin-right: 5px;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #969696!important;
}
.main-checkout-index .checkout-mobile-table{
  opacity: 1;
}
.main-checkout-index .checkout-mobile-table tr figure{
  height: auto;
  width: 50px;
}


.main-checkout-index .checkout-mobile-table td,
.main-checkout-index .checkout-mobile-table th{
  padding: 5px;
  vertical-align: middle;
}

.main-checkout-index .checkout-mobile-table tr figure img{
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}
.user-profile-image img{
  height: 100%;
  max-height: 200px;
}
.main-profile_edit .user-profile-image{
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 10px;
  height: 200px;
  width: 200px;
  margin-bottom: unset !important;
}
.main-profile_edit .user-profile-image.cover-image{
  height: auto;
  width: 350px;
}
.main-profile_edit .portfolio-images .column.box{
  text-align: center;
  margin-right: 10px;
}
.main-profile_edit .portfolio-images .column.box figure{
  height: 150px;
  text-align: center;
  margin-bottom: 10px;
}
.main-profile_edit .portfolio-images img{
  display: unset !important;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
}
img.img-icon {
  height: 15px;
  width: 16px;
  margin: -3px -2px;
}
.img-icon.favorite-icon{
  height: 30px;
  width: 30px;
}
.img-icon.favorite-icon.t{
  margin: unset;
}

.button.is-black:focus:not(:active),
.button.is-black.is-focused:not(:active),
.button:active,button:active,a:active,
a.no-active{
  border-color: unset;
  box-shadow: unset;
  color: unset;
}

.my-briefcase-list-table .image{
  padding: 10px;
  height: 150px;
  width: 250px;
}
.my-briefcase-list-table .image img{
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  color: #4a4a4a;
  padding: 0.25rem;
  margin: 0px auto;
}

.my-briefcase-list-table.table tr td:first-child{
  /*display: flex;*/
  text-align: center;
}
.my-briefcase-list-table.table tr td:last-child{
  white-space: nowrap!important;
  padding: 10px 30px 10px 0px;
}

.my-briefcase-list-table.table td,
.my-briefcase-list-table.table th{
  vertical-align: middle;
  justify-content: center;
}
table.my-briefcase-list-table.table{
  border: solid 1px #d8d7d7;
}
.button img{
  height: 20px;
}
.left-border-orund{
  border-radius: 25px 1px 1px 25px;
}
.chat_container .search-conversation{
  height: 89% !important;
  top: 5px!important;
  border-radius: 30px 1px 1px 30px;
}
.chat_container .search-conversation .fa-search{
  margin-left: 3px;
}
.shopping_cart_dropdown img{
  max-height:unset!important;
}
.description-text{
  text-align: justify;
  word-break: break-word;
}
.description-text.auto{
  overflow: auto;
}

#list_view figure{
  align-items: center;
  position: relative;
  height: 200px;
  overflow: hidden;
}

#list_view figure img,
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}

.post-image-box-icon{
  background-color: #00000080;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  height: 2rem;
  margin-top: -1rem;
  opacity: .7;
  position: absolute;
  transition: all .15s;
  width: 2rem;
}
.post-image-box-icon.fa-caret-left{
  left: 10px;
  padding: 2px 5px 0px 0px;
}
.post-image-box-icon.fa-caret-right{
  right: 10px;
  padding: 3px 0px 0px 3px;
}
span{
  word-break: break-word;
}
.example-slide{
  height: auto!important;
}
 .example-slide img{
  /*max-height: unset!important;*/
  height: auto!important;
  width: 100%!important;
  object-fit: cover;object-position: center;
}
 .gig-post-image,
 .gig-post-image,
 .example-slide,
 .carousel__item--active[data-v-6cdedfee],
 .carousel__list[data-v-6cdedfee],
 .carousel--slidable[data-v-6cdedfee]{
  height: auto!important;
}

#slider-in-the-modal img{
  height: auto!important;
  width: auto!important;
  max-height: 70vh!important;
}
.button.is-orange{
  background-color: #ff8d1a;
  color: #fff;
}
#list_view .button:not(.n),
#card_view .button:not(.n){
  width: auto;
  min-width: 160px;
}
.notification-message{
  text-align: justify;
  display: -webkit-inline-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fa.custom-whatsapp:before{
  content: "\F232";
  font-family: "Font Awesome 5 Brands";
  font-size: 25px;
}

.float-btn-wrapper {
  position: fixed;
  margin-left: 20px;
  margin-top: 25px;
  z-index: 4;
}
.float-btn-checkbox {
  display: none;
}
.float-btn {
  cursor: pointer;
  position: absolute;
  bottom: -1rem;
  left: -26px;
  width: 2.4rem;
  height: 2.4rem;
  background: #8f0b0f;
  border-radius: 50%;
  background: #8f0b0f;
  box-shadow: 0px 0px 5px #d36165;
  z-index: 1;
  border: 1px solid #7f1416;
}

.float-btn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.float-btn-checkbox:checked ~ .float-btn:before {
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
}

.float-btn-dots {
  position: absolute;
  height: 6px;
  width: 6px;
  background-color: white;
  border-radius: 50%;
  top: 50%;
  transform: translateX(0%) translateY(-50%) rotate(0deg);
  opacity: 1;
  transition: all 0.3s ease;
}

.float-btn-dots-1 {
  left: 14.5px;
  height: 26px;
  border-radius: 10px;
  animation-delay: 0s;
}
.float-btn-dots-3 {
  right: 15px;
  width: 26px;
  border-radius: 10px;
  right: 5px;
  animation-delay: 0.8s;
}

.float-btn-checkbox:checked ~ .float-btn .float-btn-dots {
  height: 6px;
}
.float-btn-checkbox:checked ~ .float-btn .float-btn-dots-1 {
  width: 30px;
  border-radius: 10px;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.float-btn-checkbox:checked ~ .float-btn .float-btn-dots-3 {
  width: 30px;
  border-radius: 10px;
  right: 50%;
  transform: translateX(50%) translateY(-50%) rotate(-45deg);
}
.float-btn-checkbox:checked ~ .float-btn .float-btn-dots {
  animation: none;
}
.float-btn-wheel {
  position: absolute;
  bottom: 22px;
  left: -25px;
  border: 1px solid #;
  width: 10rem;
}
.float-btn-wheel a:hover{
  color: white;
}

.float-btn-action {
  display: none;
  margin-bottom: 2px;
  background: #8f0b0f;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  color: White;
  box-shadow: 0 0.1rem 1rem rgb(104, 104, 104);
  transition: transform .3s cubic-bezier(.53, .01, .36, 1.63)!important;
  opacity: 0;
}
.float-btn-checkbox:checked ~ .float-btn-wheel .float-btn-action {
  display: flex;
  opacity: 1;
}
.float-btn-action:hover {
  background-color: #a31b1f;
}
.float-btn-wheel .float-btn-action-1 {
  right: -10px;
  top: 88px;
}
.float-btn-wheel .float-btn-action-2 {
  right: -49px;
  top: 98px;
}
.float-btn-wheel .float-btn-action-3 {
  left: 186px;
  bottom: -12px;
}
.float-btn-wheel .float-btn-action-4 {
  left: 174px;
  bottom: -49px;
}

.float-btn-wheel .float-btn-action-5 {
  left: 134px;
  bottom: -55px;
}
.float-btn-wheel .float-btn-action-6 {
  left: 144px;
  bottom: -65px;
}

.box-border{
  border: solid 4px #dbdbdb !important;
  border-radius: 4px;
}
.modal-card-title{
  flex-shrink: unset;
}

.fa.fa-paperclip.hr{
  transform: rotateZ(-44deg)!important;
  font-size: 15px;
}
.button[disabled], fieldset[disabled] .button{
  background-color: #000;
  border-color: unset;
  box-shadow: none;
  opacity: 1;
  color: white;
}
.paymnt-item-data td{
  text-align: right !important;
}
hr.new{
  margin: 0px 0px;
  background-color: #c3c3c3;
  height: 1px;
  width: 100%;
}

.order-title-box{
  padding: 10px;
}
.order-title-box .title-tax{
  width: 100%;
}
.order-title-box .title-search-box{
  width: 20%;
  float: right;
}
.border-radius-0{
  border-radius: 0px !important;
}
.orders-items-list .button{
  min-width: 110px!important;
}
.order-detail-box{
  width: 100%;
  background-color: #e1e1e1;
}
.order-detail-box .item{
  display: flex;
  padding-bottom: 5px;
}
.order-detail-box .item span{
  align-items: center;
  display: flex;
  justify-content: center;
}
.order-item-image,
.order-detail-box .order-item-image{
  height: 100px;
  width: 100px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.item-image,
.order-detail-box .item-image{
  height: auto;
  width: auto;
  max-height: 70px;
  max-width: 100%;
}

.orders-items-list .status-line{
  align-items: center;
  display: flex;
}
.table-first-tr-td-left tr th:first-child,
.table-first-tr-td-left tr td:first-child{
  text-align: left;
}
.table-first-tr-td-right tr th:last-child,
.table-first-tr-td-right tr td:last-child{
  text-align: right;
}

.orders-items-list tbody tr{
  border: solid 1px #777;
}
.user-review-star.mobile_only{
  margin-top: -15px;
}

.payment-items-list tr td:first-child{
  width: 100px;
}
.table.text-left td,
.table.text-left th {
  text-align: left;
}
.payment-items-list tr th:last-child,
.payment-items-list tr td:last-child{
  text-align: right !important;
}

.payment-items-list figure{
  height: 72px;
  width: 72px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.payment-items-list figure img{
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}


.payment-card{
  position: 0px;
}

.payment-card-box{
  cursor: pointer;
  border: solid 1px #b6b6b6;
  border-radius: 3px;
  box-shadow: 0px 0px 2px 1px #b6b6b6;
  padding: 5px;

  /*display: inline-block;*/
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #f0f0f0;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  transition: 1s;
}
.payment-card-box.acive-card,
.payment-card-box:hover{
  background: #8f0c10;
  color: white;
}
.profile-image-avatar.user-first-char{
  text-align: center;
  font-size: 115px;
  border: solid #fff 10px;
  color: #fff;
  background-color: #8f0c10;
}

/*.select2-selection.select2-selection--multiple .select2-selection__rendered{
  margin-left: 0px !important;
}
[aria-expanded="true"] .select2-selection__rendered{
  margin-bottom: -8px;
  border: 0 !important;
  padding: 0 !important;
}
[aria-expanded="true"] .select2-search.select2-search--inline{
  margin-top: 5px;
}
*/
/*.select2-container--default .select2-selection--multiple .select2-selection__rendered{
  padding: 0;
}*/

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #777 1px !important;
  border-radius: 0 !important;
}

.select2-selection.select2-selection--multiple .select2-search.select2-search--inline input{
  width: 90% !important;
  color: #363636 !important;
}
.select2-selection.select2-selection--multiple .select2-search.select2-search--inline:before{
  content: "\f022";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 22px;
  color: #8f0c10;
  top: 11px;
  right: -23px;
  border: 10px solid #0000;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
  overflow: unset !important;
}
.select2-selection.select2-selection--multiple .select2-search.select2-search--inline{
  margin-top: 5px !important;
  width: 100% !important;
  border: solid 1px #aaa;
}
.select2-container{
  display: inline-table !important;
}
[aria-multiselectable="true"] .select2-results__option[aria-selected=true]:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f00c";
  color: #fff;
  background-color: #8f0c10;
  border: 0;
  display: inline-block;
  padding-left: 3px;
  padding-bottom: 22px;
  padding-right: 19px;
  border-radius: 0;
}
[aria-multiselectable="true"] .select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 22px;
  width: 22px;
  border: 2px solid #c1c1c1;
  background-color: #eaeaea;
  margin-right: 20px;
  vertical-align: middle;
}

#list_view .list_item{
  background-color: white;
}

.select2.select2-container.select2-container--default{
  width: 100% !important;
}

.select2-selection__choice{
  font-size: 14px;
  line-height: unset;
}
/*#list_view,#card_view{
  transition: 0.5s;
  transform: translateY(30px);
}
*/
.radio-box-container{
  padding-right: 5px;
}
.is-pulled-right-de{
  float: right !important;
}

.is-pulled-right-de.radio-box-container .redio-box{
  top: 5px;
}
.profile-avatar-on-review{
  background-repeat: round !important;
  height: 250px;
  width: 100%;
  border: solid #ddd 7px;
  background-color: #fff;
  background-size: cover;
}

.profile-avatar-on-review.user-first-char-on-review {
  text-align: center;
  font-size: 145px;
  color: #fff;
  background-color: #8f0c10;
}
.user-reviews-list .media-left .image{
  height: 100px;
  width: 100px;
  border: solid #ddd 4px;
}
.user-reviews-list .media-left .image img{
  max-height: 100%;
  max-width: 100%;
}

#user-rating-and-reviews .modal-card-body .column{
  border: solid 1px #d8d7d7;
  border-bottom: 0;
}
#user-rating-and-reviews .modal-card-body .column:last-child{
  border-bottom: solid 1px #d8d7d7;
}

#user-rating-and-reviews .modal-card-body .image{
  height: 50px;
  width: 50px;
  border: solid #9e9c9d 1px;
}
#user-rating-and-reviews .modal-card-body .image img{
  max-height: 100%;
  max-width: 100%;
}
.danger-mode-image-btn-box{
  visibility: hidden;
  margin: -32px 10px;
}

#theparent:hover .danger-mode-image-btn-box{
  visibility: visible !important;
}
.danger-mode-image-btn-box button{
  margin-right: 5px;
}
.profile-cover-edit-btn-text{
  display: none;
}
.danger-mode-image-btn-box button:hover .profile-cover-edit-btn-text{
  display: unset !important;
}
.cursor_default .guillotine-window{ cursor: default; }
.default-cover-image{
  height: 300px;
  width: 100%;
  /*border: solid #fff 3px;
  background-color: #fff;*/
}
.guillotine-window{
/*  border: solid #fff 3px;
  background-color: #fff;*/
}
.margin-top-23{
  margin-top: 23%;
}

#notification_dropdown .dropdown-item article.media.user_item:hover,
#message_dropdown .dropdown-item article.media.user_item:hover,
#calendar_dropdown .dropdown-item article.media.user_item:hover,
#shopping_cart_dropdown .dropdown-item table.table.table-scroll.table-striped tbody tr:hover,
.menu-list a:hover {
  background-color: #d9d8d8 !important;
}
#notification_dropdown .dropdown-item article.media.user_item,
#message_dropdown .dropdown-item article.media.user_item,
#calendar_dropdown .dropdown-item article.media.user_item,
#shopping_cart_dropdown .dropdown-item table.table.table-scroll.table-striped tbody tr,
.menu-list a{
  transition: 0.6s;
}
.login-button{margin: 0;}
.gig-convo-message{
  font-size: 16px !important;
}
.fc-view-container{border-top: solid #8f0c10 13px;}
#calendar .fc-toolbar.fc-header-toolbar{
  background-color: #8f0c10;
  margin: 0px;
  padding: 15px;
  color: #fff;
}
.fc-button-primary:focus {
  box-shadow: unset !important;
}
.fc-button-primary{
  color: #fff !important;
  background-color: #8f0c10 !important;
  border-color: #fff !important;
  border: solid 2px !important;
}

.fc-button-primary:hover {
  color: #8f0c10 !important;
  background-color: #fff !important;
  border-color: #fff !important;
}
.box.events-index{
  padding: 5px;
}
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
  border-color: #3232326e !important;
}

.convo-hr-black{
  margin: 5px -10px;
  border: 1px solid #808080c4;
}
.convo-hr-black{
  margin-top: 10px;
}

.events-index .gc-gig-events .column article{
  align-items: center;
  display: flex;
  justify-content: center;
}

.gc-gig-events .column.is-border{
  border: solid 3px #dbdbdb;
}
.gc-gig-events .column.is-border:not(:last-child){
  border-bottom: 0px !important;
}

#notification_dropdown .icon {
  height: 14px;
  width: 15px;
}




















/*mobile-css*/
@media only screen and (max-width: 764px) {
  #calendar .fc-toolbar.fc-header-toolbar {
    padding: 10px 5px;
  }
  .radio-box-container{
    display: inline-block;
    padding-left: 31px;
    margin-bottom: 5px;
    padding-right: 0px;
  }

  .convo-hr-black{
    margin-top: 10px;
  }

  .box.events-index{
    padding: 0px;
  }
  .fc-button{
    padding: 4px 5px !important;
  }

  .conversation-custom-offer .offer-price {
    font-size: 16px;
  }
  /*.head_gap_mobile {
    height: 71px !important;
  }*/
  .banner_heading {
    background: #ffffff80 !important;
  }
  .login-page form .column{ padding: 0px;}
  .social-login-button .column{  padding-bottom: 5px !important;}

  #mobile_nav #mobile_cart  span.is-pulled-right {
    margin-right: 20px;
  }
  .main-orders table .received-orders-list .is-pulled-right{
    width: 40%;
  }
  .profile-avatar-on-review.user-first-char-on-review {
    font-size: 115px;
  }
  .profile-avatar-on-review{
    height: 200px;
    width: 210px;
  }

  .is-pulled-right-de{
    float: unset !important;
  }
  .is-pulled-right-mb{
    float: right !important;
  }

  .radio-box-container{
    font-size: 15px;
  }
  .redio-box{
    /*top: 5px;*/
    left: 8px;
    height: 20px;
    width: 20px;
  }
  .is-pulled-right-de.radio-box-container .redio-box,
  .is-pulled-right.radio-box-container .redio-box{
    top: 2px;
    left: 10px;
  }
  .radio-box-container .redio-box:after {
    top: 6px;
    left: 6px;
  }
  .button.is-small {
    font-size: 11px !important;
  }

  .profile-image-avatar.user-first-char{
    font-size: 90px;
  }
  .order-title-box .title-search-box{
    width: 40%;
  }

  .block-ui-message{
    padding: 5px !important;
    margin: 0px !important;
    width: 70% !important;
    top: 40% !important;
    left: 14% !important;
  }
  .block-ui-message h1{
    font-size: 23px !important;
    padding: 20px 0px !important;
  }

  .modal-card-head, .modal-card-foot{
    padding: 15px;
  }
  .modal-card-title{
    font-size: 20px;
  }

  .top-banner-profile{
    height: auto;
    max-width: 100%;
    width: 100%;
    max-height: 250px;
  }


  html[login="false"] #mobile_nav button.is-pulled-right{
    position: absolute;
    z-index: inherit;
    right: 0;
    margin: 10px;
  }
  .hide-on-mobile{display: none}
  #list_view figure{
    display: flex;
  }
  .image-priview-box{
    display: flex!important;
  }
  .banner_heading {
    margin-top: 95px!important;
  }
  table.my-briefcase-list-table.table{
    overflow-x: scroll;
    display: block;
  }
  .my-briefcase-list-table .image {
    padding: unset;
    height: 60px;
    text-align: center;
    width: 70px;
  }

  .main-profile_edit .user-profile-image.cover-image{
    width: 100%;
  }
  #my_portfolio .modal-card,
  #eduction_background .modal-card{
    width: 100% !important;
    padding: 10px;
  }
  .main-job-show .owl-stage-outer{
    padding : 5px;
  }


  button.slider-custom.owl-next{
    margin-right: 11px;
  }
  .main-job-show .owl-nav{
    bottom: 44%;
  }

  .main-job-show .owl-carousel .owl-item{
    margin-right: 5px;
    height: 100px;
  }


  .column.device-screen .image{
    height: unset;
  }
  .column.device-screen .image img{
    height: auto;
    width: auto;
  }
  html[login="true"] main.main-div-contant{
    margin-top: unset !important;
  }
  .navbar-brand{
    width: 100%
  }

  .go-to-post{
    font-size: unset;
  }
  .button.is-black {
    border-color: unset;
  }
  .single-post-view,#post-attachments-box{
    padding: 10px 5px;
  }
  .single-post-view #gig-users-portfolio{
    padding: 10px 5px;
  }

  hr{
    margin: 5px;
  }
  .attachment-title{

  }

  .post-attachments-items .column{
    width: 48%;
    display: inline-block;
    margin-right: 5px;
  }
  .post-attachments-items .column img{
    max-height: 500px;
  }


  .hide-on-mobile.display-unset{
    display: none!important;
  }
  .cart-count-label{
    margin: 8px 0px;
  }
  .description-ellipsis {
    font-size: 12px;
  }

  .favorite-icon{
    font-size: 16px;
    top: 6px;
    right: 11px;
  }

  #item_detail_modal .favorite-icon{
    font-size: 20px;
    top: 30px;
    right: 15px;
  }

  .input_section{
    padding : 0px!important;
  }
  .user-status.big {
    margin-top: 287px;
    margin-left: 125px;
  }
  .container.profile-detail{
    margin-top: 85px;
  }
  #mobile_inbox  .content strong{
    text-transform: capitalize !important;
  }

  body {
    font-size: 13px;
  }
  .column {
    padding: 0.5rem;
  }
  .button.is-rounded {
    padding-left: 10px;
    padding-right: 10px;
  }
  .button.mobile_only{
    display : inline-block!important;
  }

  #list_view .list_item .column{
    padding : 5px!important;
  }

  #list_view figure.image{
    height: 50%;
  }

  .is-left-mobile{
    float: unset !important;
  }
  .is-right-mobile{
    float: right !important;
  }

  .alert{
    padding: 5px 5px;
  }
  .notifications-index .columns .column.row{
    padding: 0px !important;
  }
  .notifications-index  .main{
    padding: 0px !important;
  }
  .notifications-index .table td, .table th {
    vertical-align: middle;
    padding: 5px;
    text-align: center;
  }


  #mobile_nav .modal-card-body:not('.n'){
    height: 100vh!important;
  }
  .events-index .main .on-hover-zomm{
    padding: 0;
    margin-bottom: 10px;
  }
  .events-index .main{
    padding : 0px !important;
  }
  .on-mobile-tb-0{padding: 0px 10px;}

  .conversation-custom-offer .offer-date table .offer-table-header td, .conversation-custom-offer .offer-time table .offer-table-header td {
    padding: 5px 5px;
  }
  .conversation-custom-offer .offer-date, .conversation-custom-offer .offer-time{
    height: unset !important;
  }

  .conversation-custom-offer table tr td{
    text-align: center;
  }
  .conversation-custom-offer .offer-time span:first-child,
  .conversation-custom-offer .offer-date span:first-child{
    display : none;
  }

  .conversation-custom-offer .custom-offer-button a,
  .conversation-custom-offer .custom-offer-button button{
    float: right;
    margin: 5px 0;
    min-width: 49%;
  }

  .conversation-custom-offer .offer-date table .offer-table-value td,
  .conversation-custom-offer .offer-time table .offer-table-value td{
    padding: 5px;
  }
  .conversation-custom-offer{
    font-size: 13px !important;
  }

  .conversation-custom-offer .offer-date table,
  .conversation-custom-offer .offer-time table{
    width: 100% !important;
  }
  .modal-card {
    width: 90% !important;
    margin-bottom: 10px !important;
  }
  .container.job-create .main-box{
    padding: .50rem;
  }
  #brifcase-image-privew-model figure.image img,
  #file_details_view figure.image img{
    height: unset!important;
    max-height: 500px;
  }
  .chat-view-image.attachment_image { max-width: 220px !important;}

  .container.job-create .job-type{
    padding: 10px;
    display: grid;
  }
  #counter-offer-job-model .modal-card-body,
  #job-offer-update-awaiting-for-payment .modal-card-body,
  #custom-offer-attachment-view .modal-card-body,
  #job-work-approval-model .modal-card-body,
  #job-reject-work-model .modal-card-body,
  #job-approve-work-model .modal-card-body,
  #custom_offer_form .modal-card-body,
  #custom_offer_form  .column{
    padding: 0px !important;
  }
  #custom_offer_form .error-messages{
    padding: 5px!important;
  }
  #custom_offer_form .columns{
    padding: 0px 5px 0px 5px !important;
  }

  .full-h-v{
    width: 100vw !important;
    height: 100vh !important;
  }
  .input_section{
    padding : 0px!important;
  }
  .modal-card-foot.input_section{
    padding : 10px!important;
  }


  .display-flax-mobile{
    padding: 5px;
    display: flex!important;
  }
  #list_view .list_item .display-flax-mobile .column{
    padding : 0px !important;
  }
  #list_view .list_item .display-flax-mobile .column:nth-child(odd){
    padding-right: 5px !important;
  }

  .display-flax-mobile img{
    max-height: 300px;
  }


  #list_view figure.mobile_only{
    height: 150px;
  }

  #slider-in-the-modal img{
    padding: 0px !important;
    height: unset !important;
    width: unset !important;
    max-height: 100% !important;
    max-width: 100% !important;
    height: auto!important;
    width: auto!important;
    max-height: 70vh!important;
  }


   .button{
    white-space: unset;
  }
   #list_view figure img{
    position: unset!important;
    left: unset!important;
    top: unset!important;
    height: unset!important;
    width: 100%!important;
    -webkit-transform: unset!important;
    -ms-transform: unset!important);
    transform: unset!important;
    /*max-height: unset;*/
    object-fit: cover;object-position: center;
  }
   #list_view figure.mobile_only,
   #list_view figure.image{
     height: auto!important;
  }

  .button,button{white-space: unset;}
}
@media only screen and (max-width: 320px) {
  .user-status.big {
    margin-top: 268px;
    margin-left: 106px;
  }
  .profile-image-avatar {
    margin-top: 50% !important;
    height: 140px;
    width: 140px;
  }
  .description-ellipsis {
    -webkit-line-clamp: 1;
  }

  #file_details figure.image img, #brifcase-image-privew-model figure.image img{
    max-height: 300px !important;
  }
}

@media only screen and (device-width: 667px) {
  .user-status.big {
    margin-top: 260px;
    margin-left: 110px;
  }
}
@media only screen and (device-width: 768px) {
  .user-status.big {
    margin-top: 261px;
    margin-left: 150px;
  }
  .mobile_only{display: none !important;}
  .marketplace.p_1{margin-top: 30px;}
}

@media only screen and (min-width: 1100px) {
    .brif-table{
        padding: 10px;
    }
    .top_banner{
        background-position: bottom;
        /*background-size: contain;*/
        margin-top: -110px;
    }
}
@media screen and (max-width: 1088px){
  .navbar-brand {
    width: 100%;
  }
  .mobile-p-10 {
    padding: 10px!important;
    margin: 10px;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu a{color:#8f0c10 !important}.bootstrap-datetimepicker-widget.dropdown-menu{width:13em !important}.bootstrap-datetimepicker-widget table td span, .bootstrap-datetimepicker-widget table td{height:30px !important;line-height:40px !important}.bootstrap-datetimepicker-widget.dropdown-menu button{background:#8f0c10 !important;border-color:#dbdbdb !important;border-width:1px !important;color:#363636 !important;cursor:pointer !important;justify-content:center !important;padding-bottom:calc(0.375em - 1px) !important;padding-left:0.75em !important;padding-right:0.75em !important;padding-top:calc(0.375em - 1px) !important;text-align:center !important;white-space:nowrap !important;-webkit-appearance:none !important;align-items:center !important;border:1px solid #0000 !important;border-radius:4px !important;box-shadow:none !important;display:inline-flex !important;font-size:1rem !important;height:2.25em !important;justify-content:flex-start !important;line-height:1.5 !important;padding-bottom:calc(0.375em - 1px) !important;padding-left:calc(0.625em - 1px) !important;padding-right:calc(0.625em - 1px) !important;padding-top:calc(0.375em - 1px) !important;position:relative !important;vertical-align:top !important;color:#ffff!important}.bootstrap-datetimepicker-widget{background-color:#fff !important;border:solid 1px !important;border-radius:5px !important;border:1px solid #0003 !important;-moz-border-radius:5px !important;border-radius:5px !important;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) !important;-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2) !important;box-shadow:0 7px 10px rgba(0, 0, 0, 0.2) !important;-webkit-background-clip:padding-box !important;-moz-background-clip:padding !important}.datepicker.datepicker-dropdown .active.year, .datepicker.datepicker-dropdown .active.month, .datepicker.datepicker-dropdown .active.day{background-image:-webkit-linear-gradient(top, #c22025, #6f0f10) !important;background-color:#8f0c10 !important}.datepicker.datepicker-dropdown .today.day{background-image:-webkit-linear-gradient(top, #ff595e, #ff5b60)}

@media only screen and (min-width: 1600px) {
    .top_banner{
        margin-top: unset;
    }
}


.ui-widget.ui-widget-content{
  border: 1px solid #919191;
}
.ui-widget-shadow {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.ui-widget-content{
  text-align: justify;
  word-break: break-word;
}
.expired-date{
  color: #fd4640;
}
.p-0.b_t_1{
  padding: 0px !important;
}
.order-items-table tbody tr{
  cursor: pointer;
}


.conversation_container article.user_msg .message-box{
  background-color: #000;
  color: #fff;
}
.conversation_container article.opponent_msg .message-box{
  background-color: #8f0c10;
  color: #fff;
}

.conversation_container article.user_msg img{
  background-color: #fff;
}
.conversation_container .message-box .conversation-custom-offer{
  background-color: #fff;
  color: black;
}
[login="true"] .navbar-burger span:nth-child(2){
  top: unset;
}

.conversation_container article.user_msg.attachments-div .message-box,
.conversation_container article.opponent_msg.attachments-div .message-box{
  background-color: #CC7585;
}

.attachments-div .message-box-right-arrow::after,
.attachments-div .message-box-right-arrow::before{
  border-left: 12px solid #CC7585 !important;
}
.attachments-div div.message-box-left-arrow::after,
.attachments-div div.message-box-left-arrow::before{
  border-right: 12px solid #CC7585 !important;
}
html {
  scroll-behavior: smooth;
}

.skill-search-tag{
  transition: 0.5s;
  /*white-space: nowrap !important;*/
  background: #ddd;
  color: #010101;
  font-size: 13px;
  padding: 3px 3px;
  margin: 0px 3px;
  border-radius: 2px;
  text-decoration: none;
  text-transform: capitalize;
}
.skill-search-tag:hover{
  background:#ff6c00 !important;
  color: #fff !important;
}
.skill-search-tag.red:hover{
  background:#8f0c10 !important;
  color: #fff !important;
}
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  overflow: hidden;
  font-size: .75rem;
  background-color: #eee;
  border-radius: 2px;
  margin: 10px 0!important;
}
.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 2.5s linear infinite;
  animation: progress-bar-stripes 2.5s linear infinite;
}
.progress-bar-striped {
  background-image: linear-gradient(45deg,#ffffff26 25%,#0000 25%,#0000 50%,#ffffff26 50%,#ffffff26 75%,#0000 75%,#0000);
  background-size: 1rem 1rem;
}
.progress-bar {
  text-align: center;
  font-weight: 900;
  padding-top: 3px;
  color: #fff;
  background-color: #8f0c10;
  transition: width .6s ease;
}

@keyframes progress-bar-stripes {
  from { background-position: 50px 0; }
  to { background-position: 0 0; }
}
.user-image-box .user-img button{
  left: 0;
  margin: 8px 0px;
}

.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: unset !important;
}
.button:focus, .button.is-focused {
  border-color: #8f0c10;
}

.rating {
  position: relative;
  font-size: 20px;
  border: none;
  float: left;
}
.rating > input { display: none; }
.rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: "Font Awesome 5 Free";;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #ddd;
  cursor:pointer;
  font-weight: 900;
  float: right;
}

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #e7711b;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #ffa350;  }


.star-ratings {
  margin-top: -4px;
  color: #ccc;
  font-size: 25px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  word-break: normal;
  word-wrap: normal !important;
}
.fill-ratings {
  color: #e7711b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings span {
  word-break: unset !important;
  display: inline-block;
}
.empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}




/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 12000;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  /*border: 18px solid #c3c3c3;
  border-radius: 50%;
  border-top: 18px solid #8f0c10;
  width: 130px;
  height: 130px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;*/
}
#loader img{
  max-height: 100%;
  max-width: 100%;
}
.block-ui-loader{
  z-index: 1000;
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #ffffff7a;
  opacity: 1;
  cursor: wait;
  position: fixed;
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.tabs:not(:last-child), .message:not(:last-child), .list:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .highlight:not(:last-child), .block:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
  margin-bottom: 5px !important;
}

@media only screen and (max-width: 764px) {
  .on-mobile-pt-10{padding-top: 10px !important;}
  .on-mobile-pl-10{padding-left: 10px !important;}
  .on-mobile-pr-10{padding-right: 10px !important;}
  .on-mobile-pr-10{padding-right: 10px !important;}
  .on-mobile-pb-10{padding-bottom: 10px !important;}
  .on-mobile-pt-0{padding-top: 0px !important;}
  .on-mobile-p-0{padding: 0px !important;}
  .on-mobile-mt-20{margin-top: 20px !important;}

  .on-mobile-pl-0{padding-left: 0px!important;}.on-mobile-pr-0{padding-right: 0px!important;}.on-mobile-pt-0{padding-top: 0px!important;}.on-mobile-pb-0{padding-bottom: 0px!important;}
  .on-mobile-pl-1{padding-left: 1px!important;}.on-mobile-pr-1{padding-right: 1px!important;}.on-mobile-pt-1{padding-top: 1px!important;}.on-mobile-pb-1{padding-bottom: 1px!important;}
  .on-mobile-pl-10{padding-left: 10px!important;}.on-mobile-pr-10{padding-right: 10px!important;}.on-mobile-pt-10{padding-top: 10px!important;}.on-mobile-pb-10{padding-bottom: 10px!important;}
  .on-mobile-pl-5{padding-left: 5px!important;}.on-mobile-pr-5{padding-right: 5px!important;}.on-mobile-pt-5{padding-top: 5px!important;}.on-mobile-pb-5{padding-bottom: 5px!important;}
  .on-mobile-pl-4{padding-left: 4px!important;}.on-mobile-pr-4{padding-right: 4px!important;}.on-mobile-pt-4{padding-top: 4px!important;}.on-mobile-pb-4{padding-bottom: 4px!important;}
  .on-mobile-pl-20{padding-left: 20px!important;}.on-mobile-pr-20{padding-right: 20px!important;}.on-mobile-pt-20{padding-top: 20px!important;}.on-mobile-pb-20{padding-bottom: 20px!important;}
  .on-mobile-pl-30{padding-left: 30px!important;}.on-mobile-pr-30{padding-right: 30px!important;}.on-mobile-pt-30{padding-top: 30px!important;}.on-mobile-pb-30{padding-bottom: 30px!important;}
  .on-mobile-p-0{padding: 0px!important;}.on-mobile-p-5{padding: 5px!important;}.on-mobile-p-10{padding: 10px!important;}.on-mobile-p-20{padding: 20px!important;}
  .on-mobile-ml-0{margin-left: 0px!important;}.on-mobile-ml-3{margin-left: 3px!important;}.on-mobile-mr-0{margin-right: 0px!important;}.on-mobile-mt-0{margin-top: 0px!important;}.on-mobile-mb-0{margin-bottom: 0px!important;}
  .on-mobile-ml-5{margin-left: 5px!important;}.on-mobile-mml-5{margin-left: -5px!important;}.on-mobile-mr-5{margin-right: 5px!important;}.on-mobile-mt-5{margin-top: 5px!important;}.on-mobile-mb-5{margin-bottom: 5px!important;}
  .on-mobile-ml-10{margin-left: 10px!important;}.on-mobile-mml-10{margin-left: -10px!important;}.on-mobile-mr-5{margin-right: 10px!important;}.on-mobile-mt-10{margin-top: 5px!important;}.on-mobile-mb-10{margin-bottom: 10px!important;}
  .on-mobile-ml-20{margin-left: 20px!important;}.on-mobile-mml-20{margin-left: -20px!important;}.on-mobile-mr-5{margin-right: 20px!important;}.on-mobile-mt-20{margin-top: 5px!important;}.on-mobile-mb-20{margin-bottom: 20px!important;}
  .on-mobile-ml-30{margin-left: 30px!important;}.on-mobile-mml-30{margin-left: -30px!important;}.on-mobile-mr-5{margin-right: 30px!important;}.on-mobile-mt-30{margin-top: 5px!important;}.on-mobile-mb-30{margin-bottom: 30px!important;}
}

.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active), .button:active, button:active, a:active, a.no-active {
  border-color: #000;
  border: 0;
  color: #fff;
  box-shadow: unset !important;
}

.mobile-ratng-center{
  max-width: 140px; text-align: center;
}
.event-user-link{
  float: left;
  margin-right: 10px;
}

.mobile-padding-sides-0 {
  padding-left: 10px;
  padding-right: 10px
}
@media (max-width: 767px) and (orientation : portrait) {
  .mobile-padding-sides-0 {
    padding-left: 0px;
    padding-right: 0px
  }
}

.conversation_time { margin-bottom: 0px; }
.conversation_time small{ font-size: 10px; }
.field-icon { float: right; margin-right: 8px; margin-top: -23px; position: relative; z-index: 2; cursor:pointer; }
.navbar.is-fixed-bottom, .navbar.is-fixed-top{ z-index:300;}