/*******************
Buttons
******************/
.btn {
    padding: 7px 12px;
    font-size: 14px;
    cursor: pointer; }
  
  .btn-group label {
    color: #ffffff !important;
    margin-bottom: 0px; }
    .btn-group label.btn-secondary {
      color: #747d8a !important; }
  
  .btn-lg {
    padding: .75rem 1.5rem;
    font-size: 1.25rem; }
  
  .btn-md {
    padding: 12px 55px;
    font-size: 16px; }
  
  .btn-circle {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 10px; }
  
  .btn-circle.btn-sm {
    width: 35px;
    height: 35px;
    padding: 8px 10px;
    font-size: 14px; }
  
  .btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 14px 15px;
    font-size: 18px; }
  
  .btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 14px 15px;
    font-size: 24px; }
  
  .btn-sm {
    padding: .25rem .5rem;
    font-size: 12px; }
  
  .btn-xs {
    padding: .25rem .5rem;
    font-size: 10px; }
  
  .button-list button, .button-list a {
    margin: 5px 12px 5px 0; }
  
  .btn-outline {
    color: inherit;
    background-color: transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
  
  .btn-rounded {
    border-radius: 60px;
    padding: 7px 18px; }
    .btn-rounded.btn-lg {
      padding: .75rem 1.5rem; }
    .btn-rounded.btn-sm {
      padding: .25rem .5rem;
      font-size: 12px; }
    .btn-rounded.btn-xs {
      padding: .25rem .5rem;
      font-size: 10px; }
    .btn-rounded.btn-md {
      padding: 12px 35px;
      font-size: 16px; }
  
  .btn-secondary,
  .btn-secondary.disabled {
    background: #ffffff;
    border: 1px solid #727b84;
    color: #727b84; }
    .btn-secondary:hover,
    .btn-secondary.disabled:hover {
      background: #727b84;
      opacity: 0.7;
      border: 1px solid #727b84; }
    .btn-secondary.active, .btn-secondary:focus,
    .btn-secondary.disabled.active,
    .btn-secondary.disabled:focus {
      background: #727b84;
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #ffffff; }
  
  .btn-primary,
  .btn-primary.disabled {
    background: #87b2df;
    border: 1px solid #87b2df;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-primary:hover,
    .btn-primary.disabled:hover {
      background: #7460ee;
      -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
      box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
      border: 1px solid #7460ee; }
    .btn-primary.active, .btn-primary:focus,
    .btn-primary.disabled.active,
    .btn-primary.disabled:focus {
      background: #6352ce;
      -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
      box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2); }
  
  .btn-themecolor,
  .btn-themecolor.disabled {
    background: #009efb;
    color: #ffffff;
    border: 1px solid #009efb; }
    .btn-themecolor:hover,
    .btn-themecolor.disabled:hover {
      background: #009efb;
      opacity: 0.7;
      border: 1px solid #009efb; }
    .btn-themecolor.active, .btn-themecolor:focus,
    .btn-themecolor.disabled.active,
    .btn-themecolor.disabled:focus {
      background: #028ee1; }
  
  .btn-success,
  .btn-success.disabled {
    background: #26c6da;
    border: 1px solid #26c6da;
    -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-success:hover,
    .btn-success.disabled:hover {
      background: #26c6da;
      -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
      box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
      border: 1px solid #26c6da; }
    .btn-success.active, .btn-success:focus,
    .btn-success.disabled.active,
    .btn-success.disabled:focus {
      background: #1eacbe;
      -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
      box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2); }
  
  .btn-info,
  .btn-info.disabled {
    background: #1e88e5;
    border: 1px solid #1e88e5;
    -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-info:hover,
    .btn-info.disabled:hover {
      background: #1e88e5;
      border: 1px solid #1e88e5;
      -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
      box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }
    .btn-info.active, .btn-info:focus,
    .btn-info.disabled.active,
    .btn-info.disabled:focus {
      background: #028ee1;
      -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
      box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }
  
  .btn-warning,
  .btn-warning.disabled {
    background: #ffb22b;
    color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    border: 1px solid #ffb22b;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-warning:hover,
    .btn-warning.disabled:hover {
      background: #ffb22b;
      color: #ffffff;
      -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
      box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
      border: 1px solid #ffb22b; }
    .btn-warning.active, .btn-warning:focus,
    .btn-warning.disabled.active,
    .btn-warning.disabled:focus {
      background: #e9ab2e;
      -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
      box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2); }
  
  .btn-danger,
  .btn-danger.disabled {
    background: #fc4b6c;
    border: 1px solid #fc4b6c;
    -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-danger:hover,
    .btn-danger.disabled:hover {
      background: #fc4b6c;
      -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
      box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
      border: 1px solid #fc4b6c; }
    .btn-danger.active, .btn-danger:focus,
    .btn-danger.disabled.active,
    .btn-danger.disabled:focus {
      background: #e6294b;
      -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
      box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2); }
  
  .btn-inverse,
  .btn-inverse.disabled {
    background: #2f3d4a;
    border: 1px solid #2f3d4a;
    color: #ffffff; }
    .btn-inverse:hover,
    .btn-inverse.disabled:hover {
      background: #2f3d4a;
      opacity: 0.7;
      color: #ffffff;
      border: 1px solid #2f3d4a; }
    .btn-inverse.active, .btn-inverse:focus,
    .btn-inverse.disabled.active,
    .btn-inverse.disabled:focus {
      background: #232a37;
      color: #ffffff; }
  
  .btn-red,
  .btn-red.disabled {
    background: #fb3a3a;
    border: 1px solid #fb3a3a;
    color: #ffffff; }
    .btn-red:hover,
    .btn-red.disabled:hover {
      opacity: 0.7;
      border: 1px solid #fb3a3a;
      background: #fb3a3a; }
    .btn-red.active, .btn-red:focus,
    .btn-red.disabled.active,
    .btn-red.disabled:focus {
      background: #e6294b; }
  
  .btn-outline-secondary {
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 3px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus {
      -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
      box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2); }
    .btn-outline-secondary.active, .btn-outline-secondary:focus {
      -webkit-box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2);
      box-shadow: 0 14px 26px -12px rgba(169, 169, 169, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(169, 169, 169, 0.2); }
  
  .btn-outline-primary {
    color: #7460ee;
    background-color: #ffffff;
    border-color: #7460ee;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus {
      background: #7460ee;
      -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
      box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
      color: #ffffff;
      border-color: #7460ee; }
    .btn-outline-primary.active, .btn-outline-primary:focus {
      -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
      box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2); }
  
  .btn-outline-success {
    color: #26c6da;
    background-color: transparent;
    border-color: #26c6da;
    -webkit-box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus {
      background: #26c6da;
      border-color: #26c6da;
      color: #ffffff;
      -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
      box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2); }
    .btn-outline-success.active, .btn-outline-success:focus {
      -webkit-box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2);
      box-shadow: 0 14px 26px -12px rgba(40, 190, 189, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(40, 190, 189, 0.2); }
  
  .btn-outline-info {
    color: #1e88e5;
    background-color: transparent;
    border-color: #1e88e5;
    -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus {
      background: #1e88e5;
      border-color: #1e88e5;
      color: #ffffff;
      -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
      box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }
    .btn-outline-info.active, .btn-outline-info:focus {
      -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
      box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2); }
  
  .btn-outline-warning {
    color: #ffb22b;
    background-color: transparent;
    border-color: #ffb22b;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus {
      background: #ffb22b;
      border-color: #ffb22b;
      color: #ffffff;
      -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
      box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2); }
    .btn-outline-warning.active, .btn-outline-warning:focus {
      -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
      box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2); }
  
  .btn-outline-danger {
    color: #fc4b6c;
    background-color: transparent;
    border-color: #fc4b6c;
    -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in; }
    .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus {
      background: #fc4b6c;
      border-color: #fc4b6c;
      color: #ffffff;
      -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
      box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2); }
    .btn-outline-danger.active, .btn-outline-danger:focus {
      -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
      box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2); }
  
  .btn-outline-red {
    color: #fb3a3a;
    background-color: transparent;
    border-color: #fb3a3a; }
    .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus {
      background: #fb3a3a;
      border-color: #fb3a3a;
      color: #ffffff;
      -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
      box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2); }
    .btn-outline-red.active, .btn-outline-red:focus {
      -webkit-box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2);
      box-shadow: 0 14px 26px -12px rgba(239, 83, 80, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(239, 83, 80, 0.2); }
  
  .btn-outline-inverse {
    color: #2f3d4a;
    background-color: transparent;
    border-color: #2f3d4a; }
    .btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus {
      background: #2f3d4a;
      border-color: #2f3d4a;
      color: #ffffff; }
  
  .btn-primary.active.focus,
  .btn-primary.active:focus,
  .btn-primary.active:hover,
  .btn-primary.focus:active,
  .btn-primary:active:focus,
  .btn-primary:active:hover,
  .open > .dropdown-toggle.btn-primary.focus,
  .open > .dropdown-toggle.btn-primary:focus,
  .open > .dropdown-toggle.btn-primary:hover,
  .btn-primary.focus,
  .btn-primary:focus {
    background-color: #6352ce;
    border: 1px solid #6352ce; }
  
  .btn-success.active.focus,
  .btn-success.active:focus,
  .btn-success.active:hover,
  .btn-success.focus:active,
  .btn-success:active:focus,
  .btn-success:active:hover,
  .open > .dropdown-toggle.btn-success.focus,
  .open > .dropdown-toggle.btn-success:focus,
  .open > .dropdown-toggle.btn-success:hover,
  .btn-success.focus,
  .btn-success:focus {
    background-color: #1eacbe;
    border: 1px solid #1eacbe; }
  
  .btn-info.active.focus,
  .btn-info.active:focus,
  .btn-info.active:hover,
  .btn-info.focus:active,
  .btn-info:active:focus,
  .btn-info:active:hover,
  .open > .dropdown-toggle.btn-info.focus,
  .open > .dropdown-toggle.btn-info:focus,
  .open > .dropdown-toggle.btn-info:hover,
  .btn-info.focus,
  .btn-info:focus {
    background-color: #028ee1;
    border: 1px solid #028ee1; }
  
  .btn-warning.active.focus,
  .btn-warning.active:focus,
  .btn-warning.active:hover,
  .btn-warning.focus:active,
  .btn-warning:active:focus,
  .btn-warning:active:hover,
  .open > .dropdown-toggle.btn-warning.focus,
  .open > .dropdown-toggle.btn-warning:focus,
  .open > .dropdown-toggle.btn-warning:hover,
  .btn-warning.focus,
  .btn-warning:focus {
    background-color: #e9ab2e;
    border: 1px solid #e9ab2e; }
  
  .btn-danger.active.focus,
  .btn-danger.active:focus,
  .btn-danger.active:hover,
  .btn-danger.focus:active,
  .btn-danger:active:focus,
  .btn-danger:active:hover,
  .open > .dropdown-toggle.btn-danger.focus,
  .open > .dropdown-toggle.btn-danger:focus,
  .open > .dropdown-toggle.btn-danger:hover,
  .btn-danger.focus,
  .btn-danger:focus {
    background-color: #e6294b;
    border: 1px solid #e6294b; }
  
  .btn-inverse:hover,
  .btn-inverse:focus,
  .btn-inverse:active,
  .btn-inverse.active,
  .btn-inverse.focus,
  .btn-inverse:active,
  .btn-inverse:focus,
  .btn-inverse:hover,
  .open > .dropdown-toggle.btn-inverse {
    background-color: #232a37;
    border: 1px solid #232a37; }
  
  .btn-red:hover,
  .btn-red:focus,
  .btn-red:active,
  .btn-red.active,
  .btn-red.focus,
  .btn-red:active,
  .btn-red:focus,
  .btn-red:hover,
  .open > .dropdown-toggle.btn-red {
    background-color: #d61f1f;
    border: 1px solid #d61f1f;
    color: #ffffff; }
  
  .button-box .btn {
    margin: 0 8px 8px 0px; }
  
  .btn-label {
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin: -6px 12px -6px -14px;
    padding: 7px 15px; }
  
  .btn-facebook {
    color: #ffffff;
    background-color: #3b5998; }
  
  .btn-twitter {
    color: #ffffff;
    background-color: #55acee; }
  
  .btn-linkedin {
    color: #ffffff;
    background-color: #007bb6; }
  
  .btn-dribbble {
    color: #ffffff;
    background-color: #ea4c89; }
  
  .btn-googleplus {
    color: #ffffff;
    background-color: #dd4b39; }
  
  .btn-instagram {
    color: #ffffff;
    background-color: #3f729b; }
  
  .btn-pinterest {
    color: #ffffff;
    background-color: #cb2027; }
  
  .btn-dropbox {
    color: #ffffff;
    background-color: #007ee5; }
  
  .btn-flickr {
    color: #ffffff;
    background-color: #ff0084; }
  
  .btn-tumblr {
    color: #ffffff;
    background-color: #32506d; }
  
  .btn-skype {
    color: #ffffff;
    background-color: #00aff0; }
  
  .btn-youtube {
    color: #ffffff;
    background-color: #bb0000; }
  
  .btn-github {
    color: #ffffff;
    background-color: #171515; }
  
   
.week-calendar-wrapper{
  width: 100%;
  height: 130px;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: 0;
  padding: 5px;
  white-space: nowrap;
  position: relative;
}
::-webkit-scrollbar {
  display: none;
}


.week-calendar-wrapper .week-calendar {
  
  border-left: 1px solid #e0e0e0;
  cursor: pointer;    
  grid-template-columns: repeat(7,1fr);
  max-width: 100%;
  /* position: relative; */
  text-align: center; 
  border-width: 0;
  transition: 1s;
}
.week-calendar-wrapper .week-calendar .item-top{
  display: inline-block;
  width: 100px;
  /* height:100px; */
  border-radius: 10px;
 
}


.week-calendar-wrapper .week-calendar .item {
  border: 1px solid #a1caff;    
  /* margin-left: -1px; */
  /* margin-top: 1px; */
  border-radius: 10px;
  background-color: white;
}
.week-calendar .item.selected {
  border-color: #08b1cb;
  background-color: #87b2df;
  color: #fff;
  box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.2);
}
.week-calendar .item:hover {
  border-color: #08b1cb;
}

.week-calendar-wrapper .week-calendar .item .calendarWeek {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 13px;
  padding-top: 6px;
}
.week-calendar-wrapper .week-calendar .item .calendarDay {
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 24px;
  font-weight: 700;
}

#rowevents .event-datetime .time{
  color: #544c4c !important;
  font-size: 30px !important;
}

#rowevents .event-datetime .date{
  
  font-size: 24px !important;
}
#rowevents .event-title{
  font-size: 22px !important;
}
.navbar-murom {
  background-color: #1c295b;    
  border-color: #2e4291;
  
}
.navbar-murom  a.nav-link{
  color: white;
}

.prod-count-content{
  display: flex;
  justify-content: center;
}

.item-tickets .add-delete-button {
  border-radius: 30%;
  font-size: 30px;
  border-width: thin;
  border-style: solid;
  border-color: #d0d1d3;
  background: #e5f1ff;
  color: #011a75;
}
.item-tickets-count {
  display: inline-block;
  width: 60px;
  font-size: 30px;
  font-weight: 600;
}
#tbl-ticketlist .ticket-type{
  display: flex;
  max-width: 100%;
  font-size: 18px;
}

#tbl-ticketlist .col-ticket-count{
  width: 100px;
}
#tbl-ticketlist .col-ticket-price{
  width: 70px;
  font-size: 20px;
}

.itog-card{
  float: right;
}
.showterms{
  color: #1c295b;
}

#rowevents .event-datetime .time{
  color: #544c4c !important;
  font-size: 30px !important;
}

#rowevents .event-datetime .date{
  
  font-size: 24px !important;
}
#rowevents .event-title{
  font-size: 22px !important;
}
.navbar-murom {
  background-color: #1c295b;    
  border-color: #2e4291;
  
}
.navbar-murom  a.nav-link{
  color: white;
}

.murom-color{
  /* background-color: #1c295b; */
  background-color: #bccee2;
  color: white;
}

.bg-yellow-murom {
  color: #1f2d3d;
  background-color: #f4f8c6;    
}

.bg-danger{
  color: #fff !important;
  background-color: #dc3545 !important;
}

.bg-success{
  color: #fff !important;
  background-color: #28a745!important;
}

.bg-info{
  color: #fff !important;
  background-color: #100b9d!important;
}

.bg-secondary{
  color: #fff !important;
  background-color: #333!important;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0; }

[type="checkbox"] {
  /* checkbox aspect */ }

[type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }

[type="checkbox"] + label:before,
[type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 1px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  background: transparent;
}

[type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0); }

[type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

[type="checkbox"].tabbed:focus + label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 18px;
  height: 29px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 4px solid #2644a6;
  border-bottom: 4px solid #2644a6;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #26a69a;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

[type="checkbox"].filled-in + label:after {
  border-radius: 2px; }

[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1; }

[type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }

[type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  -ms-transform: rotate(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

[type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0; }

[type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1); }

[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #26a69a;
  border-color: #26a69a; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }

[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }

[type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }

[type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }

.ticket-wrapper{
  /* background-color: #fff; */
  border-radius: 10px;
  margin: 2px;
}
.btn-arrow{
  position: absolute;
  top: 30px;
  color: lightgray;
  font-size: 25px;
  background: transparent;
}
.btn-arrow:hover{
  background: #eaeaea;
  color: rgb(109, 109, 109);
}

.btn-left{
  left: -2px; 
  z-index: 500;
}
.btn-right{
  right: -2px; 
  z-index: 501;
}