body p{
    white-space: normal;
}
/* FONT SIZE */
body .input-sm,
body .btn-sm{
	font-size:14px;
}
body .form-group{
	margin-bottom:15px;
}         

.hell-label{
	display:block;
	color: #62a8ea;
	font-weight: 400;
}

#hell-mainLoader-wrapper {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #fff;
}

#hell-mainLoaderWrapper div {
	width:2em !important;
	height:2em !important;
}

.hell-resolve-wrapper {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
	background:#fff;
}

/* COLORS*/
.hell-color-primary {
	color: #62a8ea!important;
}

/* LOGO 
.navbar-brand >.navbar-brand-logo {
    display: none;
}*/

.navbar-brand {
    padding-left: 5px;
}
.navbar-brand-logo {
    height: 24px;
    display: none;
}

.site-menubar-unfold .navbar-brand-logo{ 
    height: 50px;
    margin-top: -17px;
    margin-left: 35px;
}

.hell-table-loading {
	height:160px;
}

/* SITE MENU */
/* Avoid menu resize */
@media (min-width: 768px) {
    body .site-menubar-unfold .site-navbar .navbar-header{
        width: 90px!important;
    }
    body .site-menubar-unfold .site-navbar .navbar-container{
        margin-left: 90px!important;
    }
}

ul.products-list-group.list-group.taskboard-list.ui-sortable{
    max-height: 205px;
    overflow: auto;	
}

.site-menubar-fold.site-menubar-fold-alt .site-menu > .site-menu-item.hover > a .site-menu-title{
	display: none;
}

.site-menubar-footer > a {
	font-size: 24px;
}

body.hell-hide-vertical-toolbar .site-menubar{
    display: none;
}
body.hell-hide-vertical-toolbar button[data-toggle="menubar"]{
    display: none;
}
body .site-footer{
    position: fixed;
    z-index: 1002;
    background: #fafafa;
    width: calc(100%);
}

body.site-menubar-fold .site-footer {
  margin-left: 90px;
  width: calc(100% - 90px);
}

.hell-breadcrumb{
	position: fixed;
	z-index: 12;
	margin-left: 90px;
    width: calc(100% - 90px);
    vertical-align: middle;
}
.hell-breadcrumb ul{
    margin-top: 12px;
    padding-left: 30px;
    list-style: none;
}
.hell-breadcrumb li{
	display: inline-block;
}
.hell-breadcrumb a{
	/* color: #fff; */
	text-transform: uppercase;
	font-weight: 400px;
}
.hell-breadcrumb span{
    /* color: #fff; */
}
.hell-breadcrumb .hell-breadcrumb-separator{
	margin-left: 8px;
	margin-right: 8px;
}

.hell-hide-vertical-toolbar .hell-breadcrumb{
    margin-left: 0px;
    width: calc(100%);
}

body .site-action {
  right: 11px;
}

body.hell-wider-sidebar-toolbar .site-action.site-action-page-aside{
  right:;
  left: 310px;
}

body.hell-wider-sidebar-toolbar .site-action.site-action-page-aside.site-action-page-aside-two-button{
  right:;
  left: 255px;
  width: 125px;
}

body.hell-hide-vertical-toolbar .page,
body.hell-hide-vertical-toolbar .site-footer,
body.hell-view-home .page,
body.hell-view-home .site-footer {
    margin-left: 0px;
    width: calc(100%);
}

body.hell-view-home .pane{
    min-height: calc(100%);
}

body.hell-view-home .page-content{
	padding-right: 71px;
}

body.hell-view-home .page-content .panel{
    box-shadow: none;
}
body.hell-view-home .page{
	min-height: calc(100%);
}

.row.hell-product-list-item{	
    padding-left: 10px;
}

.row.hell-product-list-item label.task-title,
.row.hell-product-list-item span.icon{
	font-size: 18px;
	line-height: 22px;
}

/* .row.hell-product-list-item .checkbox-custom label::before {
	width:14px;
	height:14px;
}
.row.hell-product-list-item .checkbox-custom input {
    margin-top:6px;
} */

.hell-main-view {
	padding-top: 50px;
	height: calc(100vh - 66px - 44px);
}

body.hell-view-home div.page{
	height: auto!important;
}

.hell-v100,
.page-aside,
.page-main {
	height:100%;
}

.page-aside,
.page-main {
	overflow-y: auto;
}

.hell-user-type-container small {
	margin-top: -42px;
	margin-bottom: 50px;
}

.hell-user-type-container label i.form-control-feedback {
	display:none !important;
}

.hell-user-type-btn-group {
	margin-top:20x;
	margin-bottom:50px;
}

.hell-user-type-btn-group label {
	width: 140px;
}

.hell-user-type-title {
	font-size: 20px;
	margin-top: 20px
}

.hell-user-type-btn-group label i {
	padding: 10px;
}

select.hell-select {
	font-size: 12px;
	height: 32px;
	line-height: 18px;
}

.hell-filter-input-group input,
.hell-filter-input-group button {
	height: 32px;
	font-size:12px;
}

ul#hell-dm-operators li {
	display: inline;
	padding: 5px;	
}

/* fix for boostrap validator icons */
.has-feedback .form-control-feedback,
.has-feedback label.sr-only~.form-control-feedback {
    /* top: 4px; */
    top: 18px;
    right: 15px;
    height: auto;
}

/* For smart table */
.st-sort-ascent:before{
    content: '\25B2';
}

.st-sort-descent:before{
    content: '\25BC';
}

.hell-st-table th span {
	margin-left:3px;
}

/* table actions */
button.hell-table-action,
a.hell-table-action,
a.hell-table-action:link,
a.hell-table-action:visited,
a.hell-table-action:active {	
	margin: 0 4px;
	display:inline-block;
	-webkit-transition:all .1s;
	-o-transition:all .1s;
	transition:all .1s
}

button.hell-table-action {
	border:none;
	background:none;
	color: #62a8ea;
}

button.hell-table-action:hover,
a.hell-table-action:hover {
	text-decoration:none;
	-moz-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	-o-transform:scale(1.4);
	-ms-transform:scale(1.4);
	transform:scale(1.4)
}

/*  @media (min-width: 979px) {*/
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
  ul.dropdown-menu {
    margin-top: 0px;
    left: 0px;
  }
  .navbar-mega .dropdown.dropdown-fw .dropdown-menu {
    left: 0px;
  }
/* } */

@media (max-width: 767px){
    .navbar-toolbar ul.dropdown-menu {
            overflow-y: auto!important;
        }
}

/*TABLE*/
table.hell-confirmation-table{
	margin-top: 30px;
}

table.hell-confirmation-table td{
    font-weight: 500;
    color: #62a8ea
}
table.hell-confirmation-table td.hell-table-value{
    font-weight: 100;
    text-align: right;
    color: inherit;
}

#addUserWizardContainer.adding-user .wizard-buttons a.btn{
	pointer-events: none;
	cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
#addUserWizardContainer.add-user-success .wizard-buttons{
    display: none;
}

table.user-info{
	margin-top: 40px;
	padding-top:10px;
    table-layout: fixed;
    word-wrap: break-word;
}
table.user-info.user-info-page-aside{
    margin-top: 10px;
}
table.user-info tbody tr td{
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (max-width: 767px){
	.page-aside {
	    overflow-y: visible;
    }
}

/* Action Buttons  */
.site-action-buttons{
	display: block;
}

.btn-floating.hell-btn-floating-small{
	width: 42px;
	height: 42px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.taskboard-stage-content .action-wrap.hell-action-wrap {
    padding: 10px;
}

body .taskboard-stage-content{
	width:100%
}

/* Modal windows */
body.modal-open nav{
	z-index: 1000;
}
body.modal-open .site-action{
    z-index: 1000;
}
body.modal-open .slidePanel{
	z-index: 1001;
}

/* Table processing */
#userCtrl.hell-processing table td .hell-row-action-container button.hell-table-action,
#userCtrl.hell-processing table td .hell-row-action-container a.hell-table-action,
#userCtrl.hell-processing .site-action-buttons button,
#userCtrl.hell-processing .slidePanel button
{
    cursor: default;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    opacity: 0.15;

}

table .hell-row-spinner{
	display: none;
}
table td.hell-row-processing .hell-row-spinner{
	display: block;
}
table td.hell-row-processing .hell-row-action-container{
    display: none;
}

/* HELL FILE INPUT */
.hell-file-input .form-control-feedback,
.hell-file-input small{
	display: none;
}

.hell-file-input.hell-invalid-file-format i.form-control-feedback,
.hell-file-input.hell-invalid-file-format small{
    display: block;
    color: red;
}

.taskboard-stage-header{
	/* background: #76838f; DARK GREY*/
	/* background: #526069; VARY DARK GREY*/
	background: #62a8ea;
}
header h4.taskboard-stage-title{
	text-transform: uppercase;
	color: #76838f;
	font-size: 18px;
	margin-top: 4px;
	color: white;
}
.hell-subtitle,
.taskboard-stage-subtitle{
    color: #526069;
    font-size: 16px;
    text-transform: uppercase;
}
.taskboard-stage-actions .hell-action{
	display: inline-block;
	margin-left: 10px;
	font-size: 20px;
}
.taskboard-stage-actions .hell-action.dropdown i{
    color: white;   
}
.taskboard-stage-info{
    border-bottom: 1px solid #e4eaec;
    background: #fafafa;
    padding-top: 10px;
    padding-bottom: 20px;
}
.taskboard-stage-bottom-bar{
    background: #fafafa;
    min-height: 65px;
}
.taskboard-stage-actions .hell-action.dropdown .dropdown-menu i {
    color: #62a8ea;
}

input.ng-invalid.hell-validator{
    border: 1px solid red !important;
    outline-color: red;
}
form.ng-invalid .hell-ok-btn{
	cursor: not-allowed;
	pointer-events: none;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.help-error-block{
	color: red;
}

/* MENU GROUP */
.hell-menu-group{
	margin-bottom: 10px;
    margin-left: 10px;
}
.hell-menu-group-title{
	text-transform: uppercase;
	color: #526069;
}
.hell-menu-subgroup{
    margin-left: 5px
}
.hell-menu-subgroup{
	margin-left: 5px
}

/* MENU IN BODY */
.hell-body-menu .hell-body-menu-btn i{
	font-size: 24px;
	padding-right: 11px;
    padding-left: 11px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.navbar-toolbar > li > a.hell-body-menu-btn{
    padding:0px;
    border-radius: 3px;
    border: 1px solid;
}
.hell-body-menu i{
	color: #62a8ea;
}

/* PRODUCT SELECT DIRECTIVE */
div[hell-select] .hell-selection-action{
    display: none;
}
div[hell-select].hell-selected .hell-selection-action{
	display: inline-block;
}
div[hell-select].hell-selected.hell-activation-enabled .hell-selection-action.hell-btn-activate,
div[hell-select].hell-selected.hell-activation-disabled .hell-selection-action.hell-btn-deactivate{
    display: inline-block;
}
div[hell-select].hell-selected.hell-activation-disabled .hell-selection-action.hell-btn-activate,
div[hell-select].hell-selected.hell-activation-enabled .hell-selection-action.hell-btn-deactivate{
    display: none;
}

.hell-no-item{
	padding: 0px;
	text-align: center;    
}

/* INCREASE PAGE ASIDE */
body .page-aside {
    width: 250px;
}
body .page-aside + .page-main {
    margin-left: 250px;
}

body.hell-wider-sidebar-toolbar .page-aside {
    width: 380px;
}
body.hell-wider-sidebar-toolbar .page-aside + .page-main {
    margin-left: 380px;
}

@media (max-width: 767px){
	body .page-aside + .page-main,
	body.hell-wider-sidebar-toolbar .page-aside + .page-main {
	    margin-left: 0;
    }
    body .page-aside {
        left: -250px;
    }
    body.hell-wider-sidebar-toolbar .page-aside {
        left: -380px;
    }
}

@media (min-width: 768px) and (max-width: 979px)   {
    body.hell-wider-sidebar-toolbar .page-aside {
        width: 320px;
    }
    body.hell-wider-sidebar-toolbar .page-aside + .page-main {
        margin-left: 320px;
    }
    .hell-module-search div{
       padding-left: 5px;
       padding-right: 5px;
    }
    header h4.taskboard-stage-title{
       font-size:16px;
    }
}

@media (min-width: 1200px) and (max-width: 1279px)   {
	body.hell-wider-sidebar-toolbar .page-aside {
	    width: 320px;
	}
	body.hell-wider-sidebar-toolbar .page-aside + .page-main {
	    margin-left: 320px;
	}
	.hell-module-search div{
	   padding-left: 5px;
	   padding-right: 5px;
	}
	header h4.taskboard-stage-title{
	   font-size:16px;
	}
}

/* Left Panel */
textarea {
  resize: vertical; 
}

/* Modules */
.hell-modules-container .hell-module-body{
    border-left: 1px solid #e4eaec;
    border-right: 1px solid #e4eaec;
    border-bottom: 1px solid #e4eaec;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dd-dragel .row.hell-product-list-item label.task-title, 
.dd-dragel .row.hell-product-list-item label.task-title, 
.hell-modules-container .row.hell-product-list-item label.task-title, 
.hell-modules-container .row.hell-product-list-item span.icon {
    font-size: 16px;
    line-height: 16px;
}
.dd-dragel .hell-editable-value{
	width:200px;
}

.hell-modules-container .dd-handle{
	height: auto;
    border: none;
    padding-left:12px;
    margin-top:0px;
}
.dd-dragel .dd-handle{
    height: auto;
    border: none;
}
.dd-dragel .hell-module-actions{
    margin-top: 10px;
}
.dd-dragel .hell-module-actions .task-members{
	float: right;
}

.hell-modules-container .taskboard-list .list-group-item {
    padding: 0px;
    border: 1px solid #e4eaec;
    border-radius: 3px;
    margin: 5px;
}

.hell-modules-container .taskboard-list .list-group-item.hell-missing-dependence{
	border: 3px solid #f8f169;
}

.hell-modules-container .taskboard-list .list-group-item.hell-fake-drag-item {
	border:none;
}

.hell-modules-container .taskboard-list .list-group-item .dd-handle{
	padding-right: 60px;
}
.hell-modules-container .taskboard-list .hell-fake-drag-item.list-group-item .dd-handle{
    padding-right: 10px;
    min-height: 50px;
}

.hell-modules-container .taskboard-list .list-group-item .dd-handle:hover {
	color: #76838f;
    background: white;
    cursor: default!important;
}

.hell-modules-container .taskboard-list .list-group-item .task-members > li{
	margin-top: 2px;
}

.dd-dragel .list-group-item{
	display:block;
	overflow: auto;
	border: 1px solid #e4eaec;
    border-radius: 3px;
    margin: 5px;
}
.dd-dragel .dd-handle{
	box-shadow: none;
}
.dd-dragel .list-group-item  ul.task-members{
	display: inline-block;
	float: right;	
}
.dd-dragel .list-group-item  .task-members > li{
	list-style: none;
	margin-top: 2px;
 /*     float: right;*/
 /* add  */
    display: inline-block;
    margin-right:6px;
    /* end add */
    padding: 0;
    text-align: right;
    white-space: normal;
}

.hell-modules-container .taskboard-list .list-group-item.hell-no-drag,
.hell-modules-container .taskboard-list .list-group-item.hell-no-drag .hell-module-body{
	background: #fafafa;
}

.hell-modules-container .taskboard-list .list-group-item.hell-missing-dependence,
.hell-modules-container .taskboard-list .list-group-item.hell-missing-dependence .hell-module-body{
	background: #f8f169;
}

body .hell-checkbox {
	padding-left: 10px;
    padding-right: 15px;
    z-index: 11;
}
/* CHECKBOX MODULE FIX */
@media (min-width: 1200px) and (max-width: 1280px)   {
    body .hell-checkbox {
        padding-left: 7px;
        padding-right: 15px;
        z-index: 11;
    }
}

body .hell-module-actions{
	padding-right: 0px;
	padding-left: 0px;
	width: 50px;
    position: absolute;
    right: 0px;
}
.dd-dragel .list-group-item .hell-module-actions .task-members,
.taskboard-list .list-group-item .hell-module-actions .task-members{
    white-space: nowrap;
    padding-left:0px;
}
body .taskboard-list .list-group-item .hell-module-actions .task-members {
    padding-top: 10px;	
}
.hell-typeahead .dropdown-menu{
	width : calc(100% - 30px);
}

.hell-editable-value .hell-resource-value-button-edit{
    display:inline-block;
}
.hell-editable-value .hell-resource-value-button-save{
    display:none;
}
.hell-editable-value.hell-editing-value .hell-resource-value-button-edit{
	display:none;
}
.hell-editable-value.hell-editing-value .hell-resource-value-button-save{
    display:inline-block;
}

/* FIX FOR PANELS IN HOME */
@media (min-width: 992px){
	.hell-stage-container{
	   min-height: 530px;    
    }
}


div.taskboard-stage-content ul.taskboard-list li.list-group-item.ui-sortable-handle.ng-scope.ng-isolate-scope,
div.checkbox-custom label.task-title.ng-binding {
	cursor: default;
}

div.checkbox-custom input.hell-checkbox {
	cursor: pointer;
}

/* Position Class */
.hell-relative{
    position: relative; 
}
.hell-absolute{
    position: absolute; 
}
.hell-button-right{
    position: absolute;
    right: 10px; 
    top: 7px;
}

/* VALIDATORS */
i.hell-valid{
    display: block;
    color:#46be8a;
    top:2px;
    right:0px;
    /* top: 4px; 
    right: 15px;  */
    height: auto;	
    z-index: 1001;
}
i.hell-invalid{
	display: block;
	color:#f96868;
	top:2px;
    right:0px;
	/* top: 4px; 
	right: 15px;  */
	height: auto;
	z-index: 1001;
}
i.hell-search{
    display: block;
    color:#76838f;
    top:2px;
    right:0px;
    /* top: 4px; 
    right: 15px;  */
    height: auto;
}
i.hell-valid.hell-date,
i.hell-invalid.hell-date{
	right: 35px;
	z-index: 2001;
}
body input.hell-invalid.hell-validator{
	border: 1px solid red !important;
}
i.hell-invalid-value{
    display: block;
    color:#f96868;
    top: 2px; 
    right: 0px; 
    height: auto;
    font-size: 20px;
}

body .popover-title {
  padding: 8px 10px;
  margin: 0;
  background-color: #f3f7f9;
  border-bottom: 1px solid #e2ecf1;
  border-radius: 3px 3px 0 0; 
  color: #62a8ea;
  font-size: 13px;
  text-decoration: none;
  font-weight: 200;
  display:block!important;
}
body .popover-content {
  padding: 10px;
  overflow: auto;
  font-size: 13px;
}

/* SPECIAL BUTTON */
.btn.hell-btn-calendar{
	height:32px;
}
.hell-inline{
	display: inline-block;
}

.taskboard-stage-header {
	padding-top: 12px;
	padding-bottom: 12px;
}

.hell-panel-body,
.hell-panel-subtitle {
	font-size:14px;
}

h4.taskboard-stage-title {
	font-size:16px !important;
}

/* Side Menu */
body .page-aside .list-group-item.selected{
	background-color: #f3f7f9;
}

body .page-aside{
	background: #fafafa;
}

body .page-main{
	background: white;
	padding-right: 30px;
} 

.nav-tabs-horizontal .nav-tabs{
	padding-left: 30px;
	padding-right: 30px;
}
.hell-tab-content{
	padding-left: 30px;
	padding-right: 50px;
}
.hell-module-left{
	padding: 10px 10px 10px 0px;
}
.hell-module-right{
    padding: 10px 0px 10px 10px;
}
.page-main-no-padding-right{
	padding-right:0px!important;
}
.panel-body-padding-only-bottom{
    padding-left:0px!important;
    padding-right:0px!important;
    padding-top:0px!important;
}

.btn-group .btn-outline{
	background: white;
}

/* CHARTS */
.hell-date-range,
.hell-date-interval{
	margin-bottom: 20px;
}
.hell-chart-container{
	padding:20px; 
	border: 2px solid #e4eaec; 
	border-radius: 3px;
	margin-bottom: 30px;
}
.hell-no-padding-left{
	padding-left: 0px!important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/*LOADER*/
.loader-container{
	position: absolute; 
	background:#fafafa; 
	opacity:0.7;
	left: 0px; top: 0px; 
	width: 100%; height: 100%; 
	z-index: 9999;
}
body div.loader-container div.loader.loader-default{
    margin: auto; 
    position: absolute; 
    top: 0; left: 0; bottom: 0; right: 0;
}

.hell-disabled-text {
	color: #62a8ea !important;
	pointer-events:none;
}

h1 a i{
	margin-right: 5px;
}

.hell-help-inline{
	display: inline-block;
	position: absolute;
	font-size: 26px;
	left: 4px;
	top: 55px;
}


.hell-folder .list-group-item.list-group-item-sub{
    display:none;
}
.hell-folder.hell-open .list-group-item.list-group-item-sub{
	display:block;
	padding: 0px 5px 0px 30px;
}
.hell-folder .fa-folder{
	display:inline-block;
}
.hell-folder .fa-folder-open{
    display:none;
}

.hell-folder.hell-open .fa-folder{
    display:none;
}
.hell-folder.hell-open .fa-folder-open{
    display:inline-block;
}

.list-group-item .list-group-item-action{
    display: none;
}
.list-group-item.hell-active .list-group-item-action{
	display: inline-block;
}
.list-group-item-folder{
	text-transform: uppercase;
}
.list-group-item-folder:hover,
.list-group-item-report:hover {
    text-decoration: none;
}
.page-aside .list-group-item.hell-selected{
	background-color: #f3f7f9;
}
div.list-group-item.list-group-root{
	padding: 0px 5px 0px 0px;
}
body .page-aside .hell-folders{
	margin-bottom: 70px;
}
.hell-folders .list-group-item{
	padding: 12px 5px 10px 30px;
	background: #fafafa;
}
.list-group-item.list-group-item-sub{
	padding-left: 55px;
}
.hell-folders .list-group-item .icon.fa{
	font-size: 16px;
}
span.list-group-item-folder{
    font-weight: 400;	
}

.list-group-item-action i:hover{
    color:#62a8ea!important;
    font-size:18px;
    cursor: pointer;
}
.hell-invalid.hell-processing{
	color:#76838f; 
}
.hell-add-folder i{
	font-size: 24px!important;
}