body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #676767;
	font-weight: normal;
	background-color: #f3f3f3;
}

a {
	color: #676767;
}
a:hover {
    color: #676767;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0px;
	font-weight: 500;
	color:#676767;
}
h2, h3, h4{
	font-size:16px;
}
p{
	margin:0px;
	font-size:14px;
}
.red{color:red !important}.green2{color:green}
.imageThumb{width:200px}

/* Custom Scrollbar For TreeNav */
::-webkit-scrollbar {
  width: 8px;
  height:8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
::-webkit-scrollbar-thumb {
  background: #888; 
}

::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.btn{
	font-size:14px;
}
.btn-primary {
    color: #fff;
    background-color: #285fdb;
    border-color: #285fdb;
}
.btn-secondary {
    color: #fff;
    background-color: #676767;
    border-color: #676767;
}
.header .navbar-nav .dropdown-menu.show {
	right: 0px;
	left: inherit;
}
.header .navbar{
	padding: .2rem 1rem;
	    border-bottom: solid 1px #ccc;
}
.dropdown-toggle::after {
	font-family: 'FontAwesome';
	content: "\f107" !important;
	border: none !important;
	position: relative;
	top: 0px;
	right: 0px;
	padding: 0 2px 0 6px;
	margin: 0 0.3em 0 0;
}

.avatar {
	position: relative;
	display: inline-block;
	width: 30px;
	white-space: nowrap;
	border-radius: 1000px;
	vertical-align: bottom;
	margin-right: 5px;
}

.avatar img {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: 0 none;
	border-radius: 1000px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
}

.header .dropdown-toggle {
	display: flex;
	align-items: center;
}

.icontop {
	width: 20px;
}

.user {
	margin-left: 50px;
}

.notifiction {
	position: relative;
	top: 10px;
}

.notifiction .fa {
	font-size: 1.5rem;
}

.tag-up {
	position: relative;
	top: -13px;
	right: 9px;
	background-color: #FF7588;
	border-radius: 10rem;
	padding: 0.2em 0.5em;
	color: #fff;
}

.logo {
	width: 160px;
}
.header .dropdown-menu .dropdown-item{
	padding: .5rem 1rem;
	color: #555;
	font-size: 14px;
}

#menu {
	position: fixed;
	z-index: 2;
}

.parent-menu {
	background-color: #fff;
	border-right: solid 1px #ccc;
	float: left;
	    overflow: auto;
    height: 90vh;
}

#menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
#menu ul ul{
	text-align:left;
}
/*#menu ul li{
	position:relative;
}*/
#menu ul li a {
	padding: 12px 10px;
	display: block;
	color: #676767;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	border-left:solid 3px #fff;
	transition: all 0.5s ease;
}
#menu ul li a span{}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li.active .abd {
	background-color: transparent;
	color:#285fdb;
	border-left:solid 3px #285fdb;
}
#menu ul .tree-nav ul li a:hover, #menu ul .tree-nav ul li a:focus{
	color:#676767;
	border-left:solid 3px transparent ;
}
/*#menu ul li:hover>ul {
	left:110px;
	-webkit-transition: left 200ms ease-in;
	-moz-transition: left 200ms ease-in;
	-ms-transition: left 200ms ease-in;
	transition: left 200ms ease-in;
}
*/
#menu ul li>ul {
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 110px;
	min-width: 200px;
	z-index: -1;
	/* height: 100%; */
	-webkit-transition: left 200ms ease-in;
	-moz-transition: left 200ms ease-in;
	-ms-transition: left 200ms ease-in;
	transition: left 200ms ease-in;
	display:none;
}

#menu ul li>ul li a:hover {
	background-color: #fff;
}

.aside {
	min-height: 100%;
	width: 110px;
}

.aside .sidebar-icon i {
	font-size: 1.5em;
}

.aside .sidebar-icon {
	display: block;
}
.sidebar-icon img{
	width:28px;
}

.section-wrapper{
	top: 52px;
    overflow: auto;
	bottom: 0;
	position: absolute;
    left: 0;
    right: 0;
    height: auto;
    margin-top: 0!important;
    margin-bottom: 0!important;
   /* margin-left: 110px; */
   -webkit-transition: margin-left .2s cubic-bezier(.35,0,.25,1);
    -o-transition: margin-left .2s cubic-bezier(.35,0,.25,1);
    transition: margin-left .2s cubic-bezier(.35,0,.25,1);
}

.main-heading{
	background-color:#fff;
	padding:16px 15px;
	border: solid 1px #ccc;
    border-left: none;
	  display: flex;
    align-items: center;
}
.main-heading h1{
	font-size:18px;
}

.header-wrapper{
	padding: 10px 15px;
    background: #FAFBFC;
    border: solid 1px #B3B3B3;
    margin-top: 15px;
}
.vessel-step .nav-pills .nav-link{
	background: #ccc;
	color: #fff;
	margin-right: 15px;
}
.vessel-step .nav-pills .nav-link.active{
	background:#285fdb;
}
.wel{

}
 .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 1rem + 2px);
    padding: .375rem .75rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #676767;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control, .custom-file-label, .select2-container .select2-choice, .select2-selection{
font-size: 12px;
border-radius: 4px;
height: calc(1.5em + 1rem + 2px);
}
.form-control:focus{
	border-color:#ced4da;
	box-shadow:none;
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.custom-file-label::after{
	    height: calc(1.5em + 1rem);
}
.modal-content{
	    border-radius: 8px;
		background-color:#FBFBFB;
}
.modal-title{
	font-size:16px;
}
.modal-header{
	padding: 1rem;
    border-bottom: 1ps solid @ececec;
}
.modal-footer{
	    border-top: 0px;
		padding: 0px 15px 15px;
}
form label{
	font-size:12px;
}

.accordion-wrapper .card .card-header {
    padding: 1rem 1.5rem;
    background: transparent;
    border-bottom: 0;
}
.accordion-wrapper .card .fa-angle-down {
    float: right;
	font-size:18px;
}
.accordion-wrapper .card .card-header a{
	text-decoration:none;
}
.accordion-wrapper .card .card-header a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion-wrapper .card{
	border: none;
    border-bottom: solid 1px #ccc;
}
.accordion-wrapper .accordion>.card:not(:last-of-type){
	border-bottom: solid 1px #ccc;
}
.next-warp{
	display:flex;
}

.part-setp{
	position:relative;
	width:100%;
}
.part-setp a{
	color:#676767;
	text-decoration:none;
	position:relative;
	min-width:100px;
	padding:12px 15px;
	border:solid 1px #ccc;
	display: inline-block;
    text-align: center;
	margin-right:40px;
}
.part-setp a i{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -28px;
}
.part-setp a.active{
	border-color:green;
}
.part-setp a.active i{
	color:green;
}

.order-status-hifi .order-table .ph-table {
    border: none;
    background-color: #fff;
}
.order-status-hifi .ph-table__body {
    font-size: 12px;
    color: #4D4D4D;
}
.according-row {
    display: flex;
    align-items: center;
	position: relative;
    margin-top: 10px;
    padding-left: 15px;
    cursor: pointer;
    box-sizing: border-box;
    height: 99px;
    border: 1px solid #E2E1DD;
}
.order-status-hifi .according-row td:first-child {
    margin-right: 30px;
     min-width: 311px;
}
.according-row td {
    padding: 13px 9px 17px;
}
.order-status-hifi .order-no h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    color: #676767;
    text-transform: none;
}
.flxt {
    display: flex;
    justify-content:flex-start;
}
.order-no p {
    font-size: 13px;
    line-height: 18px;
    color: #676767;
    text-transform: capitalize;
	margin: 12px 0px 0px;
}
.order-no strong {
    display: block;
    font-size: 13px;
}
.according-row .last-cal {
    margin-left: auto;
    margin-right: 50px;
    text-align: center;
    float: right;
}
.order-table h3 {
    font-size: 24px;
    font-weight: 500;
    color: #676767;
    margin: 0px;
    margin-bottom: 19px;
}
.accordion-toggle .fa.fa-times {
    position: absolute;
    top: 5px;
    right: 9px;
    color: #676767;
    font-size: 20px;
    cursor: pointer;
    display: none;
}
.accordion-toggle .fa {
    color: #4D4D4D;
    font-size: 13px;
    line-height: 13px;
}
.according-row.newactive .fa.fa-times{
display:block;
}
.according-row.newactive .fa-chevron-down{
 transform: rotate(180deg);
}

.accordion-toggle .fa{
color: #4D4D4D;
font-size: 13px;
line-height: 13px;
}
.order-status-hifi .row-expanded td {
    padding: 0px;
}
.row-expanded .contain-table {
    overflow-x: hidden;
}
.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
}
.expand-table {
    width: 100%;
   
    /* border: solid 1px #ccc; */
    border-collapse: collapse;
    margin-bottom: 0px;
	    border-collapse: separate;
    border-spacing: 0 5px;
}
.expand-table .ph-header{
	 background-color: #F5F3F3;
}
.expand-table .ph-header {
    border: 1px solid #E2E1DD;
    font-size: 12px;
    border-top: 0px;
    color: #4D4D4D;
}
table.dataTable thead .sorting {
    /* background-image: url(../img/sort_both.png);
	    width: 44px; */
		    vertical-align: middle;
}
.order-status-hifi th {
    padding: 10px 20px 10px 14px;
}
.order-status-hifi .row-expanded td .contain-table table tr td {
    padding: 9px;
	    width: 10%;
}
.allClass tr {
    border: solid 1px #E2E1DD;
}
.order-status-hifi .accepted {
    color: #E6930B;
    text-transform: uppercase;
}
.assembly_row.collapsed .arrow .fa{
	transform: rotate(0deg);
}
.assembly_row .arrow .fa{
	transform: rotate(180deg);
}
table{
	width:100%;
}
.hiddenRow{
	padding: 0 !important;
}
.tableAssembly .bordr{
	
	background-color:#fff;
}
.tableAssembly .assembly_row td{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}
.table-ph{
	border:solid 1px #ccc;
}
.tableAssembly .assembly_row td:first-child{
	border-left:solid 1px #ccc;
}
.tableAssembly .assembly_row td:last-child{
	border-right:solid 1px #ccc;
}
.tableAssembly .prent-row .arrow{
	position:relative;
	padding-left:30px !important;
}
.tableAssembly .prent-row.collapsed .arrow:before {
    position: absolute;
    display: block;
    left: 8px;
    top: 7px;
    font-family: 'FontAwesome';
    content: "\f067";
    line-height: 1;
    color: inherit;
    padding: 5px 7px;
}
.tableAssembly .prent-row .arrow:before{
    content: "\f068";
    color: #cc0000;
    padding: 5px 7px;
	position: absolute;
    display: block;
    left: 8px;
    top: 7px;
    font-family: 'FontAwesome';
   
    line-height: 1;
    
}
.tableAssembly .prent-row.newactive, .tableAssembly .prent-row.newactive .fa, .tableAssembly .sub-assemblyrow.newactive, .tableAssembly .sub-assemblyrow.newactive .fa{
	color:#cc0000;
}

.tableAssembly .sub-assemblyrow.newactive{
	    background: #E2E1DD;
		color:#cc0000;
		color:#4d4d4d;
}
.table-ph.newactive{
	    border: solid 2px red;
}
.table-space{
	border-collapse: separate;
    border-spacing: 0 5px;
}

.ph-tablenNew thead{
	background-color: #F5F3F3;
	border: 1px solid #E2E1DD;
    font-size: 12px;
       color: #4D4D4D;
}
.order-status-hifi .row-expanded .ph-tablenNew tr:first-child td{
	
}
.order-status-hifi .row-expanded .ph-tablenNew tr td:first-child{
	    border-left: solid 1px #ccc;
}
.order-status-hifi .row-expanded .ph-tablenNew tr td:last-child{
	    border-right: solid 1px #ccc;
}
.order-status-hifi .row-expanded .ph-tablenNew tr td{
	padding: 9px;
    border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
}
.ph-tablenNew .accordion-toggle .arrow{
	padding-left:30px !important;
	position:relative;
	cursor:pointer;
}
.ph-tablenNew .accordion-toggle.active{
	color: #cc0000;
}
.ph-tablenNew .accordion-toggle .arrow:before {
    position: absolute;
    display: block;
    left: 8px;
    top: 7px;
    font-family: 'FontAwesome';
    content: "\f067";
    line-height: 1;
    color: inherit;
    padding: 5px 7px;
}
.ph-tablenNew .accordion-toggle.active .arrow:before{
    content: "\f068";
    color: #cc0000;
    padding: 5px 7px;
	position: absolute;
    display: block;
    left: 8px;
    top: 7px;
    font-family: 'FontAwesome';
   
    line-height: 1;
    
}
.ph-tablenNew .accordion-toggle.active .arrow-down .fa{
	transform: rotate(180deg);
	 color: #cc0000;
}
.super-admin .card{
	border: 1px solid #E2E1DD;
	margin-bottom: 10px;
}
.super-admin.accordion>.card:not(:last-of-type){
	border-bottom: 1px solid #E2E1DD;
}
.super-admin .card-header{
	border:none;
	border-bottom: 1px solid #E2E1DD;
	background-color:#fff;
}
.fleetuser{
	display:flex;
	align-items: center;
}
.fleetuser h5{
	font-size:16px;
}
.fleetdetail{
	display:flex;
	justify-content: space-around;
	
}
.fleetdetail span{
	display:block;
}
.fleetdetail strong{
	font-weight: 500;
    font-size: 13px;
}
 .super-admin  .accordion-toggle.active .fa-chevron-down {
    transform: rotate(180deg);
}
.super-admin .media img{
	width:106px;
}
.super-admin .media {
	border: solid 1px #E2E1DD;
    padding: 10px;
	flex-wrap: wrap;
	position:relative;
	margin-bottom: 15px;
}
.super-admin .media .mapicon{
	width:8px;
}
.super-admin .media h5{
	font-size: 14px;
}
.super-admin .media p{
	font-size: 13px;
}
.super-admin .media  .fleetdetail{
	justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
	    margin-top: 10px;
}
.super-admin .media .delete{
	position: absolute;
    right: 5px;
    font-size: 14px;
    top: 5px;
	color: #cc0000;
}
.super-admin .media a{
	color:#285fdb;
	text-decoration: underline;
}
.btn-link{
	color:#285fdb;
	text-decoration: underline;
}

.MessageBoxContainer {
    border-radius: 4px;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 19px 38px rgba(0,0,0,.3), 0 15px 12px rgba(0,0,0,.22);
    background: #fff;
    color: #333;
}
.order-status-hifi .vessel-listingtable th {
    border-bottom: 1px solid #dee2e6;
    background-color: #f5f5f5 !important;
    font-size: 12px;
    color: #676767;
	padding: 9px 0px;
}
.order-status-hifi .vessel-listingtable th:first-child{
	border-left: 1px solid #dee2e6 !important;
}
.order-status-hifi .vessel-listingtable th:last-child{
	border-right: 1px solid #dee2e6;
	width:160px !important;
}
.order-status-hifi .vessel-listingtable td:first-child{
	border-left: 1px solid #dee2e6;
}
.order-status-hifi .vessel-listingtable td:last-child{
	border-right: 1px solid #dee2e6;
}
.order-status-hifi .vessel-listingtable td{
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
    padding: 5px 0px 5px 10px;
    margin: 0px;
    vertical-align: middle;	
}

.order-status-hifi .vessel-listingtable  .active{
	    color: green;
}
/* ====newtable==== */
	.order-status-hifi .ph-tablenNew tr td{
	padding: 9px;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}
table.dataTable{
	    border-spacing: 0 5px !important;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer{
	border-bottom:none;
}
.dataTables_wrapper .dataTables_filter{
	    margin-bottom: 15px;
}
.order-status-hifi .instanceTable td:first-child {
    border-left: 1px solid #dee2e6;
}
.order-status-hifi .instanceTable td:last-child {
    border-right: 1px solid #dee2e6;
}
label{
	padding:0px;
	margin:0px;
}
table.dataTable.vessel-listingtable{
	border-collapse: separate;
    border-spacing: 0 8px;
}
.dataTables_wrapper .dataTables_length {
    float: right;
	display:none;
}
.dataTables_wrapper .dataTables_filter{
	    float: left;
}
.error {
	font-size:10px;
	color: #FF0000;
	font-weight: bold;
}
.help-block-error {
	font-size:10px;
	color: #FF0000;
	font-weight: bold;
}
.help-block{
	font-size:10px;
	color: #FF0000;
	font-weight: bold;
}
.vdetail .control-label span{
	font-weight:bold;
	
}
.vdetail .nav-tabs{
	border-bottom:none;
}
.vdetail .nav-tabs .nav-link{
	background: #676767;
    margin-right: 15px;
    color: #fff;
	    border: none;
		padding: 12px 2px;
}
.vdetail .nav-tabs .nav-item{
	    min-width: 18%;
    text-align: center;
	margin:0px;
}
.vdetail .nav-tabs .nav-link.active{
	background: #fff ;
	border: solid 1px #676767 ;
	border-bottom: none ;
	color: #676767 ;
}
.vdetail  .slider-nav.slick-slider {
    margin:0 -15px;
	width:95%;
	    margin-left: 2%;
}
.vdetail  .slider-nav .slick-slide {
    
    background-color:transparent;
    text-align:center;
    margin-right:15px;
    margin-left:15px;
}
.vdetail  .slider-nav img{
	width:125px;
}
.vdetail .slick-prev:before, .vdetail .slick-next:before {
    color: black;
	font-family: "FontAwesome";
}
 .vdetail .slick-next:before {
    content: "\f105";
}
 .vdetail .slick-prev:before {
    content: "\f104";
}	

.instancesform .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
	background-color: #FAFBFC;
    border-width: 2px 1px 0;
    border-style: solid;
    border-color: #FAFBFC;
    border-radius: 0;
    padding: 12px 10px 11px;
    color: #666;
	display: flex;
    align-items: center;
    margin-right: 15px;
	    position: relative;
}
.instancesform .nav-tabs .nav-link .fa {
    font-size: 18px;
    
    margin-right: 5px;
   
}
.instancesform .nav-tabs .nav-link.active{
	background: #fff;
    box-shadow: none;
    border-width: 2px 1px 0;
    border-style: solid;
    border-color: #285fdb #b3b3b3 #b3b3b3;
    border-radius: 3px 3px 0 0;
    bottom: -1px;
    color: #285fdb;
    
} 
.instancesform  .header-wrapper{
	    padding: 10px 15px 1px;
}
.notification-btn {
    background: #ff902b;
    padding: 1px 6px;
    color: #FFF;
    border-radius: 10px;
    margin-left: 5px;
    font-size: 11px;
    font-weight: 700;
}

.order-status-hifi .ph-tablenNew tr td{
	padding: 9px;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}
table.dataTable{
	    border-spacing: 0 5px !important;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer{
	border-bottom:none;
}
.dataTables_wrapper .dataTables_filter{
	    margin-bottom: 15px;
}
.order-status-hifi .instanceTable td:first-child {
    border-left: 1px solid #dee2e6;
}
.order-status-hifi .instanceTable td:last-child {
    border-right: 1px solid #dee2e6;
}

.dd {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	max-width: 600px;
	list-style: none;
	font-size: 13px;
	line-height: 20px
}

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none
}

.dd-list .dd-list {
	padding-left: 30px
}

.dd-collapsed .dd-list {
	display: none
}

.dd-empty,
.dd-item,
.dd-placeholder {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	min-height: 20px;
	font-size: 13px;
	line-height: 20px
}

.dd-handle {
	display: block;
	font-size: 15px;
	margin: 5px 0;
	padding: 7px 15px;
	color: #333;
	text-decoration: none;
	border: 1px solid #cfcfcf;
	background: #fbfbfb
}

.dd-item>button {
	position: relative;
	cursor: pointer;
	float: left;
	width: 25px;
	height: 20px;
	margin: 7px 10px;
	line-height: 22px!important;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: rgba(0, 0, 0, 0);
	text-align: center;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px
}

.dd-item>button:before {
	content: '\f055';
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	text-indent: 0;
	color: #0091d9
}

.dd-item>button[data-action=collapse]:before {
	content: '\f056';
	color: #a90329
}

.dd-empty,
.dd-placeholder {
	margin: 5px 0;
	padding: 0;
	min-height: 30px;
	background: #f2fbff;
	border: 1px dashed #b6bcbf;
	box-sizing: border-box;
	-moz-box-sizing: border-box
}

.dd-empty {
	border: 1px dashed #bbb;
	min-height: 100px;
	background-color: #eee;
	background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-size: 60px 60px;
	background-position: 0 0, 30px 30px
}

.dd-dragel {
	position: absolute;
	pointer-events: none;
	z-index: 9999
}

.dd-dragel>.dd-item .dd-handle {
	margin-top: 0
}

.dd-dragel .dd-handle {
	-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
	box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}

.nestable-lists {
	display: block;
	clear: both;
	padding: 30px 0;
	width: 100%;
	border: 0;
	border-top: 2px solid #bfbfbf;
	border-bottom: 2px solid #bfbfbf
}

#nestable-menu {
	padding: 0;
	margin: 10px 0 20px
}

#nestable-output,
#nestable2-output {
	width: 100%;
	padding: 5px
}

@media only screen and (min-width:700px) {
	.dd {
		float: left;
		width: 100%
	}
	.dd+.dd {
		margin-left: 2%
	}
}

.dd-hover>.dd-handle {
	background: #2ea8e5!important
}

.dd3-content {
	display: flex;
	margin: 5px 0;
	padding: 4px 10px;
	font-size: 12px;
	color: #676767;
	text-decoration: none;
	border: 1px solid #cfcfcf;
	background: #fff;
	border-radius: 4px;
	align-items: center;
	cursor: pointer;
}

.dd3-content .jstree-icon{
	margin-right:6px;
}
.dd3-content:hover {
	color: #285fdb;
	background: #fff
}

.dd-dragel>.dd3-item>.dd3-content {
	margin: 0
}

.dd3-item>button {
	margin-left: 38px
}

.dd3-handle {
	position: absolute;
	margin: 0;
	left: 0;
	top: 0;
	cursor: move;
	width: 30px;
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
	overflow: hidden;
	border: 1px solid #aaa;
	background: #bfbfbf;
	background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
	background: -moz-linear-gradient(top, #ddd 0, #bbb 100%);
	background: linear-gradient(top, #ddd 0, #bbb 100%);
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	padding: 8px 15px
}

.dd3-handle:before {
	content: '\f0c9';
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 100%;
	text-align: center;
	text-indent: 0;
	color: #818181;
	font-weight: 400;
	line-height: 28px
}

.dd3-handle:hover:before {
	color: #C27616
}

.dd-handle:hover,
.dd-handle:hover+.dd-list .dd-handle {
	background: #FDDFB3!important;
	border: 1px solid #FAA937;
	color: #333!important
}

.dd-handle>span {
	font-size: 13px;
	color: #777
}

.dd-dragel>.dd-item>.dd-handle {
	border-left-width: 4px
}

.dd-dragel>li.dd-item.dd3-item {
	position: relative;
	top: 10px;
	left: 10px;
	z-index: 999
}

.context-menu-list .context-menu-item{
	color: #676767;
	font-size: 14px
}

.context-menu-list .context-menu-item:hover{
	color:#fff;
}
.widget-toolbar{
	border-left:0px;
}
.table{
	color:#676767;
}
table.dataTable.no-footer{
	border-bottom:none !important;
}
.dropdown-item{
	font-size:14px;
	color:#676767;
}
.widget-toolbar .dropdown-toggle::after{
	top:0px;
	    vertical-align:top;
}
.widget-toolbar .btn, .vessel-listingtable .btn {
        padding: 3px 6px;
    line-height: 16px;
    font-size: 12px;
    height: auto;
}
.vessel-listingtable .fa-lg {
    font-size: 12px;
    line-height: normal;
    vertical-align: 0px;
}
.dataTable tbody .details-control:before {
    content: "\f067";
    font-size: 12px;
    color: #676767;
}
.dataTable tbody .shown .details-control:before {
    content: "\f068";
    color: #a90329;
}

.form-inline label {display: inline-block !important;}
.ui-datepicker-header{
	height: 40px;
    width: 200px;
    background: #676767;
    text-align: center;
    position: relative;
    z-index: 100;
    color:#fff;
    line-height:40px;
    font-weight:bold;
}
.ui-datepicker-prev, .ui-datepicker-next {
    position: absolute;
    width: 0px;
    height: 0px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    color:#fff
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover{
	color:#fff;
}
.ui-datepicker-prev{
	left:20px;
}
.ui-datepicker-next{
	right: 20px;
}
.ui-datepicker-calendar{
	background-color:#fff;
}
.ui-datepicker-today a{
	color: #285fdb;
    font-weight: bold;
}
#category-list .modal-body{
	margin: auto;
}
.modal-body .table td, .modal-body .table th{
	border-top:none;
}
.modal-body .input{
	    width: 100%;
}
.sweet-alert h2{
	    color: #676767;
    font-size: 16px;
	    margin: 0;
		    font-weight: 500;
}
.sweet-alert{background-color: #FBFBFB;width: 340px;margin-left:0px;    margin-left: -180px;}
.sweet-alert .sa-icon{
	width: 50px;
    height: 50px;
	    border: 2px solid gray;
		    margin: 5px auto;
}
.sweet-alert .sa-icon.sa-warning .sa-body{
	width: 2px;
    height: 17px;
}
.sweet-alert .sa-icon.sa-warning .sa-dot{
	width: 5px;
    height: 5px;
}
.widget-body.no-padding{
	margin:0px;
}
.jarviswidget>header h2{
	    color: #676767;
}
.jarviswidget>div{
	border:none !important; 
}
.widget-body .label {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    color: #011e96;
}
.widget-body section {
    margin-left: -15px;
}
.dropzone{
	border:none;
}
.smart-accordion-default{
	    margin: 0px -30px;
}
.smart-accordion-default .table-responsive{
	display: table;
	border:none;
}
.smart-accordion-default .panel-title{
	font-size: 16px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}
.smart-accordion-default .panel-title a{
	color:#676767;
	text-decoration:none;
}
.smart-accordion-default .panel-title .fa-angle-up{
	display:none;
}
.smart-accordion-default .bg-grey .bold{
	    font-weight: bold;
}
.smart-accordion-default .table-bordered td, .smart-accordion-default .table-bordered th{
	    border: none;
}
.smart-accordion-default #collapseOne{
	    padding: 15px;
    background: #fafbfc;
}
.instancesform .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
	    background-color: #FAFBFC;
    border-width: 2px 1px 0;
    border-style: solid;
    border-color: #FAFBFC;
    border-radius: 0;
    padding: 12px 10px 11px;
    color: #666;
	display: flex;
    align-items: center;
    margin-right: 15px;
	    position: relative;
}
.instancesform .nav-tabs .nav-link .fa {
    font-size: 18px;
    
    margin-right: 5px;
   
}
.instancesform .nav-tabs .nav-link.active{
	background: #fff;
    box-shadow: none;
    border-width: 2px 1px 0;
    border-style: solid;
    border-color: #285fdb #b3b3b3 #b3b3b3;
    border-radius: 3px 3px 0 0;
    bottom: -1px;
    color: #285fdb;
    
} 
.instancesform  .header-wrapper{
	    padding: 10px 15px 1px;
}
.notification-btn {
    background: #ff902b;
    padding: 1px 6px;
    color: #FFF;
    border-radius: 10px;
    margin-left: 5px;
    font-size: 11px;
    font-weight: 700;
}
.timeline-horizontal{
	    margin-bottom: 30px;
    overflow: hidden;
    color: #676767;
    padding-left: 0px;
    margin-top: 30px;
	z-index: 1;
    position: relative;
}
.timeline-horizontal .timeline-item{
	    list-style-type: none;
    font-size: 11px;
    width: 12%;
    float: left;
    position: relative;
    font-weight: 400;
	text-align:center;
}
.timeline-horizontal .timeline-item:before{
	    width: 40px;
    height: 40px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    background: #C5CAE9;
    border-radius: 50%;
    margin: auto;
    padding: 0px;
	content:"";
	position: relative;
    z-index: 999999;
}
.timeline-horizontal .timeline-item:after{
	    content: '';
    width: 100%;
    height: 12px;
    background: #C5CAE9;
    position: absolute;
    left: 0;
    top: 16px;
	    z-index: 1;
}
.timeline-horizontal .timeline-item:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%;
}
.timeline-horizontal .timeline-item:before {
    font-family: FontAwesome;
    content: "\f10c";
    color: #fff;
}

.timeline-horizontal .timeline-item.active:before, .timeline-horizontal .timeline-item.active:after {
    background: #285fdb;
}
.timeline-horizontal .timeline-item.active:before {
    font-family: FontAwesome;
    content: "\f00c";
}
#rfqForm {
	    background: #fff;
    padding: 15px;
    margin-top: 15px;
}
#rfqForm .container-sm-height{
	    width: 100%;
}
#rfqForm .rfq-detail, #rfqForm .rfq-detail td, #rfqForm .rfq-detail th {
	border: none;
}
.invoice-label{
	    text-align: left;
}
/* #rfqForm .form-control, #rfqForm .input-group, #rfqForm .select2-container { */
    /* width: 60% !important; */
/* } */
#rfqForm .bold {
    font-size: 14px;
    font-weight: bold;
    color: #676767;
}
#rfqForm .invoice-label{
	font-size: 18px;
    font-weight: 500;
}
#suppliesCls {
	margin-top:40px;
}
#suppliesCls legend{
	    font-size: 18px;
}
#suppliesCls table th, #suppliesCls table th a, .serv-cls th, .serv-cls th a {
    color: #285fdb;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}
#invTbl textarea.form-control{
	height:36px;
}
#invTbl .searchBox{ /* background: #E4E5E7;padding: 7px 0px;    border: solid 1px #C7C7C7 !important;*/width: 100%;}
fieldset {
    padding: 20px 0px;
}
#PreviousAttach h4 {
    font-size: 18px;
    margin-left: -15px;
}
.b-a label{
	    display: flex;
    align-items: center;
	width: 350px;
    cursor: pointer;
	    margin-bottom: 15px;
}
.b-a label img {
    width: 30px;
    margin-right: 8px;
   
}
.b-a{
	 margin-left: -15px;
}
#rfqForm .bold.btn{
	font-weight: 500;
    color: #ffffff;
}
.select2-container{
	width:100%;
}
.smart-form {
	margin:auto;
}
.note-popover.popover{
	display:none;
}
.sweet-alert .sa-icon.sa-success{
	display:none !important;
}
.inbox-info-bar .select2-search-choice{
	display:flex;
}
#cat .smart-accordion-default{
	margin:0px;
}
.movie-result h5 {
    font-size: 14px;
}
.itemDtls{
	display: flex;
    padding-bottom: 15px;
}
.suppliesItemCls #part_no0{
	width: 100% !important;
    background: #f3f3f3;
}
.sweet-alert .sa-icon.sa-error .sa-line{
	    height: 2px;
    width: 16px;
    top: 24px;
    border-radius: 0px;
}
#listingData .container{
	    max-width: 1400px;
}
#listingData .col-md-4 .timeline-horizontal .timeline-item{
	width:25%;
}
#menu ul .tree-nav ul li a, #menu ul li.active .tree-nav ul li a{
text-overflow: ellipsis;
overflow: hidden;
max-width: 180px;
white-space: nowrap;
    /* display: inline-flex; */

}
#menu ul .tree-nav ul li a i {
    font-size: 18px;
}
#menu ul .tree-nav ul li a:hover {
    color: #285fdb;
}
.parsley-errors-list{
padding: 0;
list-style: none;
width:100%
}
.form-control, .input-lg, .input-sm, .input-xs {
border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
}

.form-wizard .steps > li > a.step > .number{
margin: auto;
display: block;
}
.nav-justified>li{
margin: 0px 20px;
}
.form-wizard .steps{
padding: 15px 0;
}
.form-wizard h4.block{
padding: 25px 0px 5px;
padding-left: 15px;
font-size: 16px;

}
.selectVs .btn-link{
	text-decoration:none;
}
.selectVs .dropdown-toggle::after{
	display:none;
}
table.dataTable thead th, table.dataTable thead td{
	border-bottom:none !important;
}
.addbtn{
	margin-top:21px;
}
.label-warning1{
	border: solid 1px #dee2e6;
    padding: 4px;
    color: #ff902b;
}
#main_categoryShow .parentNode, #main_categoryShow .childNode{
	    background: #e9ecef;
    padding: 5px 8px;
}
#main_categoryShow .removeCat {
    font-weight: normal;
    font-size: 12px;
    margin-left: 2px;
    color: #676767;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.section-wrapper{
		margin-left:0px;
	}
.aside{
	display:none;
}	
}
.portlet.light .form .form-body {
	padding-left: 0;
	padding-right: 0;
}
.portlet.light .form .form-actions {
	background: none;
	padding-left: 0;
	padding-right: 0;
}
/***
Portlets
***/
/* Basic portlet */
.portlet {
	margin-top: 0px;
	margin-bottom: 25px;
	padding: 0px;
}
.portlet > .portlet-title {
	border-bottom: 1px solid #eee;
	padding: 0;
	margin-bottom: 10px;
	min-height: 41px;
}
.portlet > .portlet-title:before, .portlet > .portlet-title:after {
	content: " ";
	display: table;
}
.portlet > .portlet-title:after {
	clear: both;
}
.portlet > .portlet-title > .caption {
	float: left;
	display: inline-block;
	font-size: 18px;
	line-height: 18px;
	font-weight: 300;
	padding: 10px 0;
}
.portlet > .portlet-title > .caption.bold {
	font-weight: 400;
}
.portlet > .portlet-title > .caption > i {
	float: left;
	margin-top: 4px;
	display: inline-block;
	font-size: 13px;
	margin-right: 5px;
	color: #666;
}
.portlet > .portlet-title > .caption > i.glyphicon {
	margin-top: 2px;
}
.portlet > .portlet-title > .caption > .caption-helper {
	padding: 0;
	margin: 0;
	line-height: 13px;
	color: #9eacb4;
	font-size: 13px;
	font-weight: 400;
}
.portlet > .portlet-title > .actions {
	float: right;
	display: inline-block;
	padding: 6px 0;
}
.portlet > .portlet-title > .actions > .dropdown-menu i {
	color: #555555;
}
.portlet > .portlet-title > .actions > .btn,
.portlet > .portlet-title > .actions > .btn.btn-sm,
.portlet > .portlet-title > .actions > .btn-group > .btn,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm {
	padding: 4px 10px;
	font-size: 13px;
	line-height: 1.5;
}
.portlet > .portlet-title > .actions > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn.btn-sm.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-default,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm.btn-default {
	padding: 3px 9px;
}
.portlet > .portlet-title > .actions > .btn > i,
.portlet > .portlet-title > .actions > .btn.btn-sm > i,
.portlet > .portlet-title > .actions > .btn-group > .btn > i,
.portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm > i {
	font-size: 13px;
}
.portlet > .portlet-title > .actions .btn-icon-only {
	padding: 5px 7px 3px 7px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default {
	padding: 4px 6px 2px 6px;
}
.portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
	font-size: 14px;
}
.portlet > .portlet-title > .tools {
	float: right;
	display: inline-block;
	padding: 12px 0 8px 0;
}
.portlet > .portlet-title > .tools > a {
	display: inline-block;
	height: 16px;
	margin-left: 5px;
}
.portlet > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon.png);
	background-repeat: no-repeat;
	width: 11px;
}
.portlet > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon.png);
	background-repeat: no-repeat;
	width: 12px;
}
.portlet > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon.png);
	width: 13px;
}
.portlet > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon.png);
	width: 14px;
}
.portlet > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon.png);
	width: 14px;
}
.portlet > .portlet-title > .tools > a:hover {
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	opacity: .6;
	filter: 'alpha(opacity=60)';
}
.portlet > .portlet-title > .pagination {
	float: right;
	display: inline-block;
	margin: 0px;
	border: 0;
	padding: 5px 0;
}
.portlet > .portlet-title > .nav-tabs {
	background: none;
	margin: 0;
	float: right;
	display: inline-block;
	border: 0;
}
.portlet > .portlet-title > .nav-tabs > li {
	background: none;
	margin: 0;
	border: 0;
}
.portlet > .portlet-title > .nav-tabs > li > a {
	background: none;
	margin: 5px 0 0 1px;
	border: 0;
	padding: 8px 10px;
	color: #fff;
}
.portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a {
	color: #333;
	background: #fff;
	border: 0;
}
.portlet > .portlet-body {
	clear: both;
}
.portlet > .portlet-empty {
	min-height: 125px;
}
.portlet.full-height-content {
	margin-bottom: 0;
}

/* Portlet background colors */
/* Side bordered portlet */
.portlet.bordered {
	border-left: 2px solid #e6e9ec !important;
}
.portlet.bordered > .portlet-title {
	border-bottom: 0;
}

/* Solid colored portlet */
.portlet.solid {
	padding: 0 10px 10px 10px;
	border: 0px;
}
.portlet.solid > .portlet-title {
	border-bottom: 0;
	margin-bottom: 10px;
}
.portlet.solid > .portlet-title > .caption {
	padding: 16px 0 2px 0;
}
.portlet.solid > .portlet-title > .actions {
	padding: 12px 0 6px 0;
}
.portlet.solid > .portlet-title > .tools {
	padding: 14px 0 6px 0;
}

/* Solid bordered portlet */
.portlet.solid.bordered > .portlet-title {
	margin-bottom: 10px;
}

/* Box portlet */
.portlet.box {
	padding: 0px !important;
}
.portlet.box > .portlet-title {
	border-bottom: 0;
	padding: 0 10px;
	margin-bottom: 0;
	color: #fff;
}
.portlet.box > .portlet-title > .caption {
	padding: 11px 0 9px 0;
}
.portlet.box > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.box > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}
.portlet.box > .portlet-title > .actions {
	padding: 7px 0 5px 0;
}
.portlet.box > .portlet-body {
	background-color: #fff;
	padding: 10px;
}

/* Light Portlet */
.portlet.light {
	padding: 12px 20px 15px 20px;
	background-color: #fff;
}
.portlet.light.bordered {
	border: 1px solid #e1e1e1 !important;
}
.portlet.light.bordered > .portlet-title {
	border-bottom: 1px solid #eee;
}
.portlet.light.bg-inverse {
	background: #F7F7F7;
}
.portlet.light > .portlet-title {
	padding: 0;
	min-height: 48px;
}
.portlet.light > .portlet-title > .caption {
	color: #666;
	padding: 10px 0;
}
.portlet.light > .portlet-title > .caption > .caption-subject {
	font-size: 16px;
}
.portlet.light > .portlet-title > .caption > i {
	color: #777;
	font-size: 15px;
	font-weight: 300;
	margin-top: 3px;
}
.portlet.light > .portlet-title > .caption.caption-md > .caption-subject {
	font-size: 15px;
}
.portlet.light > .portlet-title > .caption.caption-md > i {
	font-size: 14px;
}
.portlet.light > .portlet-title > .actions {
	padding: 6px 0 14px 0;
}
.portlet.light > .portlet-title > .actions .btn-default {
	color: #666;
}
.portlet.light > .portlet-title > .actions .btn-icon-only {
	height: 27px;
	width: 27px;
}
.portlet.light > .portlet-title > .actions .dropdown-menu li > a {
	color: #555;
}
.portlet.light > .portlet-title > .inputs {
	float: right;
	display: inline-block;
	padding: 4px 0;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
	font-size: 14px;
	margin-top: 9px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
	height: 30px;
	padding: 2px 26px 3px 10px;
	font-size: 13px;
}
.portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {
	height: 30px;
	padding: 3px 10px;
	font-size: 13px;
}
.portlet.light > .portlet-title > .pagination {
	padding: 2px 0 13px 0;
}
.portlet.light > .portlet-title > .tools {
	padding: 10px 0 13px 0;
	margin-top: 2px;
}
.portlet.light > .portlet-title > .nav-tabs > li {
	margin: 0;
	padding: 0;
}
.portlet.light > .portlet-title > .nav-tabs > li > a {
	margin: 0;
	padding: 13px 13px 13px 13px;
	font-size: 13px;
	color: #666;
}
.portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a {
	margin: 0;
	background: none;
	color: #333;
}
.portlet.light.form-fit {
	padding: 0;
}
.portlet.light.form-fit > .portlet-title {
	padding: 17px 20px 10px 20px;
	margin-bottom: 0;
}
.portlet.light .portlet-body {
	padding-top: 8px;
}

.tab-pane > p:last-child {
	margin-bottom: 0px;
}

/* Reverse aligned tabs */
.tabs-reversed > li {
	float: right;
	margin-right: 0;
}
.tabs-reversed > li > a {
	margin-right: 0;
}

/* jQuery UI Draggable Portlets */
.portlet-sortable > .portlet-title {
	cursor: move;
}

.portlet-sortable-placeholder {
	border: 2px dashed #eee;
	margin-bottom: 25px;
}

.portlet-sortable-empty {
	height: 45px;
}

/* Portlet */
.portlet > .portlet-body.blue,
.portlet.blue {
	background-color: #4b8df8;
}

.portlet.solid.blue > .portlet-title,
.portlet.solid.blue > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue {
	border: 1px solid #7cacfa;
	border-top: 0;
}
.portlet.box.blue > .portlet-title {
	background-color: #4b8df8;
}
.portlet.box.blue > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #b7d1fc;
	color: #d0e1fd;
}
.portlet.box.blue > .portlet-title > .actions .btn-default > i {
	color: #deeafe;
}
.portlet.box.blue > .portlet-title > .actions .btn-default:hover, .portlet.box.blue > .portlet-title > .actions .btn-default:focus, .portlet.box.blue > .portlet-title > .actions .btn-default:active, .portlet.box.blue > .portlet-title > .actions .btn-default.active {
	border: 1px solid #e8f0fe;
	color: white;
}

/* Portlet */
.portlet > .portlet-body.blue-madison,
.portlet.blue-madison {
	background-color: #578ebe;
}

.portlet.solid.blue-madison > .portlet-title,
.portlet.solid.blue-madison > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue-madison > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-madison > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue-madison {
	border: 1px solid #7ca7cc;
	border-top: 0;
}
.portlet.box.blue-madison > .portlet-title {
	background-color: #578ebe;
}
.portlet.box.blue-madison > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue-madison > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue-madison > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #a8c4dd;
	color: #bad1e4;
}
.portlet.box.blue-madison > .portlet-title > .actions .btn-default > i {
	color: #c5d8e9;
}
.portlet.box.blue-madison > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-madison > .portlet-title > .actions .btn-default:active, .portlet.box.blue-madison > .portlet-title > .actions .btn-default.active {
	border: 1px solid #cdddec;
	color: #dfeaf3;
}

/* Portlet */
.portlet > .portlet-body.blue-chambray,
.portlet.blue-chambray {
	background-color: #2c3e50;
}

.portlet.solid.blue-chambray > .portlet-title,
.portlet.solid.blue-chambray > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue-chambray > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-chambray > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue-chambray {
	border: 1px solid #3e5771;
	border-top: 0;
}
.portlet.box.blue-chambray > .portlet-title {
	background-color: #2c3e50;
}
.portlet.box.blue-chambray > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue-chambray > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #547698;
	color: #5f83a7;
}
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default > i {
	color: #698aac;
}
.portlet.box.blue-chambray > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default:active, .portlet.box.blue-chambray > .portlet-title > .actions .btn-default.active {
	border: 1px solid #6f90b0;
	color: #809cb9;
}

/* Portlet */
.portlet > .portlet-body.blue-ebonyclay,
.portlet.blue-ebonyclay {
	background-color: #22313f;
}

.portlet.solid.blue-ebonyclay > .portlet-title,
.portlet.solid.blue-ebonyclay > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue-ebonyclay > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-ebonyclay > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue-ebonyclay {
	border: 1px solid #344b60;
	border-top: 0;
}
.portlet.box.blue-ebonyclay > .portlet-title {
	background-color: #22313f;
}
.portlet.box.blue-ebonyclay > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue-ebonyclay > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #496a88;
	color: #527798;
}
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default > i {
	color: #587ea2;
}
.portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default:active, .portlet.box.blue-ebonyclay > .portlet-title > .actions .btn-default.active {
	border: 1px solid #5d83a7;
	color: #6d90b0;
}

/* Portlet */
.portlet > .portlet-body.blue-hoki,
.portlet.blue-hoki {
	background-color: #67809f;
}

.portlet.solid.blue-hoki > .portlet-title,
.portlet.solid.blue-hoki > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue-hoki > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-hoki > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue-hoki {
	border: 1px solid #869ab3;
	border-top: 0;
}
.portlet.box.blue-hoki > .portlet-title {
	background-color: #67809f;
}
.portlet.box.blue-hoki > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue-hoki > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #acb9ca;
	color: #bbc7d4;
}
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default > i {
	color: #c5ceda;
}
.portlet.box.blue-hoki > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hoki > .portlet-title > .actions .btn-default.active {
	border: 1px solid #cbd4de;
	color: #dbe1e8;
}

/* Portlet */
.portlet > .portlet-body.blue-steel,
.portlet.blue-steel {
	background-color: #4b77be;
}

.portlet.solid.blue-steel > .portlet-title,
.portlet.solid.blue-steel > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue-steel > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-steel > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue-steel {
	border: 1px solid #7093cc;
	border-top: 0;
}
.portlet.box.blue-steel > .portlet-title {
	background-color: #4b77be;
}
.portlet.box.blue-steel > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue-steel > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #9db5dc;
	color: #b0c3e3;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default > i {
	color: #bbcce7;
}
.portlet.box.blue-steel > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-steel > .portlet-title > .actions .btn-default:active, .portlet.box.blue-steel > .portlet-title > .actions .btn-default.active {
	border: 1px solid #c3d2e9;
	color: #d6e0f0;
}

/* Portlet */
.portlet > .portlet-body.blue-soft,
.portlet.blue-soft {
	background-color: #4c87b9;
}

.portlet.solid.blue-soft > .portlet-title,
.portlet.solid.blue-soft > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue-soft > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-soft > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue-soft {
	border: 1px solid #71a0c7;
	border-top: 0;
}
.portlet.box.blue-soft > .portlet-title {
	background-color: #4c87b9;
}
.portlet.box.blue-soft > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue-soft > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue-soft > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #9dbdd9;
	color: #afc9e0;
}
.portlet.box.blue-soft > .portlet-title > .actions .btn-default > i {
	color: #bad1e4;
}
.portlet.box.blue-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-soft > .portlet-title > .actions .btn-default:active, .portlet.box.blue-soft > .portlet-title > .actions .btn-default.active {
	border: 1px solid #c1d6e7;
	color: #d4e2ee;
}
/* Portlet */
.portlet > .portlet-body.blue-dark,
.portlet.blue-dark {
	background-color: #5e738b;
}

.portlet.solid.blue-dark > .portlet-title,
.portlet.solid.blue-dark > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue-dark > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-dark > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue-dark {
	border: 1px solid #788da4;
	border-top: 0;
}
.portlet.box.blue-dark > .portlet-title {
	background-color: #5e738b;
}
.portlet.box.blue-dark > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue-dark > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue-dark > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #9dacbd;
	color: #acb8c7;
}
.portlet.box.blue-dark > .portlet-title > .actions .btn-default > i {
	color: #b5c0cd;
}
.portlet.box.blue-dark > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-dark > .portlet-title > .actions .btn-default:active, .portlet.box.blue-dark > .portlet-title > .actions .btn-default.active {
	border: 1px solid #bbc5d1;
	color: #cad2db;
}

/* Portlet */
.portlet > .portlet-body.blue-sharp,
.portlet.blue-sharp {
	background-color: #5c9bd1;
}

.portlet.solid.blue-sharp > .portlet-title,
.portlet.solid.blue-sharp > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.blue-sharp > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.blue-sharp > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.blue-sharp {
	border: 1px solid #84b3dc;
	border-top: 0;
}
.portlet.box.blue-sharp > .portlet-title {
	background-color: #5c9bd1;
}
.portlet.box.blue-sharp > .portlet-title > .caption {
	color: white;
}
.portlet.box.blue-sharp > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #b4d1ea;
	color: #c7ddef;
}
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default > i {
	color: #d3e4f3;
}
.portlet.box.blue-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.blue-sharp > .portlet-title > .actions .btn-default.active {
	border: 1px solid #dbe9f5;
	color: #eff5fb;
}

/* Portlet */
.portlet > .portlet-body.green,
.portlet.green {
	background-color: #35aa47;
}

.portlet.solid.green > .portlet-title,
.portlet.solid.green > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.green > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.green > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.green {
	border: 1px solid #4bc75e;
	border-top: 0;
}
.portlet.box.green > .portlet-title {
	background-color: #35aa47;
}
.portlet.box.green > .portlet-title > .caption {
	color: white;
}
.portlet.box.green > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.green > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #7ad588;
	color: #8ddc99;
}
.portlet.box.green > .portlet-title > .actions .btn-default > i {
	color: #99dfa4;
}
.portlet.box.green > .portlet-title > .actions .btn-default:hover, .portlet.box.green > .portlet-title > .actions .btn-default:focus, .portlet.box.green > .portlet-title > .actions .btn-default:active, .portlet.box.green > .portlet-title > .actions .btn-default.active {
	border: 1px solid #a1e2ab;
	color: #b4e8bc;
}
/* Portlet */
.portlet > .portlet-body.green-meadow,
.portlet.green-meadow {
	background-color: #1bbc9b;
}

.portlet.solid.green-meadow > .portlet-title,
.portlet.solid.green-meadow > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.green-meadow > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-meadow > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.green-meadow {
	border: 1px solid #2ae0bb;
	border-top: 0;
}
.portlet.box.green-meadow > .portlet-title {
	background-color: #1bbc9b;
}
.portlet.box.green-meadow > .portlet-title > .caption {
	color: white;
}
.portlet.box.green-meadow > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.green-meadow > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #5fe8cc;
	color: #75ebd3;
}
.portlet.box.green-meadow > .portlet-title > .actions .btn-default > i {
	color: #83edd7;
}
.portlet.box.green-meadow > .portlet-title > .actions .btn-default:hover, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:focus, .portlet.box.green-meadow > .portlet-title > .actions .btn-default:active, .portlet.box.green-meadow > .portlet-title > .actions .btn-default.active {
	border: 1px solid #8ceeda;
	color: #a2f2e1;
}

/* Portlet */
.portlet > .portlet-body.green-seagreen,
.portlet.green-seagreen {
	background-color: #1ba39c;
}

.portlet.solid.green-seagreen > .portlet-title,
.portlet.solid.green-seagreen > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.green-seagreen > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-seagreen > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.green-seagreen {
	border: 1px solid #22cfc6;
	border-top: 0;
}
.portlet.box.green-seagreen > .portlet-title {
	background-color: #1ba39c;
}
.portlet.box.green-seagreen > .portlet-title > .caption {
	color: white;
}
.portlet.box.green-seagreen > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #4de1da;
	color: #63e5de;
}
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default > i {
	color: #70e7e1;
}
.portlet.box.green-seagreen > .portlet-title > .actions .btn-default:hover, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:focus, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default:active, .portlet.box.green-seagreen > .portlet-title > .actions .btn-default.active {
	border: 1px solid #78e9e3;
	color: #8eece8;
}

/* Portlet */
.portlet > .portlet-body.green-turquoise,
.portlet.green-turquoise {
	background-color: #36d7b7;
}

.portlet.solid.green-turquoise > .portlet-title,
.portlet.solid.green-turquoise > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.green-turquoise > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-turquoise > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.green-turquoise {
	border: 1px solid #61dfc6;
	border-top: 0;
}
.portlet.box.green-turquoise > .portlet-title {
	background-color: #36d7b7;
}
.portlet.box.green-turquoise > .portlet-title > .caption {
	color: white;
}
.portlet.box.green-turquoise > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #94ead9;
	color: #a9eee0;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default > i {
	color: #b6f0e5;
}
.portlet.box.green-turquoise > .portlet-title > .actions .btn-default:hover, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:focus, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default:active, .portlet.box.green-turquoise > .portlet-title > .actions .btn-default.active {
	border: 1px solid #bef2e8;
	color: #d3f6ef;
}

/* Portlet */
.portlet > .portlet-body.green-haze,
.portlet.green-haze {
	background-color: #44b6ae;
}

.portlet.solid.green-haze > .portlet-title,
.portlet.solid.green-haze > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.green-haze > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.green-haze > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-haze > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.green-haze {
	border: 1px solid #67c6bf;
	border-top: 0;
}
.portlet.box.green-haze > .portlet-title {
	background-color: #44b6ae;
}
.portlet.box.green-haze > .portlet-title > .caption {
	color: white;
}
.portlet.box.green-haze > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.green-haze > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #93d7d2;
	color: #a6deda;
}
.portlet.box.green-haze > .portlet-title > .actions .btn-default > i {
	color: #b1e2de;
}
.portlet.box.green-haze > .portlet-title > .actions .btn-default:hover, .portlet.box.green-haze > .portlet-title > .actions .btn-default:focus, .portlet.box.green-haze > .portlet-title > .actions .btn-default:active, .portlet.box.green-haze > .portlet-title > .actions .btn-default.active {
	border: 1px solid #b9e5e2;
	color: #cbece9;
}
/* Portlet */
.portlet > .portlet-body.green-jungle,
.portlet.green-jungle {
	background-color: #26c281;
}

.portlet.solid.green-jungle > .portlet-title,
.portlet.solid.green-jungle > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.green-jungle > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-jungle > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.green-jungle {
	border: 1px solid #41da9a;
	border-top: 0;
}
.portlet.box.green-jungle > .portlet-title {
	background-color: #26c281;
}
.portlet.box.green-jungle > .portlet-title > .caption {
	color: white;
}
.portlet.box.green-jungle > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.green-jungle > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #74e4b5;
	color: #8ae8c1;
}
.portlet.box.green-jungle > .portlet-title > .actions .btn-default > i {
	color: #96ebc8;
}
.portlet.box.green-jungle > .portlet-title > .actions .btn-default:hover, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:focus, .portlet.box.green-jungle > .portlet-title > .actions .btn-default:active, .portlet.box.green-jungle > .portlet-title > .actions .btn-default.active {
	border: 1px solid #9feccc;
	color: #b4f0d7;
}

/* Portlet */
.portlet > .portlet-body.green-sharp,
.portlet.green-sharp {
	background-color: #4db3a2;
}

.portlet.solid.green-sharp > .portlet-title,
.portlet.solid.green-sharp > .portlet-body {
	border: 0;
	color: white;
}
.portlet.solid.green-sharp > .portlet-title > .caption > i {
	color: white;
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.remove {
	background-image: url(../img/portlet-remove-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.config {
	background-image: url(../img/portlet-config-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.reload {
	background-image: url(../img/portlet-reload-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.expand {
	background-image: url(../img/portlet-expand-icon-white.png);
}
.portlet.solid.green-sharp > .portlet-title > .tools > a.collapse {
	background-image: url(../img/portlet-collapse-icon-white.png);
}

.portlet.box.green-sharp {
	border: 1px solid #71c2b5;
	border-top: 0;
}
.portlet.box.green-sharp > .portlet-title {
	background-color: #4db3a2;
}
.portlet.box.green-sharp > .portlet-title > .caption {
	color: white;
}
.portlet.box.green-sharp > .portlet-title > .caption > i {
	color: white;
}
.portlet.box.green-sharp > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #9cd5cb;
	color: #addcd4;
}
.portlet.box.green-sharp > .portlet-title > .actions .btn-default > i {
	color: #b8e1da;
}
.portlet.box.green-sharp > .portlet-title > .actions .btn-default:hover, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:focus, .portlet.box.green-sharp > .portlet-title > .actions .btn-default:active, .portlet.box.green-sharp > .portlet-title > .actions .btn-default.active {
	border: 1px solid #bfe4de;
	color: #d1ebe7;
}
#calendar primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #333;
	background-color: #fff;
	border-color: #fff;
}
#calendar .btn-primary {
	color: #333;
	background-color: #fff;
	border-color: #fff;
}
#calendar .fc-dayGridMonth-button,
#calendar .fc-timeGridWeek-button,
#calendar .fc-timeGridDay-button,
#calendar .fc-listMonth-button
{
	margin-top: -59px;
}
fc .fc-toolbar-title{
	
    font-size: 16px;

}
.portlet.box.green-meadow > .portlet-title {
    background-color: #676767;
}
.portlet.box.green-meadow {
    border: 1px solid #676767;
    border-top: 0;
}
.portlet > .portlet-body.green-meadow, .portlet.green-meadow {
    background-color: #676767;
}
.fc table{
	    font-size: 12px;
}
.fc-event{
	        background: rgba(218, 231, 255, 0.7);
		    color:#0a5eff !important;
			    border-left: 4px solid #4786ff;
}
.fc-daygrid-dot-event{
padding: 8px 12px;
}
.fc-daygrid-event-dot{
display: none;
}
.minifyme{
display:none;
}
.part-text {    color: #DB9328 !important;}
.assembly-text{    color: #007bff !important;}

.part-draft{background-color:#f1c077 !important;}
.assembly-draft{background-color:#ccc !important;}
.instance-draft{background-color:#aec5f9 !important;}
.color-code{
display: flex;
        width: 680px;
    font-size: 12px;
    color: #676767;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding: 0px;
}
.color-code li {
    position: relative;
    padding-left: 30px;
}
.color-code li span {
    width: 25px;
    height: 12px;
    background-color: #DB9328;
    position: absolute;
    left: 0px;
    top: 3px;
}
.color-code li.category span{
background-color:#ff6b81 !important;
}
.color-code li.intance span{
background-color:#285fdb !important;
}
.color-code li.intancedraft span{
background-color:#aec5f9 !important;
}
.color-code li.assembly span{
background-color:#676767 !important;
}
.color-code li.assemblydraft span{
background-color:#ccc !important;
}
.color-code li.part span{
background-color:#DB9328 !important;
}

.color-code li.partdraft span{
background-color:#f1c077 !important;
}

.dt-toolbar-footer{
	background: #ffffff;
	width: 100%;
	border-top: none;
}
.dataTables_wrapper .dataTables_info{
	    color: #676767 !important;
		    font-weight: 500;
}
.dt-toolbar-footer .col-sm-6{
	float: left;
}
.dataTables_wrapper .dataTables_paginate{
	color: #676767 !important;
}
.dt-toolbar{
	background: #ffffff;
	    border-bottom: 1px solid #dee2e6;
}
.dataTables_filter .input-group-addon{
	    display: none;
}
.order-status-hifi .panel-body{
	font-size: 12px;
}
.order-status-hifi .panel-title{
	    margin-bottom: 5px;
}


/* =====dashboard css===== */

.fleet-dashboard .main-heading{
	border-left: solid 1px #ccc;
	margin-bottom:15px;
}
.panel {
    margin-bottom: 0;
    border-radius: 4px;
	border: 1px solid transparent;
	float: left;
    width: 100%;
	margin-bottom: 20px;
}
.content-flet{
	padding:15px;
	    text-align: center;
}
.content-flet p{
	margin-top:8px;
	font-weight: 500;
}
.content-flet img{
	border: solid 1px #fff;
    border-radius: 4px;
	    height: 147px;
}
.panel-footer{
	    float: left;
    width: 100%;
    padding: 10px 15px;
}
.panel-pba .panel-footer a{
	color:#0056b3;
}
.panel-green .panel-footer a{
	color:#5cb85c;
}
.panel-pba {
    border-color: #0056b3;
}
.panel-pba > .content-flet {
    border-color: #0056b3;
    color: white;
    background-color: #0056b3;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-green > .content-flet {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c;
}
.dashboard{}
.mt-22 {
    margin-top: 22px!important;
}

.card-box{
	box-shadow: 0 3px 6px #00002947;
	border-radius: 12px;
	height: 100%;
	padding:15px;
}
.card-box p{
	margin-bottom:10px;
}
.bg-blue{
	background-color: #285fdb;
    color: #fff!important;
}
.bg-success{
	background-color: #27C24C !important;
    color: #fff!important;
}
.bg-white{
	color:#676767;
}
.centered {
	    display: flex;
    align-items: center;
    justify-content: center;
}
.p-5 {
    padding: 5px!important;
}
.mt-sm {
    margin-top: 5px!important;
}

.span_circle {
    border-radius: 100%;
    margin-bottom: 5px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
	    font-weight: 500;
}
.bg-blue .span_circle {
    background-color: #4977e0;
}
.bg-white .span_circle {
    background-color: #e6e6e6;
}
.bg-success .span_circle {
    background-color: #67E666;
}

.key-indicator{
	display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.key-indicator .key-clum{
	flex: 0 0 50%;
    max-width: 50%;
	flex: 0 0 50%;
    max-width: 50%;
    border: solid 1px #EDEDED;
    padding: 15px 0px;
    display: flex;
    align-items: center;
}
.img-cont p{
	margin-bottom:0px;
}
.img-key{
	    background-color: #ecf6f4;
		height: 52px;
    width: 52px;
    margin-left: 20px;
    margin-right: 12px;
	    align-items: center;
    justify-content: center;
    display: flex;
}
.img-key.bg1{
	background-color: #fffaf1;
}
.img-key.bg2{
	background-color: #fef3f2;
}
.img-key img{
	width: 30px;
 
    border-radius: 0;
    -o-object-fit: fill;
    object-fit: fill;
}
.dashboard .panel{
	    border: solid 1px #EDEDED;
		    margin-bottom: 10px;
			    padding: 5px 12px;
			align-items:center;
			    justify-content: space-between;
}
.dashboard .panel .icon{
	font-size:45px;
	    color: #27C24C;
}
.dashboard .panel .cont{
	text-align:right;
}
.dashboard .panel .cont h6{
	font-size:24px;
	margin-bottom:8px;
	    color: #27C24C;
}
.dashboard .panel.panel-critical .icon{
	color: #F13C31;
}
.dashboard .panel.panel-critical .cont h6{
	color: #F13C31;
}
.dashboard .list-group .icofont-info-circle{
	margin-right:8px;
	font-size: 18px;
	color:#27C24C;
}
.dashboard .list-group .critical .icofont-info-circle{
	color:#F13C31;
}


.notifications {
   min-width:420px; 
  }
  .header .navbar-nav .dropdown-menu.show.notifications{
	  padding:0px;
  }
  .notifications-wrapper {
     overflow:auto;
      max-height:250px;
    }
.notifications .menu-title {
     color:#fff;
     font-size:14px;
      display:inline-block;
      }
	  .notifications .close1{
		  text-decoration:none;
		  color:#fff;
	  }
.notification-heading, .notification-footer  {
 	padding:8px 10px;
	transition: height 160ms ease-out 0s;
    background: linear-gradient(135deg, rgb(0, 113, 178) 0%, rgb(0, 48, 76) 100%);
       }
      
        
.dropdown-menu.divider {
  margin:5px 0;          
  }

.item-title {
  
 font-size:14px;
 color:#272727;
    
}

.notifications a.content {
 text-decoration:none;
 background:#ccc;

 }
    
.notification-item {
 padding:10px;
 margin:5px;
 background:#e6e6e6;
 border-radius:4px;
 }
 .notification-footer a{
	 text-decoration:none;
 }
.trackmost .mosttitle span{
	
	    display: block;
    font-weight: normal;
    font-size: 12px;
    
}
.trackmost .mosttitle span.time{
	display: inline-block;
}
.trackmost .mosttitle h6{
	font-size:14px;
}
.progress{
	 height: 6px;
}
.progress-bar{
	    background-color: #27c24c;
		   
}
.progress-icon{
	    position: absolute;
    transition: left 1s ease,transform .3s ease;
    top: 50%;
    width: auto;
    z-index: 10;
    left: calc(0% - 14px);
}
.progress-icon.moving{
	    transform: rotate(90deg);
    height: 24px;
    margin-top: -11px;
}

.ichat, .ichat:hover{
	position: absolute;
    right: 15px;
    bottom: 16px;
    font-size: 36px;
    background: #f0464f;
    /* width: 40px; */
    /* height: 40px; */
    padding: 10px;
    line-height: 36px;
    border-radius: 4px;
    color: #fff;
}

.table {
    border-collapse: separate;
    border-spacing: 0 6px;
    margin-bottom: 0px;
}
.table td:first-child, .table th:first-child {
    border-left: 1px solid #dee2e6;
}
.table td:last-child, .table th:last-child {
    border-right: 1px solid #dee2e6;
}
.table th {
    background-color: #f5f5f5 !important;
    font-size: 12px;
    color: #676767;
    padding: 9px 10px !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.table td {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 5px 0px 5px 10px !important;
    margin: 0px;
    vertical-align: middle;
    color: #676767;
    font-size: 13px;
}
.table td:first-child, .table th:first-child {
    border-left: 1px solid #dee2e6;
}
.table td:last-child, .table th:last-child {
    border-right: 1px solid #dee2e6;
}
th.v1, td.v1 {
    width: 107px;
    padding: 4px 2px 4px 15px !important;
}
.ship-photo {
    width: 90px;
    height: 56px;
    border-radius: 3px;
    vertical-align: middle;
}
.slna {
    font-weight: 700;
	color:#285fdb;
	    font-size: 14px;
}
.video-box-home{
	    padding: 5px;
    overflow: hidden;
    position: relative;
    margin: 0;
}
.video-box-home .cricle-top{
	    height: 83px;
    width: 83px;
    background: #598cff;
    border-radius: 0 0 100px;
    position: absolute;
    left: 0;
    top: 0;
}
.video-box-home .img-container{
	float: left;
    padding: 0;
    left: 0;
    display: block;
    width: 100%;
    position: relative;
}
.video-box-home .videoIcon{
	position: absolute;
    left: 50%;
    top: 50%;
    width: 83px;
    height: 83px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.video-box-home .decription-text {
    padding-left: 17px;
    border-left: 1px solid #999;
    margin: 20px 0 0;
    position: relative;
	float: left;

    left: 0;
    display: block;
    width: 100%;
}
.video-box-home .decription-text h6 {
    font-size: 21px;
    font-weight: 300;
    margin: 0 0 15px;
    line-height: 1.3;
	color: #285fdb;
}
.video-box-home .decription-text p{
	    color: #595959;
   
    text-align: left;
    margin: 0;
    font-size: 15px;
}
.glow {
  font-size:28px;
  color: #fff;
  text-align: center;
  animation: glow 0.4s ease-in-out infinite alternate;
   text-shadow: 2px 2px 0px #FFFFFF, 5px 4px 0px rgba(0,0,0,0.15);
   font-weight:500;
}

@-webkit-keyframes glow {
  from {
    color:red;
  }
  
  to {
    color:#676767;
  }
}