body, a, h1, h2, h3, h4, h5, h6, p, span, button{
    font-family: 'Cairo', sans-serif !important;
}
.validation-invalid-label{
    color: #dd4b39;
}

.avatar-max {
    width: 200px;
    height: 200px;
}

/**
 * Header
 */
.stick .navbar-brand h5{
    color: dimgrey !important;
}

.backdrop-navbar {
    background-color: rgba(255,255,255,0.1);
}

.text-center .pagination{
    -webkit-box-pack: center !important;
    justify-content: center !important;
}

.hide{
    display: none;
}

/* Form Validation */
.form-control.error{
    border-color: #ff4954;
}
label.error{
    color: #ff4954;
}
.input-line .form-control.error {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)),-webkit-gradient(linear, left top, left bottom, from(#ff4954), to(#ff4954));
    background-image: -webkit-linear-gradient(#96c7ff, #96c7ff),-webkit-linear-gradient(#ff4954, #ff4954);
    background-image: linear-gradient(#96c7ff, #96c7ff),linear-gradient(#ff4954, #ff4954);
    border-color: transparent !important;
}

/**
 * Loading Pace
 */

 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;

   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
 }

 .pace-inactive {
   display: none;
 }

 .pace .pace-progress {
   background: #29d;
   position: fixed;
   z-index: 2000;
   top: 0;
   right: 100%;
   width: 100%;
   height: 2px;
 }









 .navbar.auth {
     background: #FFF;
     top: 0;
 }

 /*
     DEMO STYLE
 */

 body {
     overflow-x: hidden !important;
     position: relative

 }

 .line {
     width: 100%;
     height: 1px;
     border-bottom: 1px dashed #ddd;
     margin: 40px 0;
 }
 .main-content{
     -webkit-box-shadow: none;
     box-shadow: none;
 }


 .app-steps .iconbox{
     width: 55px;
     height: 55px;
     cursor: pointer;
 }

.pricing-1.selected{
    border: 1px solid #3cd458;
    border-radius: 2px;
}



.dropzone {
    border: 2px dashed rgb(80, 161, 255);
}

.document-name{
    line-height: 33px;
}

 /* ---------------------------------------------------
     SIDEBAR STYLE
 ----------------------------------------------------- */

 .wrapper {
     display: flex;
     width: 100%;
 }

 #sidebar {
     width: 250px;
     position: fixed;
     top: 0;
     left: 0;
     height: 100vh;
     /* z-index: 999; */
     background: #FFF;
     color: #fff;
     transition: all 0.3s;
     margin-left: -250px;
 }

 #sidebar.sidebar-active {
     margin-left: 0px;
 }

 #sidebar .sidebar-header {
     padding: 20px;
     background: #FFF;
 }

 #sidebar ul.components {
     padding: 20px 0;
 }

 #sidebar ul p {
     color: #fff;
     padding: 10px;
 }

 #sidebar ul li a {
     padding: 10px;
     font-size: 1.1em;
     display: block;
     color: #484848;
 }

 #sidebar ul li a:hover {
     color: #484848;
     background: #e8eaed;
 }

 #sidebar ul li.active>a, a[aria-expanded="true"] {
     color: #484848;
     background: #e8eaed;
 }

 a[data-toggle="collapse"] {
     position: relative;
 }

 .dropdown-toggle::after {
     display: block;
     position: absolute;
     top: 50%;
     right: 20px;
     transform: translateY(-50%);
 }

 ul ul a {
     font-size: 0.9em !important;
     padding-left: 30px !important;
     background: #fff;
 }

 ul.CTAs {
     padding: 20px;
 }

 ul.CTAs a {
     text-align: center;
     font-size: 0.9em !important;
     display: block;
     border-radius: 5px;
     margin-bottom: 5px;
 }

 /* ---------------------------------------------------
     CONTENT STYLE
 ----------------------------------------------------- */

 #content {
     transition: all 0.3s;
     box-shadow: 9px 0px 10px 10px #969696;
     min-height: 100vh;
     /* z-index: 1000; */
 }

 #content.sidebar-active {
     transform: translate3d(250px,0,0);
     max-width: 100%;
 }
.stick.sticky{
    position: sticky !important;
}
#content.sidebar-active .navbar{
    /*position: sticky !important;*/
    top: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: rgba(255,255,255,0.99);
    -webkit-box-shadow: 0 1px 9px rgba(0,0,0,0.05);
    box-shadow: 0 1px 9px rgba(0,0,0,0.05);
}

#content.sidebar-active .navbar .nav-link{
    color: rgba(117,117,117,0.8) !important;
}

 /* ---------------------------------------------------
     MEDIAQUERIES
 ----------------------------------------------------- */

 @media (max-width: 768px) {
     #sidebar {
         margin-left: -250px;
     }
     #sidebar.sidebar-active {
         margin-left: 0;
     }
     #content {
         width: 100%;
     }
     #content.sidebar-active {
         transform: translate3d(250px,0,0);
         max-width: 100%;
     }
     #sidebarCollapse span {
         display: none;
     }
 }

.alert ul{
    margin-bottom: 0;
}