/*serfing*/


/*serfing*/



.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 2px solid #999de7;
  border-radius: 20px; }
  
  
.alert-primary {
  color: #432;
  background-color: #999de7;
  border-color: #545df0;
}
  .alert-primary hr {
    border-top-color: rgba(55,45,25,0.2); }
  .alert-primary .alert-link {
    color: #5b2e2c; }
    
    
    .pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }
  
  .text-center {
  text-align: center !important; }
  
  
  .card {
  box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
  -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
  -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
  -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); 
      background:#d8e0f8;
  }
  
  
  
  .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
  

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }


.flex-grow {
  flex-grow: 1; }
  
  
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
  
   .col-md-777{
  position: relative;
  width: 10%;
  padding-right: 0.75rem;
  padding-left: 0.75rem; }
   
  
  .card-title {
  margin-bottom: 0.875rem; }
  
  
  
  .text-dark {
  color: #282f3a !important; }
  
  
  
.card-footer {
  padding: 0.875rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.0);
  border-top: 1px solid rgba(146, 89, 89, 0.1); }
  .card-footer:last-child {
    border-radius: 0 0 0 0; }
  









.fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
     width: 20px;
    height: 8px;
}




.ssiserf{
    text-align:center
}

.btnssiser{
    color: #433;
    background-color: #fc4;
    background-image: linear-gradient(0deg, #fc4 30%, #ea2 90%);
    border-color: #ea3;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1;
    padding: 5px 20px;
    box-shadow: none;
    text-transform: uppercase !important;
    display: inline-block;
    font-weight: 600;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.1875rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin-bottom:5px;

}

.surfblockopen{background-color: #d0F0e0;border-color: #D0D0D0;color: #808080;opacity:0.3;display:none;}
.panel-success {border-width: 2px;}
.bg-danger {background-color: #e34 !important;}
.serf-link {color: #433 !important;font-size: 17px;}



.badgeser {
  display: inline-block;
  padding: 4px 5px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  
.text-secondaryser {
  color: #7987a1 !important; }


.cardser {
    box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
    -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
    -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    background: #d8e0f8;
}

.shadow-smser {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }


.mb-2ser {
  margin-bottom: 0.5rem !important; }

.rowser {
  display: flex;
 
}

.col-md-10ser {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }


.card-titleser {
  margin-bottom: 0.875rem; }

.h3ser{
  margin-bottom: 0.875rem; }
  
  .p-1ser{
      margin:5px 0 5px 15px;
  }
  
  
  .text-darkser {
  color: #282f3a !important; }

a.text-darkser:hover, a.text-darkser:focus {
  color: #090a0d !important; }


.card-footerser {
  padding: 7px 10px;
  background-color: rgba(0, 0, 0, 0.0);
  border-top: 1px solid rgba(146, 89, 89, 0.1); }
  .card-footerser:last-child {
    border-radius: 0 0 0 0; }

  .p-1serd{
      margin:5px 0 5px 5px;
  }
  
  
  .badgeser {
  display: inline-block;
  padding: 4px px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  
  .text-secondaryser {
  color: #7987a1 !important; }

a.text-secondaryser:hover, a.text-secondary:focus {
  color: #556179 !important; }



  .text-secondary {
  color: #7987a1 !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #556179 !important; }


  
  .float-rightser {
  float: right !important; }
  
  
  
.col-md-2{
    position: relative;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem; 
} 

.text-centerser{
    text-align: center !important;
}
  
  .alertser {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 2px dashed transparent;
  border-radius: 0.0rem; }
  
  
  
  
.alert-warningser {
  color: #836203;
  background-color: #fef2cd;
  border-color: #feecb9; }
  .alert-warningser hr {
    border-top-color: #fee5a0; }
  .alert-warningser {
    color: #513d02; }
  
  
  .text-uppercaseser {
  text-transform: uppercase !important; }
  
  
  .text-uppercase {
  text-transform: uppercase !important; }

  
  
.card-bodyser {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.5rem; }
  
  
.align-items-centerser, .navbar .search-form {
  align-items: center !important; }
  
  
 .mb-0,
.my-0 {
  margin-bottom: 0 !important; }
 
 .h5ser{
     font-size:21px;
     font-weight:700;
 } 
  
  
  
  
  
  
 .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control, .input-group > select, .email-compose-fields .select2-container--default .input-group > .select2-selection--multiple, .select2-container--default .input-group > .select2-selection--single, .select2-container--default .select2-selection--single .input-group > .select2-search__field, .input-group > .typeahead,
  .input-group > .tt-query,
  .input-group > .tt-hint,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0; } 
  
  
  .mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }



.input-group-append,
.input-group-prepend {
  color: #433;
  width: auto;
  border: none; }
  .input-group-append .input-group-text,
  .input-group-prepend .input-group-text {
    border-color: #ddcabc;
    padding: 0.5rem 0.75rem;
    color: #433; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: #433;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(214, 124, 45, 0.08);
  border: 1px solid #ced4da;
  border-radius: 2px; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }



.form-control{
        display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


  .col-md-4 {
    flex: 0 0 31.05333%;
    max-width: 31.05333%; }


.row {
  display: flex;
  /*flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem; */
}


.btn, .fc .fc-button, .swal2-modal .swal2-actions button, .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions .disabled a {
  display: inline-block;
  font-weight: 600;
  color: #000;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.btn-lg, .btn-group-lg > .btn, .fc .btn-group-lg > .fc-button, .swal2-modal .swal2-actions .btn-group-lg > button, .wizard > .actions .btn-group-lg > a, .wizard > .actions .disabled .btn-group-lg > a {
  padding: 0.8rem 1.5rem;
  font-size: 1.3rem;
  line-height: 1;
  border-radius: 0.1875rem; }
  
  
  
  
 .btn-primary, .swal2-modal .swal2-actions button.swal2-confirm, .wizard > .actions a, .wizard > .actions a:hover {
  color: #433;
  background-color: #fc4;
  background-image: linear-gradient(0deg, #fc4 30%, #ea2 90%);
  border-color: #ea3; } 
  
  
    .btn-primary:hover, .swal2-modal .swal2-actions button.swal2-confirm:hover, .wizard > .actions a:hover {
    color: #433;
    background-image: linear-gradient(0deg, #ea2 30%, #fc4 90%);
    border-color: #da2;
    cursor:pointer;}
  .btn-primary:focus, .swal2-modal .swal2-actions button.swal2-confirm:focus, .wizard > .actions a:focus, .btn-primary.focus, .swal2-modal .swal2-actions button.focus.swal2-confirm, .wizard > .actions a.focus {
    color: #544;
    background-color: #ec3;
    border-color: #ec3;
    box-shadow: 0 0 2px 0.1rem rgba(235, 144, 47, 0.1); }
  .btn-primary.disabled, .swal2-modal .swal2-actions button.disabled.swal2-confirm, .wizard > .actions a.disabled, .btn-primary:disabled, .swal2-modal .swal2-actions button.swal2-confirm:disabled, .wizard > .actions a:disabled {
    color: #fff;
    background-color: #fc5;
    border-color: #fc5; }
    
    
    
.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

  .pl-3,
.px-3 {
  padding-left: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }


.alert-danger {
  color: #851b35;
  background-color: #ffd6e0;
  border-color: #ffc6d4; }
  .alert-danger hr {
    border-top-color: #ffadc1; }
  .alert-danger .alert-link {
    color: #5b1224; }

.text-white {
  color: #ffffff !important; }

.mb-3px {
  margin-bottom: 3px; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }


.btn-warning {
  color: #212529;
  background-color: #fbbc06;
  border-color: #fbbc06; }
  .btn-warning:hover {
    color: #212529;
    background-color: #d7a103;
    border-color: #cb9703; }
  .btn-warning:focus, .btn-warning.focus {
    color: #212529;
    background-color: #d7a103;
    border-color: #cb9703;
    box-shadow: 0 0 0 0.2rem rgba(218, 165, 11, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #fbbc06;
    border-color: #fbbc06; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #cb9703;
    border-color: #be8e03; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(218, 165, 11, 0.5); }

.p-2 {
  padding: 0.5rem !important; }

.rounded-circle {
  border-radius: 50% !important; }



.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%; }

  .pl-2,
.px-2 {
  padding-left: 0.5rem !important; }


.m-3 {
  margin: 1rem !important; }

.icon-sm {
  width: 14px;
  height: 14px; }


.collapse:not(.show) {
  display: none; }

  .inbox-wrapper .email-aside .aside-content .aside-nav.collapse {
    display: block; }
  
  .border-top-0 {
  border-top: 0 !important; }


.sidebar .sidebar-body .nav {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      padding: 25px 25px 50px 25px; }

.nav-pills .nav-link {
  border-radius: 0.25rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }



.text-left {
  text-align: left !important; }


.text-danger {
  color: #ff3366 !important; }


.text-muted, .dropzone.dz-clickable .dz-message *, .flot-text .flot-x-axis > div,
.flot-text .flot-x-axis .flot-tick-label,
.flot-text .flot-y-axis > div,
.flot-text .flot-y-axis .flot-tick-label, .editor-toolbar a {
  color: #686868 !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }


.text-right {
  text-align: right !important; }





.fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
     width: 20px;
    height: 8px;
}

.fa-edit, .fa-pause, .fa-times, .fa-play{
    cursor:pointer;
}






/*serfingend*/