/*All Styles*/

@import url("../css/animate.css");
@import url("../css/font-awesome.css");
@import url("../css/waves.css");
@import url("../css/material-design-icons.css");
@import url("../css/app.min.css");
@import url("../css/dropzone/dropzone.css");
@import url("../css/steps/steps.css");
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800,900');


/*All Styles*/

/* Custom CSS 13-03-2019 */
.font-size-32
{
font-size: 32px;
}

.panel.panel-card.p.m-b-sm h5 {
    font-size: 21px;
    font-weight: 500;
}

span.proof {
  /*  margin-left: 5px;*/
 }
 
 .active-1 {
   
    background: #2196f3 !important;
    color: #fff;
}

.panel-heading.recent-jobs {
    font-size: 16px;
	font-weight:600;
}

.text-lg {
    font-size: 21px !important;
}

ul.customs-checkbox {
    list-style: none;
}

.card-heading {
    position: relative;
    padding: 20px 24px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}

.footable-odd {
    background-color: #f7f7f7;
}

.footable-product-header {
    background-color: #AED6F1;
}

.footable-product-header-details {
    background-color: #D1F2EB;
}
nav ul.nav li a>.icon, nav ul.nav li .nav-item>.icon {
    
    margin-right: 0px !important;
}

.gradient-blackberry {
	background-color: #38b8f2;
	/*background-image: linear-gradient(45deg,#843cf7,#38b8f2); */    
	background-repeat: repeat-x;
}

.gradient-green-tea {
	background-color: #78cc37;
    /* background-image: linear-gradient(45deg,#004b91,#78cc37); */
    background-repeat: repeat-x;
}

.gradient-pomegranate {
	background-color: #78cc37;
    background-image: linear-gradient(45deg,#9b3cb7,#ff396f);
    background-repeat: repeat-x;
}

.gradient-sim-card {
	background-color: #38b8f2;
	background-image: linear-gradient(45deg,#cc2b5e,#753a88);
    background-repeat: repeat-x;
}


.app-sidebar{
    background-image: linear-gradient(45deg,#cc2b5e,#753a88);
    background-repeat: repeat-x;
}

.app-sidebar[data-background-color=purple-love], .off-canvas-sidebar[data-background-color=purple-love] {
    background-image: linear-gradient(45deg,#cc2b5e,#753a88);
    background-repeat: repeat-x;
}

.app-sidebar:before, .off-canvas-sidebar:before {
    opacity: .33;
}
.app-sidebar:after, .app-sidebar:before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.custom-panel .panel {
    /*border-radius: 8px !important;*/
}

.i-12{
    font-size: 16px;
    vertical-align: -12%;
}

.md-btn.md-fab-1{
    z-index: 20;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    transition: .2s linear;
    transition-property: -webkit-transform,box-shadow;
    transition-property: transform,box-shadow;
}

.i-24-1 {
    font-size: 24px;
}

.m-t-sm-1 {
    margin-top: 12px;
}

/* .close {
  
    font-size: 30px !important;
    color: #fff !important;
    opacity: 0 !important; 
} */

.btn:hover {
  background-position: right center; /* change the direction of the change here */
}

.btn-1 {
  background-image: linear-gradient(to right, #f6d365 0%, #fda085 51%, #f6d365 100%);
}
button.md-btn.md-fab-1.pink.m-l-md.m-t-sm-1.waves-effect:hover {
    color: #fff;
    text-decoration: none;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.custom-badge span.badge.bg-danger.notifi {
    position: absolute;
    left: 25px;
    top: 8px;
    z-index: 9;
}

.i-32 {
    font-size: 32px;
    vertical-align: -12%;
}

.dropdown-menu {
   min-width: 190px !important;
}

.notifi-dot{
    background-color: #f44336;
    border-color: #f44336;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 40px;
    top: 10px;
    left: 22px;
    z-index: 9;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}
.app-aside {
    overflow-y: hidden !important;
    }
	
.es-aside .nav {
   width: 100%;
}

body {
  /*  overflow: auto !important;
   overflow-x: hidden !important; */
   background-color: #f5f7fa !important;
  
}
@media (max-width: 992px)
{
body {
 overflow: auto !important;
   overflow-x: hidden !important;
}
.login-bg .banner-text {
    padding: 0% 9% 0% 9% !important;
}
.banner-text h1
{
	font-size: 14px;
    line-height: 29px;
}
.user-auth .logo
{
	margin-top: 0px;
}
a.logo
{
 padding-left: 6% !important;
}
span.text-center
{
	display:block;
	margin-top:10px;
	text-align:left !important;
	font-size:14px !important;
}
}
@media (min-width: 992px)
{
.modal-lg {
    width: 70% !important;
}
}

@media (max-width: 768px)
{
.wizard > .steps > ul > li {
    width: 100% !important;
   }
}

@media (max-width : 1380px)
{
.panel.panel-card.p.m-b-sm h5 {
    font-size: 20px !important;
  }
}

@media (min-width : 768px) and (max-width:1024px)
{
.panel.panel-card.p.m-b-sm h5 {
    font-size: 14px !important;
 }
span.proof {
    position: relative;
    top: 8px;
}
}

.box-inner .nav .active-pro, body>.navbar-collapse .nav .active-pro {
    position: absolute;
    width: 94%;
    bottom: 10px;
	color: #000;
    /* margin: 5px 15px; */
    opacity: 1;
    background: rgba(146, 146, 146, 0.15);
    border-radius: 4px;
    display: block;
    padding: 10px 15px;
	
}
.box-inner .nav .active-pro a
{
	padding:0px;
	margin:0px;
}
.box-inner .nav .active-pro a p
{
	margin:0px !important;
	font-weight:600;
}
.active-pro a:hover
{
	background-color:transparent;
}
.create-btn
{
	border: none !important;
	border-radius: 60px 0 0 60px !important;
	padding: 12px 15px !important;
	white-space: nowrap !important;
	margin-bottom: 30px !important;
	background: linear-gradient(90deg,#ff8b13 0,#f44e3d 100%) !important;
	/* background: linear-gradient(90deg,#f43e3e 0,#5c3df4 100%) !important; */
	display:flex !important;
}
.align-items-center {
    align-items: center!important;
}

.es-aside .nav li > span
{
display: block;
    overflow: hidden;
    line-height: 2rem;
    padding:5px;
    margin: 5px 0;
    background-color: transparent;
    color: #fff;
    transition: all 300ms linear;
}
.font-size-52
{
    font-size:52px;
}
.text-right
{
    text-align: right;
}
.bold
{
    font-weight:bold;
}
/* .createjobfixed
{
	position: fixed;
    bottom: 0px;
    z-index: 9999;
	width: 4.5rem;
    height: 4.5rem;
    padding: 0;
} */
.fixed-action-btn {
    position: fixed;
    z-index: 9999;
    right: 15px;
    bottom: 10px;
    margin-bottom: 0;
    padding-top: 15px;
	
}
.btn-floating.btn-large {
    width: 4.5rem;
    height: 4.5rem;
    padding: 0;
}
.btn-floating {
    line-height: 40px;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    vertical-align: middle;
    color: #fff;
    border-radius: 50%;
    background-color: #ff4081;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}
.btn-floating span {
        font-size: 2.6rem;
    line-height: 43px;
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #fff;
}
.gradient-45deg-light-blue-cyan {
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #f55737, #fe8815) !important;
    background: -moz- oldlinear-gradient(45deg, #f55737, #fe8815) !important;
    background: -o-linear-gradient(45deg, #f55737, #fe8815) !important;
    background: linear-gradient(45deg, #f55737, #fe8815) !important;
}
textarea.md-input {
   resize: vertical;
}
label.quantitys
{
 white-space: normal !important;
 word-break: break-word;
}