@media (max-width: 768px) and (min-width: 0px){
    .nav-pills .nav-item{
         width: 100%!important;
     }
 }
 
 @media (max-width: 520px) and (min-width: 0px){
  .px-auto{
         padding-left: 0.5rem!important;
         padding-right: 0.5rem!important;
     }
 }
 
 @media (min-width: 520px){
     .px-auto{
             padding-left: 1rem!important;
             padding-right: 1rem!important;
     }
 }
 
 @media (min-width: 992px){
     .img-fluid {
         border-radius: 0.25rem;
     }
 }
 
 .page-link.active {
     z-index: 2;
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
 }
 
 
 .img-fluid {
     max-width: 100%;
     width: 100%;
 }
 
 .callout.callout-danger {
     border-left-color: #bd2130;
 }
 .callout {
     border-radius: 0.25rem;
     box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
     border-left: 5px solid #e9ecef;
     padding: 1rem;
 }
 .is-invalid {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
     
     padding-right: 2.25rem!important;
     background-repeat: no-repeat;
     background-position: right calc(0.375em + 0.1875rem) center;
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .css_icon{
     width: 10px;
 }
 .css___index{
     display: none;
 }
 
 a.user-tags.active span, a.user-tags.active i
 {    
     color: white!important;
 }
 
 .user-tags
 {
     height: 53px;
     border: 1px solid #007bff;
     min-width: 285px;
 }
 
 
 .user-block .description {
     color: #6c757d;
     font-size: 13px;
     margin-top: -3px;
     display: block;
 }
 
 
 
 @media (min-width: 770px){
     .user-block .description {
         margin-left: 50px;
     }
 }
 .user-block img {
     float: left;
     height: 40px;
     width: 40px;
 }
 
 .img-circle {
     border-radius: 50%;
 }
 .img-bordered-sm {
     border: 2px solid #adb5bd;
     padding: 2px;
 }
 
 
  a.wish_bt:after {
     font-family: 'ElegantIcons';
     content: "\e030";
 }
 a.wish_bt {
     position: absolute;
     right: 5px;
     top: 3px;
     background-color: rgba(0, 0, 0, 0.1);
      border-radius: 0.25rem;
     padding: 9px 10px;
     color: #555;
     line-height: 1;
 }
 a.wish_bt:hover:after {
   content: "\e089";
   color: #ed730b;
 }
 
 .bg-primary, .bg-primary>a,.bg-info, .bg-info>a, .bg-success, .bg-success>a, .bg-danger, .bg-danger>a{
     color: #fff!important;
 }
 
 .card .nav.flex-column:not(.nav-sidebar)>li {
     border-bottom: 1px solid rgba(0,0,0,.125)!important;
     margin: 0;
 }
 
 
 .card {
     box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
     margin-bottom: 1rem;
 }
 .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 0 solid rgba(0,0,0,.125);
     border-radius: 0.25rem;
 }
 .icon{
     font-size: 1.5em;
     font-weight: bold;
 }
 
 label:not(.form-check-label):not(.custom-file-label) {
     font-weight: 700!important;
     
 }
 label {
     display: inline-block;
     margin-bottom: 0.5rem;
     
     margin-top: 20px;
 }