MINI Sh3ll

body {
    margin: 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5385;
    color: #33475B;
    text-align: left;
    background-color: #F5F8FA;
}

.table th {
  font-weight: 700;
}

.navbar-brand img {
    height: 1.6rem;

}

.bg-treepye-dark {
  background-color: #1d252c;
  color: #fff;
}

.bg-light-300 {
  background-color: #f1f1f1 !important;
}

.navbar-dark {
    /* background: #2E3F50; */
    /* background: #455A64; */
    background:#1d252c;
    /* border-top:3px Solid #EF7A59; */
}

.card.has-bg-image {
    background-image: url(../images/backgrounds/panel_bg.png);
}

.has-fixed-height-300 {
  height:300px;
}

.has-fixed-height-210 {
  height:210px;
}

.card .c3 line, .card .c3 path {
      stroke: rgba(150, 150, 150, 0.5);
  }
  .c3 text {
    fill: #969696;
}

.zoom {
    transition: transform .2s; /* Animation */
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(2.0); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.icon-4x {
  font-size: 70px;
}

.private-page__title h1 {

    font-weight: 400;
    font-family: 'Nunito Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-shadow: 0 0 1px transparent;
    margin-bottom: 1.25rem;
    margin-top: 0;
    display: block;
    font-size: 1.75rem;
    line-height: normal;
    margin: 0;
        margin-bottom: 0px;

}

.private-template {

    display: flex;
    flex-grow: 1;
    background-color: #fff;
    min-height: 74px;

}

.page-content {

 border-top: 1px solid #cbd6e2;

}


.card {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.24);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.24);
}


.font-size-xl {
  font-size: 1rem;
}

.float-div, .signin-up-div {
  position: relative;
  top: -25px;
  padding: 8px 15px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.10);
}

.signin-up-div {
  top: 48px;
  padding: 24px 15px;
  border-radius: 10px;
  z-index: 1;
}




.login-form, .signup-form {
    width: 30rem;
}

.form-control {
    padding: .5625rem .625rem !important;
    border-radius: .1875rem;
    border: 1px solid #cbd6e2 !important;
    font-size: 16px;
    font-size: 1rem;
    transition: all .15s ease-out;
    background-color: #f5f8fa;
    color: #33475b;
    display: block;
    gheight: 2.5rem;
    line-height: 1.375rem;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

.form-label {
    padding: .5rem .75rem 0 0;
    font-weight: 500;
    font-size: 0.975rem;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.form-control:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus {
  border-color: trasparent;
}

.form-control:focus {
      box-shadow:  0 0 0 0 transparent, 0 0 0 #009688 !important;
}

.tp-logo {
  font-size: 2rem;
  letter-spacing: 10px;
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed !important;
  opacity: 0.5;
  text-decoration: none;
}

.icon-2-5x {
  font-size: 40px;
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}
/*
.error{
    display: inline;
    color: #d80000;
} */

dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #26a69a;

}


/***** C3 Charts *****/

.c3-legend-item {
    font-size: 10px !important;
}

.c3 svg {
    font: 9px sans-serif !important;
}

/***** C3 Charts *****/



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  #sortable li{
    width: 30%;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  #sortable li{
    width: 49%;
  }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #sortable li{
      width:100%;

    }
    #sortable {
      margin-left: 0px !important;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}