.page-sidebar {
	/*background-image: url("https://pixinvent.com/demo/convex-angular-bootstrap-admin-dashboard-template/demo-3/assets/img/sidebar-bg/08.jpg");*/
	/*z-index: 4;
	background-position: top center;
	background-position-y: -111px;*/
}
.page-header.navbar .page-logo{
	background-color: #2c42af;
}
.page-sidebar::before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: linear-gradient(45deg,#1488cc,#2b32b2);
    background-repeat: repeat-x;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	opacity: .9;
}
.portlet.box.green {
	border: 1px solid #2c42af;
	border-top: 0;
}
.btn-primary {
	color: #fff;
	font-weight: 600 !important;
	font-size: 14px;
	background-color: #2c42af;
	border-color: #2c42af;
}
.btn-primary.focus,.btn-primary:hover, .btn-primary:focus {
	color: #fff;
	background-color: #3a80d7 !important;
	border-color: #3a80d7 !important;
}
.btn-info {
	color: #fff;
	background-color: #2c42af;
	border-color: #2c42af;
	margin-bottom: 5px;
}
.btn-success {
	color: #fff;
	background-color: #2c42af;
	border-color: #2c42af;
}
.btn-success:hover {
	color: #fff;
	background-color: #3a80d7;
	border-color: #3a80d7;
}
.page-sidebar .page-sidebar-menu > li > a{
	font-weight: bold;
} 
.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
	background: rgba(200,200,200,.2) !important;
	color: #fff;
}

.page-header.navbar .page-logo {
	/*background-image: url("https://pixinvent.com/demo/convex-angular-bootstrap-admin-dashboard-template/demo-3/assets/img/sidebar-bg/08.jpg");*/
	background-position: top center;
	background-size: 200%;
	position: relative;
	background-position-y: -40px;
}

.page-sidebar .page-sidebar-menu > li:last-child > a {
	border-bottom: 1px solid transparent !important;
}
.page-sidebar .page-sidebar-menu > li > a{
	border: none !important;
}

.page-header.navbar .page-top {
	box-shadow: none;
}
.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
	background: #2c42af !important;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
	color: #FFF !important;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i {
	color: #FFF !important;
}
.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
	color: #FFF !important;
}
.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
    position: relative;
}
@media (min-width: 992px){
    .page-sidebar-menu-hover-submenu li:hover a > .arrow {
        border-right: 8px solid #2b32b2;
    }
}
body {
	background-color: #1b80c2;
}
.page-footer .page-footer-inner {
	color: #fff !important; 
}
.scroll-to-top > i {
	color: #2c42af !important;
}
.portlet.box.green > .portlet-title, .portlet.green, .portlet > .portlet-body.green {
	background-color: #2c42af;
}
.table-bordered thead th {
	background-color: #2c42af !important;
	color: #fff;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #2c42af;
	border-color: #2c42af;
}
.btn.btn-outline.green {
	color: #2c42af;
}
.btn.btn-outline.green, .btn.btn-outline.grey-salsa {
	border-color: #2c42af;
	color: #2c42af;
}
 .btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active , .btn.btn-outline.grey-salsa:hover, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa.active{
    border-color: #1e77bf ;
    color: #FFFFFF;
    background: #1e77bf  !important;
}
.e_error {
	border: 1px solid red;
}
.swal-icon {
	border-radius: 50% !important;
}
.swal-button {
	border-radius: 5px !important;
}
.swal-icon--success__ring {
	border-radius: 50% !important;
}
.table-scrollable > .table{
	margin-bottom: 10px !important;
}



/**/
.page-sidebar .page-sidebar-menu li > a > .arrow.open::before, 
.page-sidebar .page-sidebar-menu li > a > .arrow::before, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open::before, 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow::before {
    color: #fff;
}
@media (max-width: 767px){
    .table-responsive > .table {
        margin-bottom: 10px;
    }
}
@media (max-width: 500px){
    #submit_form .table-responsive h3.block{
        float: none !important;
    }
    #submit_form .table-responsive div.actions{
        float: none !important;
        margin: 0px 5px 10px;
    }
    #submit_form .table-responsive div.actions a.sbold{
        display: block;
    }
    /*company setting page*/
    .table td, .table th {
        font-size: 13px;
    }
    .table > tbody > tr > td{
        padding: 4px;
    }
    /*material page add*/
    .commonDiv div select,
    .commonDiv div input{
        margin-bottom: 5px;
    }
    /*schedule*/
    .actions.filters {
        float: none !important;
    }
    .actions.filters .filter-btn {
        float: none !important;
    }
    .actions.filters .filter-btn {
        display: inline-block;
        width: 100%;
        margin: 10px 0 0;
    }
    #myModal2 .modal-footer{
    	text-align: center;
    }
    #myModal2 .modal-footer .btn,
    #myModal2 .modal-footer .backtoQuotelIst{
    	margin-bottom: 5px;
    }
}



.portlet.light > .portlet-title.ptmrl {
	padding: 0;
	min-height: 48px;
	margin-left: -10px;
	margin-right: -10px;
}
.qoute-pad-12{

}
.row.qoute-pad-12{
	margin-right: -5px;
	margin-left: -5px;
}
.row.jsda-row{
	margin: 0 5px;
}
.form-horizontal.frm-mrl-auto .form-group{
	margin: 0 auto 10px;
}

@media (max-width: 1419px){
	.quote-material.f-size-12 .form-group label,
	.quote-material.f-size-12 .form-group .control-label{
		font-size: 12px;
	}
}
@media (max-width: 379px){
	.table td, .table th {
	    font-size: 13px;
	}
}
.loder-fl{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -7px;
}
.btn-primary{
	/* color: #FFF !important;
    background-color: #02215f !important;
    border-color: #02215f !important; */
	color: #02215f !important;
    background-color: #fff !important;
    /* border-color: #02215f !important; */
	
}
.btn-primary.focus, .btn-primary:hover, .btn-primary:focus {
	/* color: #02215f !important;
    background-color: #FFF !important;
    border-color: #02215f !important; */
	color: #fff !important;
    background-color: #4656a8 !important;
    border-color: #4859ad !important;
}
.btn.btn-outline.green, .btn.btn-outline.grey-salsa {
	color: #02215f !important;
    background-color: #FFF !important;
    border-color: #02215f !important;
   
}

.btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active, .btn.btn-outline.grey-salsa:hover, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa.active {
	color: #FFF;
    background-color: #02215f;
    border-color: #02215f;
}

.btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open>.btn.green:not(.btn-outline).dropdown-toggle.focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:hover {
	color: #02215f !important;
    background-color: #FFF !important;
    border-color: #02215f !important;
	
	
	
}
.btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active, .btn.btn-outline.grey-salsa:hover, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa.active{
	/* color: #fff !important;
    background-color: #02215f !important;
    border-color: #02215f !important; */
	color: #fff !important;
    background-color: #4656a8 !important;
    border-color: #4859ad !important;
}
.btn.btn-outline.red {
    color: #e7505a !important;
    background-color: #fff !important;
    border-color: #e7505a !important;
	
	
	
}
.btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover {
	border-color: #e7505a!important;
    color: #fff  !important;
	background-color: #e7505a !important;

    background: 0 0;
}
.input {
	margin-bottom: 10px;
}

.table thead tr th {
width:auto !important;
text-wrap: nowrap !important;
}