@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-RegularItalic.woff2") format("woff2"), url("../fonts/Averta-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-Regular.woff2") format("woff2"), url("../fonts/Averta-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-Semibold.woff2") format("woff2"), url("../fonts/Averta-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-SemiboldItalic.woff2") format("woff2"), url("../fonts/Averta-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-Bold.woff2") format("woff2"), url("../fonts/Averta-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Averta";
  src: url("../fonts/Averta-BoldItalic.woff2") format("woff2"), url("../fonts/Averta-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap
}
body {font-family: "Averta", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;}

.error{
  font-size: 1rem !important;
}
.form-control { border:1px solid #b2c2cd;border-radius: 4px;transition: border .1s linear; outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    
/*.modal-open .container-fluid, .modal-open .container {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}*/
select#Country {
    padding: 0rem 1rem;
    height: 50px;
}

.sidebar .nav-item .nav-link {
    display: block;
    width: 100%;
    text-align: left;
    padding: .6rem 1rem;
    width: 14rem;
}

 .navbar-avatar {
    width: 65px;
    height: 65px;
    font-size: 30px;
    line-height: 60px;
    border-width: 3px;
    color:#221333;
    border-color:#221333;
    text-decoration: none;
    border-style: solid;
    background-color: #fff;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    margin-top: 10px;
}

.navbar-name {
    opacity: .6;
}

.navbar-name {
    margin-top: 12px;
}
.navbar-company, .navbar-name {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.navbar-company, .navbar-name {
    padding: 0 15px;
}


/*========================
progress
=========================*/
.progress {
  width: 150px;
  height: 150px;
  background: none;
  position: relative;
}

.progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}

.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.progress .progress-left {
  left: 0;
}

.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress .progress-right {
  right: 0;
}

.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.progress .progress-value {
  position: absolute;
  top: 0;
  left: 0;
}


/* ================
pricing
*/
.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.pricing hr {
  margin: 1.5rem 0;
}

.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: .1rem;
  font-weight: bold;
}

.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}

.pricing .card-price .period {
  font-size: 0.8rem;
}

.pricing ul li {
  margin-bottom: 1rem;
}

.pricing .text-muted {
  opacity: 0.7;
}

.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

/* Hover Effects on Card */

@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }

  .pricing .card.active { margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }

  .pricing .card.active .btn {
    opacity: 1;
  }

  .pricing .card.populer:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    width: 94px;
    height: 68px;
    background:transparent url(data:image/png;base64,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) 0 0 no-repeat;
}

}

.be-animation{
  display: flex;
  align-items: center;
  text-align: center;
 animation: colors 7s infinite;
 color: #fff;
}

@keyframes colors {
  0% {
    background-color: #001F3F;
  }
  50% {
    background-color: #FF4136;
  }
  100% {
    background-color: #001F3F;
  }
}

.input-group-joined {
    border-color: #c5ccd6;
    border-width: 0px;
    border-style: solid;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: auto;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-joined .input-group-append .input-group-text, .input-group-joined .input-group-prepend .input-group-text {
    border: none;
    background-color: #fff;
}
.input-group-joined .form-control {
    border:0px solid #c5ccd6;

}

.searchBox {
    border: 2px solid #cdd4d9;
    border-radius:0px;
    float: right;
    padding:0 15px 0 15px;
    background-color: #fff;
    font-size: inherit;
    color: inherit;
    position: relative;
}

.searchBox .form-control:focus , .searchBox .btn-light:not(:disabled):not(.disabled):active:focus{box-shadow: 0 0 0 0.2rem rgb(78 115 223 / 0%);}

.searchBox .btn-light:not(:disabled):not(.disabled):active { background-color: #d4daed00;
    border-color: #cbd3e900; }

    .searchBox .btn-light.focus, .searchBox .btn-light:focus {
    color: #3a3b45;
    background-color: #dde2f100;
    border-color:#dde2f100;
    box-shadow:0 0 0 0.2rem rgb(220 221 225 / 0%);
}

.searchBox .btn-light:hover {
    color: #3a3b45;
    background-color:#dde2f100;
    border-color:#dde2f100;
}

.border-radius_my{border-radius: 500px; padding: 8px 20px;}
.my-min-height { min-height:500px; }
#as-search {margin: 0 auto;
    background: #f3f4f6;
    padding: 15px 30px;
    border-top:2px solid #cdd4d9;
     border-bottom:2px solid #cdd4d9;
    position: relative;}

.as-search:before {
    border-top: 2px solid #cdd4d9;
    border-right: 2px solid #cdd4d9;
    transform: translateX(-50%) translateY(-50%) rotate(315deg);
    height: 20px;
    width: 20px;
    position: absolute;
}

.as-search:before {
    content: "";
    right: 15px;
    top: -2px;
    pointer-events: none;
}

.mt-30 {margin-top: 30px;}

#Createbill {border-radius: 100% !important;}

.Profilecard .navbar-avatar {
    width:100px;
    height:100px;
    font-size:50px;
    line-height:97px;
    font-weight: 700;
    border-width: 5px;
}

.bg-indigo-100 {background-color: #ebf4ff; float: right; padding: 10px}

select.custom-select.custom-select-sm.form-control.form-control-sm {
    width: auto;
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
}

.dataTables_length { width: auto; float: left; }
.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

/*Success icon animation*/
.dummy-positioning {
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.success-icon {
  display: inline-block;
  width:4em;
  height:4em;
  font-size: 20px;
  border-radius: 50%;
  border: 4px solid #96df8f;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: showSuccess 180ms ease-in-out;
          animation: showSuccess 180ms ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.success-icon__tip, .success-icon__long {
  display: block;
  position: absolute;
  height: 4px;
  background-color: #96df8f;
  border-radius: 10px;
}
.success-icon__tip {
  width: 2.4em;
  top:2.15em;
  left: 1.4em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: tipInPlace 300ms ease-in-out;
          animation: tipInPlace 300ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 180ms;
          animation-delay: 180ms;
  visibility: hidden;
}
.success-icon__long {
  width: 4em;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 1.85em;
  left: 2.75em;
  -webkit-animation: longInPlace 140ms ease-in-out;
          animation: longInPlace 140ms ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  visibility: hidden;
  -webkit-animation-delay: 440ms;
          animation-delay: 440ms;
}

@-webkit-keyframes showSuccess {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes showSuccess {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes tipInPlace {
  from {
    width: 0em;
    top: 0em;
    left: -0.8em;
  }
  to {
    width:1.2em;
    top: 2.15em;
    left: 0.7em;
    visibility: visible;
  }
}
@keyframes tipInPlace {
  from {
    width: 0em;
    top: 0em;
    left: -0.8em;
  }
  to {
    width:1.2em;
    top: 2.15em;
    left:0.7em;
    visibility: visible;
  }
}
@-webkit-keyframes longInPlace {
  from {
    width: 0em;
    top: 2.55em;
    left:1.6em;
  }
  to {
    width: 2em;
    top: 1.85em;
    left: 1.375em;
    visibility: visible;
  }
}
@keyframes longInPlace {
  from {
    width: 0em;
    top: 2.55em;
    left: 1.6em;
  }
  to {
    width: 2em;
    top: 1.85em;
    left: 1.375em;
    visibility: visible;
  }
}


/*Success icon animation css end*/

.textellipsis {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/* dive tabel css*/
.boxer {
  display: table;
  border-collapse: collapse;
  width: 100%
}
.boxer .box-row {
  display: table-row;
  color: #5a5c69;
    text-decoration: none;
}

.boxer a {height: 50px;}
 
div.box-row:hover { background: #cccccc2e; cursor: pointer; }
.boxer .box-row:first-child {
  font-weight:normal;
  font-size: 12px;
}
.boxer .box {
    display: table-cell;
    vertical-align:middle;
    border-bottom: 1px solid #e2e3e6;
    padding: 5px;
}
.boxer .ebay {
  padding:5px 1.5em;

}
.boxer .google {
  padding:5px 1.5em;
  text-align: right;
}
.boxer .amazon {
  padding:5px 1.5em;
}
.center {
  text-align:center;
}
.right {
  float:right;
}

/* end*/

.mbr.as-search:before {
    content: "";
    left: 15px;
    top: -1px;
    pointer-events: none;
}
.as-mycss { position: relative;
    z-index: 9999;
    right: 0;
    margin: 0 auto;
    float: right; }

.text-muted {
    color: #a7a7a7!important;
}

.select2-container .select2-selection--single{height: calc(1.5em + .75rem + 2px);}
/*  .select2-container {width: 100% !important;}*/
  .select2-container--default .select2-selection--single{padding:.3rem .2rem;border: 1px solid #d1d3e2;border-radius: .35rem;}

  .balance_sheet .as-search:before { height: 0px; width: 0px }
 .balance_sheet #as-search { border:2px solid #cdd4d9  }