/*--------- Don't change these ---------*/
/*head { display: block; }*/
title {display: block; font-family: 'Comfortaa', cursive !important; color: #28a745 !important;}

body {font-family: 'Heebo', sans-serif; font-weight: 300 !important;}
footer {z-index: 999999;}
/*  pagination button color */

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; 
}

.form-control[readonly]{background-color:#e9ecef!important}
.labell{display:none !important;}
    .content-wrapper {background: #f3f5f0;}
    .bg {
          /* Full height */
          height: 100vh;

          /* Center and scale the image nicely */
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
    }            
    .card, .card-header, .btn, .input-group-text, input, select, .select, .form-control {border-radius: 0 !important;} 
    .card, input {background-color: rgba(255,255,255,0.8)!important;}
    /*.col-form-label {color: #fc9d03 !important;}*/

    .input-group-text {
        background-color: #28a745 !important;
        border: 1px solid #28a745 !important;
        color: #ffc107 !important;
    }

    .form-control {border: 1px solid #28a745 !important;}

    .login-slide {
       /* background-color: rgba(0,0,0,0.4); ĕ*/
        position: relative;
        top:28vh;
        margin:0px auto;
    }

    .brand {
        position: relative;
        padding-top:10vh;
        font-size: 72px;
        font-family: 'Comfortaa', cursive;
        line-height: 22px !important;
        padding-left: 60px;
    }

    .brand-text {font-family: 'Comfortaa', cursive;}

    .footer-brand-text {font-family: 'Comfortaa', cursive;}

    .brand-signature {
        position: relative;
        /*padding-top:25px;*/
        bottom:60px;
        font-size: 16px;
        color:#fff;
        padding-left: 65px;
        font-family: 'Heebo', sans-serif;
    }

    .brand-signature a {color: #fcc603 !important;}

    .brand-link {
        font-size: 2.5rem;
        line-height: 1.5rem;
    }

     @media only screen and (max-width: 360px) {
        .login-slide {
           /* background-color: rgba(0,0,0,0.4); ĕ*/
            position: relative;
            top:15vh;
            margin:0px auto;
        }

        .brand-signature {padding-top: 15px; font-size: 14px; bottom:0}
        .col-sm-none {display:none;}
    }

    .btn-theme, btn-warning {
        background-color: #fca503;
        box-shadow: inset 0 0 0 0 #28a745;
        -webkit-transition: ease-out 0.6s;
        -moz-transition: ease-out 0.6s;
        transition: ease-out 0.6s;
    }

    .btn-theme:hover, btn-warning:hover { box-shadow: inset 200px 0 0 0 #28a745; color:#fff;}

    .btn-success {
        background-color: #28a745;
        box-shadow: inset 0 0 0 0 #fca503;
        -webkit-transition: ease-out 0.6s;
        -moz-transition: ease-out 0.6s;
        transition: ease-out 0.6s;
    }

    .btn-success:hover { box-shadow: inset 200px 0 0 0 #fca503;}

    .copyright {color: #fff;  transition-timing-function: ease-out; transition: 0.6s;}
    .copyright:hover {color: #28a745; transition-timing-function: ease-in; transition: 0.6s;}

    .privacypolicy {color: #fff; transition-timing-function: ease-out; transition: 0.6s;}
    .privacypolicy:hover {color:#fc5a03; transition-timing-function: ease-in; transition: 0.6s;}

    .footer-privacypolicy {color:#28a745; transition-timing-function: ease-out; transition: 0.6s;}
    .footer-privacypolicy:hover {color:#fca503; transition-timing-function: ease-out; transition: 0.6s;}

    .amebi {color: #fc5a03; transition-timing-function: ease-out; transition: 0.6s;}
    .amebi:hover {color: #28a745; transition-timing-function: ease-in; transition: 0.6s;}

    svg{
      width: 36px;
      height: 36px;
      margin: 30px 70px;
      display:inline-block;
    }

    .made-with-love{
      margin-top: 20px;
      padding: 10px;
      font-size: 10px;
      font-family: arial;
      color: #fff;
      i{
        font-style: normal;
        color: #F50057;
        font-size: 14px;
        position: relative;
        top: 2px;
      }
      a{
        color: #fff;
        text-decoration: none;
        &:hover{
          text-decoration: underline;
        }
      }
    }

    .brand-icon {position: relative; bottom:56px;left:103px;}

    .bg-theme {background-color: #fca503;}

    .modal-content {border-radius: 0px;}
    .forgot-password {color:#28a745;margin-top:10px;font-weight: 500; transition-timing-function: ease-out; transition: 0.4s;}
    .forgot-password:hover {color:#F50057; transition-timing-function: ease-in; transition: 0.4s;}



    /*[class*=sidebar-dark-] {background-color: #32362b;}*/

    .nav-link {border-radius: 0px !important;}

    .breadcrumb-item a, a {color:#28a745; transition-timing-function: ease-out; transition: 0.6s;}
    .breadcrumb-item a:hover, a:hover {color:#fca503; transition-timing-function: ease-out; transition: 0.6s;}

    [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
        background-color: #fca503;
        color: #343a40;
    }

    .nav-flat.nav-sidebar>.nav-item .nav-treeview .nav-item>.nav-link, .nav-flat.nav-sidebar>.nav-item>.nav-treeview .nav-item>.nav-link {
         border-left: 0 !important; 
    }

    .knob-diskspace {
        width:50px !important; margin-left:-75px !important; font-size: 16px !important;
    }

/*
    .sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
        background-color: #28a745;
        color: #fff;
        border-radius: 0px !important;
    }
*/
    
   


/*--------------- Ends ---------------*/












.info-box {border-radius: 40px .25rem;}
      .bg-purple {background-color: #605ca8;}
      .text-yellow {color: #fff000 !important;} 
      .bg-yellow {background-color: #fff000 !important;}
      .btn-purple {background-color: #605ca8; color:#fff000;}
      .btn-purple:hover {background-color: #3a359c; color:#fff000;}
          
      
      ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
            color:    #aacc89!important;
        }
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
           color:    #aacc89!important;
           opacity:  1;
        }
        ::-moz-placeholder { /* Mozilla Firefox 19+ */
           color:    #aacc89!important;
           opacity:  1;
        }
        :-ms-input-placeholder { /* Internet Explorer 10-11 */
           color:    #aacc89!important;
        }
        ::-ms-input-placeholder { /* Microsoft Edge */
           color:    #aacc89!important;
        }

        ::placeholder { /* Most modern browsers support this now. */
           color:    #aacc89!important;
        }

/* FONT AWESOME */
.faicon{
  padding: 10px;
  font-size: 20px;
  width: 20%;
  text-align: center;
  text-decoration: none;
  margin: 3px 2px;
}

.faicon:hover{
    opacity: 0.7;
}

.fa-mixcloud {
  background: #3B5998;
  color: white;
}

.fa-briefcase {
  background: #55ACEE;
  color: white;
}

.fa-truck {
  background: #dd4b39;
  color: white;
}

.fa-calculator {
  background: #a4c639;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}


.look {
    border:2px solid red !important;
	display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    
}
@media screen and (max-width: 992px){
.mob {
    float: left!important;
}
}
.mob {
    float: right;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* vertical-align: middle; */
}