/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
div.grey {
    border: 1px solid #333 !important;
    border-top: 0;
}

div.grey > .portlet-title {
    background-color: #333 !important;
}

div.grey .caption, div.grey .caption * {
    color: #fff !important;
}

/*OVERRIDES green-haze*/
div.green-haze {
    border: 1px solid #333 !important;
    border-top: 0;
}

div.green-haze > .portlet-title {
    background-color: #333 !important;
}

div.green-haze .caption, div.green-haze .caption * {
    color: #fff !important;
}

.portlet.box > .portlet-title > .caption {
    padding: 2px 0 0px 0;
}

.portlet > .portlet-title > .tools {
    float: right;
    display: inline-block;
    padding: 5px 0px 0px 0;
}

div.grey > .portlet-title {
    background-color: #333 !important;
}

.grey.btn {
    color: #FFFFFF;
    background-color: #444 !important;
}

.grey.btn:hover, .grey.btn:focus, .grey.btn:active, .grey.btn.active {
    color: #fff !important;
    background-color: #444 !important;
}

.green-haze.rt-tab-sp {
    border: none !important;
}

.grey.btn.save {
    color: #FFFFFF;
    background-color: #6097b5 !important
}

.grey.btn:hover, .grey.btn:focus, .grey.btn:active, .grey.btn.active {
    color: #fff !important;
    background-color: #6097b5 !important;
}

.portlet > .portlet-title {
    min-height: 25px;
}

div.inputs .btn-sm {
    padding: 0px 4px 0px 4px;
    font-size: 12px;
    line-height: 1.5;
}

div.inputs button[data-btn-close-opened-rfp] {
    margin-top: 3px;
}

body {
    padding-top: 86px !important;

}

.page-header-menu.huge {
    top: 0px;
    position: fixed;
    left: 0px;
    width: 100%;
    display: block;
    z-index: 999;
}

@media screen and (max-width: 768px) {
    .page-header-menu.huge {
        position: absolute !important;
        z-index: 999999;
        padding: 20px 0 20px 0 !important;
        margin-top: 75px;
    }

    body {
        padding-top: 0px !important;
    }
}

/*.page-header-menu.huge{position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;}*/

/*--------------*/
.padd-bot-20 {
    padding-bottom: 20px !important;
}

.padd-10 {
    padding: 10px !important;
}

.padding-default {
    padding: 0 !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}

.access-level-form .radio-list label {
    display: inline-block;
}

.row.field-row-dy .form-group {
    border-bottom: 1px solid #aaa;
    padding-bottom: 11px;
    margin-left: 0;
    margin-right: 0;
    content: "1";
    position: relative;
    padding-left: 20px;
}

.row.field-row-dy .form-group:before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 30px;
}

.dy-actions .btn {
    margin-right: 5px;
    margin-bottom: 5px;
}

.drop-action-dy .btn {
    margin-right: 5px;
    margin-bottom: 5px;
}

#fields_area .row.field-row-dy .drops-options {
    padding: 0;
}

#fields_area .row.field-row-dy .drops-options .dropdown-opt {
    padding: 0;
}

.schedule-action-btns button {
    margin-right: 5px;
}

.page-header table tr td form.pull-left {
    float: none !important;
    width: auto;
    display: inline-block;
}

div.page-container {
    background-color: #f1f1f1;
}

div[data-box-type="current-page"] {
    float: right;
    line-height: 34px;
}

div[data-type="paginator-box"], div[data-type="paginator-box"] > .paginator {
    float: right;
}

div[data-type="paginator-box"] ul li.active-page {
    background-color: #f1f1f1;
}

#searchBox {
    float: right;
    margin-bottom: 20px;
}

#searchBox input {
    padding: 5px;
}

/*PROJECTS EDIT VIEW*/
div[data-alert-box] {
    vertical-align: middle;
    z-index: 999;
    position: fixed;
    top: 25%;
    left: 0px;
    width: 50%;
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background-color: rgba(156, 211, 73, .8);
    border: solid thin #f1f1f1;
    border-radius: 5px;
    display: none;
    padding: 10px;
}

div[data-alert-box] span.loader {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../img/pre-loading.GIF);
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: 100%
}

/*CHECKLIST*/
div[data-project-checklist="add-new-box"] {
    display: none;
    margin-bottom: 20px;
}

span[data-checklist-field] {
    display: none;
}

span[data-box-chklist-sorting-btns] .btn-sm {
    font-size: 11px;
    padding: 2px 2px 2px 2px;
}

/*RFP*/
div[data-loder-box] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/loader.gif);;
    z-index: 99;
    display: none;
}

div[data-edit-rfp-form], div[data-project-rfp-information] {
    display: none;
}

button[data-btn-close-opened-rfp] {
    margin-top: 5px;
}

/*SUBCONTRACTORS*/
div[data-add-new-subcontractors] {
    display: none;
    padding: 20px;
}

/*RFP CHECKLIST*/
div.rfp-checklist {
    padding-top: 30px;
}

div.rfp-checklist ul {
    margin: 0;
    padding: 0;
}

div.rfp-checklist > ul > li {
    list-style-type: none;
    padding: 5px;
}

div.rfp-checklist ul li .task-config {
    display: none;
}

div.rfp-checklist ul li:hover {
    background: #f1f1f1;
}

div.rfp-checklist ul li:hover .task-config {
    display: block;
}

div.rfp-checklist ul li.checked div.list-item {
    text-decoration: line-through;
}

div.rfp-checklist ul li div.list-item {
    margin-right: 20px;
}

div.rfp-checklist ul li div.chklist-action-box button.btn-sm {
    padding: 1px 4px 0px 4px;
}

div.rfp-checklist ul li div.list-item-edit {
    display: none;
    margin-right: 10px;
}

div.rfp-checklist ul li div.edit-chklist-action-box {
    display: none;
}

/*PROJECTS EDIT VIEW*/

/*BIDS*/
div[data-box-bids-details-box] {
    display: none;
}

a.bids-file {
    display: inline-block;
    color: #333;
    font-size: 14px;
    float: left;
    margin: 2px;
    border: solid 1px #ccc;
    background-color: #e1e1e1;
    padding: 5px;
    border-radius: 5px;
}

a.bids-file i {
    color: #333;
    font-size: 14px;
}

.inner-box {
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

span.attached-files {
    font-weight: bold;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}

.disabled-package {
    padding: 3px;
    font-size: 14px;
}

.bids-fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

.bids-fieldset legend {
    /* display: block; */
    width: inherit;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: none;
}

span.bids-reminder-text {
    display: inline-block;
    float: left;
    line-height: 25px;
}

div[data-respo-box-sub] {
    display: none;
}

.round-box-parent {
    background-color: #f1f1f1 !important;
    padding: 0px !important;
}

.rounded-box {
    border: solid thin #e1e1e1;
    border-radius: 10px;
    background-color: #fff;
    padding: 0px;
    margin: 15px;
}

.bid-sub-h4 {
    margin-bottom: 0px;
    padding: 5px;
    padding-bottom: 10px;
    font-weight: 400;
}

div.bg-white {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px
}

div.titles-box {
    font-weight: 400;
    font-size: 14px;
    padding: 5px
}

.heading_head_holder {
    border-bottom: 1px solid #ccc;
    float: left;
    display: block;
    width: 100%;
}

.heading_head_holder h4 {
    float: left;
}

.heading_head_holder .dsp-grp {
    float: right;
    margin: 0;
    padding: 0;
    display: table;
}

.heading_head_holder .dsp-grp p {
    margin: 0;
    padding: 0 15px;
    color: #fff;
    font-family: Arial;
    font-size: 20px;
    float: left;
    display: inline;
    line-height: 43px;
}

.heading_head_holder .dsp-grp p.bid_amount {
    background: #626262;
}

.heading_head_holder .dsp-grp p.submitted {
    background: #69bbe4;
}

.heading_head_holder .dsp-grp p.not-submitted {
    background: #420000;
}

.heading_head_holder .dsp-grp p:last-child {
    border-radius: 0 10px 0 0;
}

div[data-accept-proposal], div[data-box-bid-package-details] {
    display: none;
}

.fixed-willbid-info {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    padding-top: 10%;
}

.fixed-willbid-info .div-inner-box {
    margin: auto;
    width: 60%;
    min-height: auto;
    padding: 20px;
    border: solid thin #f1f1f1;
    background-color: #fefefe;
    border-radius: 20px;
}

.fixed-willbid-info .div-inner-box p {
    font-size: 20px;
    font-weight: bold;
}

.file-select-btn {
    position: relative;
    cursor: pointer;
}

.file-select-btn input {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

div[data-project-files-container] {
    background-color: #f1f1f1;
    padding: 5px;
}

div[data-project-files-container]:hover {
    background-color: #e1e1e1;
}

td.Awarded {
    text-decoration: line-through
}

.scrollable-x {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    width: 100%;
}

/*DISCUSSION*/
div[data-bid-new-comment] {
    padding: 10px;
}

div[data-bid-comments-canvas] {
    border: 1px solid #eee;
    padding: 5px;
    min-height: 50px;
    max-height: 350px;
    overflow-y: auto;
}

div[data-bid-comments-canvas] > div.item {
    padding: 5px;
    border-radius: 5px;
    margin: 5px;
}

div[data-bid-comments-canvas] > div.item .item-label {
    color: #999;
}

div[data-bid-comments-canvas] > div.item .item-body {
    color: #444;
}

div.item.frnd-msg {
    background-color: #dff0d8;
}

div.item.your-msg {
    background-color: #eee;
}

/*MESSAGING*/
div[data-box-job-selection].activate-job-selection {
    background: rgba(255, 255, 255, .8);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

div[data-job-selection-inner] {
    display: none;
    min-height: 150px;
    min-width: 300px;
    position: absolute;
}

div[data-box-job-selection].activate-job-selection > div[data-job-selection-inner] {
    display: block;
}

.page-header.navbar {
    position: fixed;
    top: 86px;
    background-size: 100%;
    background-position: 0px -141px;
    background-repeat: no-repeat;
    z-index: 99;
}
body > .main-container{padding-top: 40px;}
.page-header .page-header-menu {
    background: #333;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
    background: #333;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    color: #ced5de;
    background: #444;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a, .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
    color: #ffffff;
    background: #444 !important;
}

@media screen and (max-width: 991px) {
    .page-header table th.btn-fix {
        line-height: 28px;
    }

    .page-header-menu.huge {
        display: none;
        position: absolute !important;
        z-index: 999999;
        padding: 20px 0 20px 0 !important;
        margin-top: 75px;
    }

    body {
        padding-top: 0px !important;
    }
}

@media screen and (min-width: 992px) {
    .page-header-menu.huge {
        display: block;
    !important;
    }
}

.page-content a, .page-content a:active, .page-content a:hover {
    color: #6097b5;
}

.mt-file-sp .fa.fa-file-o {
    line-height: 28px;
}

/*pROJECT iMPORT*/
div[data-project-attach-files-box] {
    padding-top: 10 PX;
}

.mt-file-check {
    float: left;
    min-width: 40px;
}

.mt-file-img {
    min-width: 60px;
    float: left;
}

/*DIV TABLE*/
.table-box {
    display: table;
    width: 100%;
}

.table-box .table-row {
    display: table-row;
}

.table-box .table-row .table-cell {
    display: table-cell;
    box-sizing: border-box;
    padding: 5px
}

.client-name-bids-box {
    border: solid thin #ccc;
    padding: 5px;
    border-radius: 5px;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

/*GRID VIEW*/
div.grid-item-box > section {
    vertical-align: top;
    cursor: pointer;
    border: solid thin #ccc;
    padding: 5px 10px;
    display: inline-block;
    margin: 1%;
    min-width: 22%;
    width: 22%;
    height: 198px;
    box-shadow: 4px 4px 4px #eee;
}

div.grid-item-box ul {
    margin: 0;
    padding: 0;
}

div.grid-item-box li > section {
    vertical-align: top;
    cursor: pointer;
    border: solid thin #ccc;
    padding: 5px 10px;
    display: inline-block;
    margin: 1%;
    min-width: 100%;
    width: 100%;
    height: 200px;
    box-shadow: 4px 4px 4px #eee;
}

div.grid-item-box.pre-project > section {
    vertical-align: top;
    cursor: pointer;
    border: solid thin #ccc;
    padding: 5px 10px;
    display: inline-block;
    margin: 1%;
    min-width: 28%;
    width: 28%;
    height: 200px;
    box-shadow: 4px 4px 4px #eee;
}

.addProject {
    padding: 23px 24px 23px 24px;
}

div.grid-item-box section > p {
    word-break: break-all;
}

div.grid-item-box section > p:first-child {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}

div.grid-item-box section > p:nth-child(2) {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

div.grid-item-box section > p:nth-child(3) {
    font-size: 14px;
    margin-bottom: 20px;
    color: #ccc;
    margin-bottom: 5px;
}

div.grid-item-box section > p:nth-child(4) {
    font-size: 14px;
    margin-bottom: 20px;
    color: #ccc;
}

@media screen and (max-width: 767px) {
    div.grid-item-box section {
        border: solid thin #ccc;
        padding: 5px 10px;
        display: inline-block;
        margin: 1%;
        width: 47%;
        height: 200px;
    }

    div.grid-item-box ul li {
        width: 47%;
        margin: 0 1.5%
    }

    div.grid-item-box.pre-project section {
        border: solid thin #ccc;
        padding: 5px 10px;
        display: inline-block;
        margin: 1%;
        width: 47%;
        height: 200px;
    }
}

@media screen and (max-width: 480px) {
    div.grid-item-box section {
        border: solid thin #ccc;
        padding: 5px 10px;
        display: inline-block;
        margin: 1%;
        width: 95%;
        height: 200px;
    }

    div.grid-item-box ul li {
        width: 95%;
        margin: 0 2.5%
    }

    div.grid-item-box.pre-project section {
        border: solid thin #ccc;
        padding: 5px 10px;
        display: inline-block;
        margin: 1%;
        width: 95%;
        height: 200px;
    }
}

div.grid-item-box ul > li {
    float: left;
    list-style-type: none;
}

img.fa.fa-file-pdf-o-icon {
    background-image: url(../../img/pdf-icon.png);
}

img[data-image-viewer].image-viewer {
    cursor: pointer;
}

div.image-viewer-outer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .7);
    z-index: 999999999;
    padding: 0px;
    margin: 0px;
}

div.image-viewer-outer > div.image-viewer {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

div.image-viewer-outer > div.image-viewer img {
    border: 0 none;
    bottom: -50%;
    display: block;
    left: -50%;
    margin: auto;
    max-height: 90%;
    max-width: 90%;
    padding: 20px;
    position: absolute;
    right: -50%;
    text-align: center;
    top: -50%;
    vertical-align: middle;
    z-index: 99;
    background: #fff;
}

.table-cell > a:first-child {
    float: left;
    position: relative;
    z-index: 10;
}

.table-cell > a:first-child:before {
    float: left;
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, .6) url("../../img/magnifier.svg") center center no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-size: 30px auto;
}

.table-cell > a:first-child:hover:before {
    display: none;
}

.bids-file span {
    float: left;
    position: relative;
    z-index: 10;
}

.bids-file span:before {
    float: left;
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, .6) url("../../img/magnifier.svg") center center no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-size: 30px auto;
}

.bids-file span:hover:before {
    display: none;
}

.prev-btn {
    margin: -18px 0 0 0;
    padding: 0;
    width: 36px;
    height: 36px;
    float: left;
    position: absolute;
    top: 50%;
    left: 0;
    background: rgba(255, 255, 255, .4);
    border-radius: 0 5px 5px 0;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.next-btn {
    margin: -18px 0 0 0;
    padding: 0;
    width: 36px;
    height: 36px;
    float: left;
    position: absolute;
    top: 50%;
    right: 0;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px 0 0 5px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.next-btn:hover {
    color: #000;
    background: #fff;
    text-decoration: none;
}

.prev-btn:hover {
    color: #000;
    background: #fff;
    text-decoration: none;
}

div[data-textarea-box] {
    max-height: 150px;
    overflow-y: auto;
    padding: 5px;
    background-color: #f1f1f1;
}

div[data-field-box] {
    max-height: 50px;
    overflow-y: auto;
    padding: 5px;
    background-color: #f1f1f1;
}

@media print {
    .printHide {
        display: none !important;
    }

    div[data-textarea-box] {
        overflow-y: visible !important;
        clear: both;
        height: auto;
        max-height: inherit;
    }

    div[data-field-box] {
        overflow-y: visible !important;
        clear: both;
        height: auto;
        max-height: inherit;
    }

    .page-container h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 7px;
    }

    .page-container h1 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 7px;
    }

    .page-container h2 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 7px;
    }

    #dvContainer label {
        font-size: 12px;
    }

    #dvContainer input {
        font-size: 12px;
    }

    #dvContainer textarea {
        font-size: 12px;
    }

    .form-group {
        margin-bottom: 5px;
    }

    button {
        display: none !important;
    }

    a {
        display: none !important;
    }

    .leftLabel {
        width: auto;
        float: left;
    }

    .rightLabel {
        width: auto;
        float: left;
    }

    .rightLabel input {
        border: 0;
        width: auto;
        text-align: left !important;
        padding-top: 0;
    }

    .rightLabel select {
        border: 0;
        width: auto;
        text-align: left !important;
        padding-top: 0;
    }

    .rightLabel div {
        border: 0;
        width: auto;
        text-align: left !important;
        padding-top: 0;
    }

    .rightLabel section {
        border: 0;
        width: auto;
        text-align: left !important;
        padding-top: 0;
    }

    .printSection img {
        margin-bottom: 10px;
    }
}

/*FAVORITE ICON*/

.fa-star-1 {
    position: relative;
}

.fa-star-1:before {
    content: "\f005";
}

.fa-star-1:after {
    content: "\f006";
    position: absolute;
    top: 0;
    left: 2px;
    color: black;
}

.fa-star-0:before {
    content: "\f006";
}

.listing-fav > a > .fa-star-1:after {
    content: "\f006";
    position: absolute;
    top: 0;
    left: 0px;
    color: black;
}

/*timeline styles*/

.timelineUpperSec {
    margin: 0;
    border-bottom: 1px solid #eee;
}

.timelineUpperSec .form-group {
    margin-left: 0;
    margin-right: 0;
}

.timelineUpperSec .control-label {
    padding-right: 20px;
}

.timelineUpperSec .inputGroupSec {
    width: 200px;
    float: left;
}

.timelineEditSec {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.timlineTitle {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

/*Triggers*/
.triggers-container {
    padding: 0 15px;
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 60px;
}

.triggers-container > ul {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 20px 0 0 0;
    margin: 0;
    border-top: 1px solid #ddd;
    float: left;
    z-index: 0;
}

.triggers-container > ul:after {
    content: '';
    position: absolute;
    text-align: center;
    height: 4px;
    background: #bbbbbb;
    left: 30px;
    right: 30px;
    bottom: 34px;
    margin-bottom: -3px;
    z-index: 9;
}

.triggers-container > ul > li {
    display: inline-block;
    list-style: none;
    z-index: 9999;
    position: relative;
    float: left;
}

.triggers-container > ul > li.first-child {
    /*float: left;*/
    text-align: left;
}

.triggers-container > ul > li.last-child {
    /*float: right;*/
    text-align: right;
}

.triggers-container > ul > li > span {
    text-align: center;
    white-space: nowrap;
    line-height: 35px;
    height: 35px;
    font-size: 15px;
    margin-bottom: 20px;
    display: inline-block;
    background: #fff;
}

.triggers-container > ul > li > a {
    text-decoration: none;
    text-align: center;
    background: #fff;
    display: inline-block;
    position: relative;
    color: #bbbbbb;
    width: 49px;
    line-height: 47px;
    border: 1px solid #dddddd;
    border-radius: 100%;
    font-weight: 500;
    font-size: 20px;
    margin-top: 9px;
    margin-bottom: 9px;
    z-index: -1;
}

.triggers-container > ul > li.active {
    padding-bottom: 0;
    padding-top: 0;
}

.triggers-container > ul > li.active a {
    background: #9CD249;
    color: #fff;
    width: 67px;
    line-height: 67px;
    height: 67px;
    border: 0;
    font-size: 28px;
    margin: 0;
}

.triggers-container > ul > li.active span {
    color: #333333;
}

.triggers-container > ul > li > a:before {
    width: 1px;
    background: #dddddd;
    left: 50%;
    content: "";
    position: absolute;
    bottom: 100%;
    height: 86px;
}

.triggers-container > ul > li.active a:before {
    height: 76px;
}

.timelineTitleHeading {
    font-size: 22px;
    font-weight: 500;
    color: #333333;
    line-height: 60px;
    margin: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
}

.timelineTitleHeading:after {
    width: 1px;
    background: #dddddd;
    left: 50%;
    content: "";
    position: absolute;
    top: 60px;
    height: 31px;
}

.triggers-container > ul > li.active:after {
    width: 1px;
    background: #dddddd;
    left: 50%;
    content: "";
    position: absolute;
    top: 100%;
    height: 20px;
}

.triggers-content {
    margin: 0;
    padding: 0 0 0 60px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.triggerTitle {
    font-size: 19px;
    font-weight: 500;
    color: #333333;
    margin: 0;
    width: 100%;
    background: #fff;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
    float: left;
    line-height: 34px;
}

.triggers-content > ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    position: relative;
    list-style-type: none;
    z-index: 10;
}

.triggers-content > ul > li {
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
    position: relative;
    list-style-type: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    z-index: 20;
}

.triggers-content > ul > li table {
    width: 100%;
    vertical-align: middle;
}

.triggers-content > ul > li table td {
    vertical-align: middle;
    padding: 0 5px;
}

.checkboxHolder {
    white-space: nowrap;
}

.checkboxHolder label {
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.triggerStepButtonSec {
    float: right;
    white-space: nowrap;
}

.triggers-content > ul > li table p.triggerDiscription {
    white-space: inherit;
}

.triggers-content > ul > li table p {
    color: #bbbbbb;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    white-space: nowrap;
    margin-bottom: 0;
}

.triggers-content > ul > li table p span {
    color: #333;
}

.triggers-content > ul:after {
    width: 1px;
    background: #ddd;
    position: absolute;
    left: -26px;
    content: "";
    top: -65px;
    bottom: 0;
}

.triggers-content > ul li:before {
    height: 1px;
    background: #ddd;
    width: 100%;
    position: absolute;
    left: -26px;
    content: "";
    top: 50%;
    z-index: 18;
}

.triggerStepSp {
    padding: 15px 10px;
    margin: 0;
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
    z-index: 50;
    border-radius: 5px;
}

.triggers-content > ul li:last-child {
    margin-bottom: 0;
}

.triggers-container > ul > li.active:before {
    width: 100%;
    height: 1px;
    top: 100%;
    content: "";
    position: absolute;
    background: #ddd;
    margin-top: 19px;
    right: 50%;
}

.triggers-container > ul > li.active.first-child:before {
    display: none;
}

.triggers-container > ul > li.active.first-child:after {
    left: 34px;
}

.triggers-container > ul > li.active.last-child:after {
    left: auto;
    right: 34px;
}

.triggers-container > ul > li.active.last-child:before {
    left: auto;
    right: 34px;
}

.modal-footer {
    background: #f5f5f5;
}

.modalBtn-submit {
    background-color: #9cd349;
    border: #9cd349;
    color: #ffffff;
    font-size: 14px;
    font-family: inherit;
    padding: 5px 20px;
    border-radius: 5px;
}

.modalBtn-submit:hover {
    background-color: #9cd349;
    border: #9cd349;
    color: #ffffff;
}

.modalBtn-cancel {
    background-color: #e5e5e5;
    border: #e5e5e5;
    padding: 5px 20px;
    border-radius: 5px;
}

.modal-footer {
    text-align: left !important;
}

.form-group label {
    font-weight: 400;
    font-size: 13px;
    color: #000;
    padding: 7px 0;
}

.form-group.narrow {
    margin-bottom: 0;
}

.triggerStepSp label, .triggerStepSp p {
    cursor: pointer;
}

.timelineViewSec .triggers-container > ul {
    width: 67px;
    position: absolute;
    left: 15px;
    border-top: 0;
    padding-top: 0;
}

.timelineViewSec .triggers-container > ul > li {
    width: 100% !important;
    padding-bottom: 20px;
}

.timelineViewSec .triggers-container {
    position: relative;
    padding-left: 82px;
    width: auto;
    border-top: 1px solid #ddd;
}

.timelineViewSec .triggers-container > ul > li.last-child {
    text-align: center;
}

.timelineViewSec .triggers-container > ul > li.first-child {
    text-align: center;
}

.timelineViewSec .triggers-content > ul > li {
    width: auto;
    margin-right: 25px;
}

.timelineViewSec .triggers-content {
    display: block !important;
    padding-bottom: 40px;
    width: auto;
    padding-left: 51px;
}

.timelineViewSec .triggers-container > ul > li.active:before {
    display: none;
}

.timelineViewSec .triggers-container > ul > li.active:after {
    display: none;
}

.timelineViewSec .table-wrapper {
    margin: 0 auto;
    display: table;
    width: auto;
    padding: 0;
    max-width: 100%;
    float: none !important;
}

.timelineViewSec .triggers-content > ul {
    width: auto;
}

.timelineViewSec .triggerTitle {
    width: auto;
    margin-bottom: 20px;
}

.timelineViewSec .triggers-container > ul:after {
    display: none;
}

.timelineViewSec .triggers-container > ul > li > a:before {
    top: 50%;
    height: 1px;
    width: 25px;
    bottom: auto;
    left: 100%;
}

.timelineViewSec .triggers-container > ul > li.active:before {
    width: 1px;
    background: #dddddd;
    left: 50%;
    content: "";
    position: absolute;
    top: -20px;
    height: auto;
    display: block;
    bottom: 0;
    z-index: -1;
    box-sizing: border-box;
}

.timelineViewSec .triggers-container > ul > li {
    padding-top: 20px;
    box-sizing: border-box;
}

.timelineViewSec .triggers-container > ul > li:last-child {
    padding-bottom: 0;
}

.timelineViewSec .triggers-container > ul > li > span {
    margin-bottom: 15px;
    margin-top: 5px;
}

.timelineViewSec .timelineTitleHeading {
    display: inline-block;
    width: auto;
}

.timelineViewSec .timeLineEditBtn {
    margin-top: 20px;
    float: right;
}

.padd-top-20 {
    padding-top: 20px;
}

.padd-all-20 {
    padding: 20px;
}

.triggers-content > ul > li table p.notesSec {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: normal;
    margin-top: 10px;
    display: none;
}

.triggers-content > ul > li table.active p.notesSec {
    display: inline-block;
}

.checkboxHolder.task-completed label {
    color: red;
    text-decoration: line-through;
}

.trigger-completed span {
    color: #9CD249;
}

.triggerChecked {
    height: 20px;
    width: 20px;
    border-radius: 4px;
    background: #9CD249;
    vertical-align: middle;
    margin-right: 7px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    display: none !important;
}

.triggers-container > ul > li.trigger-completed span {
    color: #9CD249;
}

.triggers-container > ul > li.trigger-completed span .triggerChecked {
    display: inline-block !important;
}

.compactLayout .input-group .input-group-btn .btn-default {
    padding: 3px;
}

@media (min-width: 1024px) {
    .compactLayout .col-xs-1, .compactLayout .col-sm-1, .compactLayout .col-md-1, .compactLayout .col-lg-1,
    .compactLayout .col-xs-2, .compactLayout .col-sm-2, .compactLayout .col-md-2, .compactLayout .col-lg-2,
    .compactLayout .col-xs-3, .compactLayout .col-sm-3, .compactLayout .col-md-3, .compactLayout .col-lg-3,
    .compactLayout .col-xs-4, .compactLayout .col-sm-4, .compactLayout .col-md-4, .compactLayout .col-lg-4,
    .compactLayout .col-xs-5, .compactLayout .col-sm-5, .compactLayout .col-md-5, .compactLayout .col-lg-5,
    .compactLayout .col-xs-6, .compactLayout .col-sm-6, .compactLayout .col-md-6, .compactLayout .col-lg-6,
    .compactLayout .col-xs-7, .compactLayout .col-sm-7, .compactLayout .col-md-7, .compactLayout .col-lg-7,
    .compactLayout .col-xs-8, .compactLayout .col-sm-8, .compactLayout .col-md-8, .compactLayout .col-lg-8,
    .compactLayout .col-xs-9, .compactLayout .col-sm-9, .compactLayout .col-md-9, .compactLayout .col-lg-9,
    .compactLayout .col-xs-10, .compactLayout .col-sm-10, .compactLayout .col-md-10, .compactLayout .col-lg-10,
    .compactLayout .col-xs-11, .compactLayout .col-sm-11, .compactLayout .col-md-11, .compactLayout .col-lg-11,
    .compactLayout .col-xs-12, .compactLayout .col-sm-12, .compactLayout .col-md-12, .compactLayout .col-lg-12 {
        padding-right: 15px;
        padding-left: 15px;
    }

}

.expenseArea .eTable {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

.expenseArea .eTable .thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.expenseArea .eTable .tr {
    float: left;
    width: 100%;
}

.expenseArea .eTable .td, .expenseArea .eTable .th {
    display: table-cell;
}

.expenseArea .eTable .td {
    padding: 5px;
}

.expenseArea .eTable tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.expenseArea .eTable .thead .tr .th {
    background: rgba(209, 21, 24, 0.8);
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    border-top: 0;
    width: 100%;
    float: left;
}

.expenseArea .eTable > .thead .tr .th {
    text-align: left;
    font-weight: 400;
    padding: 5px 10px;
    text-transform: uppercase;
}

.expenseArea .eTable > .thead .tr .th .btn.btn-success {
    padding: 0.5px 5px;
}

.expenseArea .eTable .tbody {
    margin: 0;
    padding: 0;
    width: 100%;
}

.expenseArea .eTable .tbody .tr {
    margin: 0;
    padding: 0;
    width: 100%;
}

.expenseArea .eTable > .tbody .tr.totalTd .td {
    margin: 0;
    float: left;
    width: 100%;
    border-right: 0;
    border-bottom: 0;
}

.expenseArea .eTable > .tbody .tr.totalTd .td .table {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    float: left;
    background: transparent;
    max-width: 100%;
}

.expenseArea .eTable > .tbody .tr.totalTd .td .table .thead .tr .th {
    background: #eeeeee !important;
    font-size: 15px;
    color: #333333;
    text-align: right;
    min-height: 32px;
    font-weight: 400
}

.expenseArea .eTable > .tbody .tr.totalTd .td .table .thead .tr .th[data-width="80%"] {
    width: 80%;
    float: left;
}

.expenseArea .eTable > .tbody .tr.totalTd .td .table .thead .tr .th[data-width="10%"] {
    width: 10%;
    float: left;
}

.expenseArea .eTable > .tbody .tr.totalTd .td .table .tbody .tr .td {
    background: #eeeeee !important;
    font-size: 14px;
    color: #333333;
    text-align: right;
    min-height: 30px;
}

.expenseArea .eTable > .tbody .tr.totalTd .td .table .tbody .tr .td[data-width="80%"] {
    width: 80%;
    float: left;
}

.expenseArea .eTable > .tbody .tr.totalTd .td .table .tbody .tr .td[data-width="10%"] {
    width: 10%;
    float: left;
}

.expenseArea .eTable .tbody .tr .td {
    margin: 0;
    padding: 5px;
    background: #fff !important;
    border: 1px solid #ddd;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 0 none;
    border-left: 0 none;
    min-height: 31px;
}

.expenseArea .eTable .tbody .tr .td.division2 {
    border-right: 0;
}

.expenseArea .eTable .tbody .tr .td.fontSmall {
    font-size: 12px;
}

.expenseArea .eTable .tbody .tr .td[data-width="50%"] {
    width: 50%;
    float: left;
}

.expenseArea .eTable > .tbody .tr .td .table {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
}

.expenseArea .eTable > .tbody .tr .td > .table .thead .tr .th {
    background: #f5f5f5;
    color: #333;
    font-weight: 500;
    font-size: 15px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 5px 10px;
    display: table-cell;
    min-height: 31px;
}

.expenseArea .eTable > .tbody .tr .td > .table .thead .tr .th[data-width="60%"] {
    width: 60%;
    float: left;
}

.expenseArea .eTable > .tbody .tr .td > .table .thead .tr .th[data-width="20%"] {
    width: 20%;
    float: left;
}

.expenseArea .eTable > .tbody .tr .td > .table .thead .tr .th[data-width="15%"] {
    width: 15%;
    float: left;
}

.expenseArea .eTable > .tbody .tr .td > .table .thead .tr .th[data-width="10%"] {
    width: 10%;
    float: left;
}

.expenseArea .eTable > .tbody .tr .td > .table .thead .tr .th:last-child {
    border-right: 0;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody {
    margin: 0;
    padding: 0;
    width: 100%;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 5px 10px;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td input {
    border-radius: 4px;
    text-indent: 2px;
    border: 1px solid #e5e5e5;
    width:100%;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td input:focus {
    outline: 0 none;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr {
    background: #fff
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr.noBdr .td {
    border-bottom: 0;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr:nth-child(2n+1) {
    background: #fff;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td {
    background: none !important;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td:last-child {
    border-right: 0 none;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td[data-width="60%"] {
    width: 60%;
    float: left;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td[data-width="20%"] {
    width: 20%;
    float: left;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td[data-width="15%"] {
    width: 15%;
    float: left;
}

.expenseArea .eTable > .tbody .tr .td > .table .tbody .tr .td[data-width="10%"] {
    width: 10%;
    float: left;
}

.incomeArea .table {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
}

.incomeArea .table .thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.incomeArea .table .tr {
    float: left;
    width: 100%;
}

/*.incomeArea .table .td, .expenseArea .eTable .th{display: table-cell;}*/
.incomeArea .table .td {
    padding: 5px;
}

.incomeArea .table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.incomeArea .table .thead .tr .th {
    background: rgba(209, 21, 24, 0.8);
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    border-top: 0;
    width: 100%;
    float: left;
}

.incomeArea .table > .thead .tr .th {
    text-align: left;
    font-weight: 400;
    padding: 5px 10px;
}

.incomeArea .table .tbody {
    margin: 0;
    padding: 0;
    width: 100%;
}

.incomeArea .table .tbody .tr {
    margin: 0;
    padding: 0;
    width: 100%;
}

.incomeArea .table > .tbody .tr.totalTd .td {
    margin: 0;
    float: left;
    width: 100%;
    border-right: 0;
    border-bottom: 0;
}

.incomeArea .table > .tbody .tr.totalTd .td .table {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    float: left;
    background: transparent;
    max-width: 100%;
}

.incomeArea .table > .tbody .tr.totalTd .td .table .thead .tr .th {
    background: #418ab3 !important;
    font-size: 17px;
    color: #ffffff;
    text-align: right;
    min-height: 35px;
}

.incomeArea .table > .tbody .tr.totalTd .td .table .thead .tr .th[data-width="80%"] {
    width: 80%;
    float: left;
}

.incomeArea .table > .tbody .tr.totalTd .td .table .thead .tr .th[data-width="10%"] {
    width: 10%;
    float: left;
}

.incomeArea .table > .tbody .tr.totalTd .td .table .tbody .tr .td {
    background: #eeeeee !important;
    font-size: 14px;
    color: #333333;
    text-align: right;
    min-height: 32px;
    font-weight: 400
}

.incomeArea .table > .tbody .tr.totalTd .td .table .tbody .tr .td[data-width="80%"] {
    width: 80%;
    float: left;
}

.incomeArea .table > .tbody .tr.totalTd .td .table .tbody .tr .td[data-width="10%"] {
    width: 10%;
    float: left;
}

.incomeArea .table .tbody .tr .td {
    margin: 0;
    padding: 5px;
    background: #fff !important;
    border: 1px solid #ddd;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 0 none;
    border-left: 0 none;
    min-height: 31px;
    border-right: 0;
}

.incomeArea .table .tbody .tr .td.division2 {
    border-right: 0;
}

.incomeArea .table .tbody .tr .td.fontSmall {
    font-size: 12px;
}

.incomeArea .table .tbody .tr .td[data-width="50%"] {
    width: 50%;
    float: left;
}

.incomeArea .table > .tbody .tr .td .table {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
}

.incomeArea .table > .tbody .tr .td > .table .thead .tr .th {
    background: #f5f5f5;
    color: #333;
    font-weight: 500;
    font-size: 15px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 5px 10px;
    display: table-cell;
    min-height: 32px;
}

.incomeArea .table > .tbody .tr .td > .table .thead .tr .th.text-center {
    text-align: center !important;
}

.incomeArea .table > .tbody .tr .td > .table .thead .tr .th[data-width="60%"] {
    width: 60%;
    float: left;
}

.incomeArea .table > .tbody .tr .td > .table .thead .tr .th[data-width="20%"] {
    width: 20%;
    float: left;
}

.incomeArea .table > .tbody .tr .td > .table .thead .tr .th:last-child {
    border-right: 0;
}

.incomeArea .table > .tbody .tr .td > .table .tbody {
    margin: 0;
    padding: 0;
    width: 100%;
}

.incomeArea .table > .tbody .tr .td > .table .tbody .tr .td {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 5px 10px;
}

.incomeArea .table > .tbody .tr .td > .table .tbody .tr {
    background: #fff
}

.incomeArea .table > .tbody .tr .td > .table .tbody .tr:last-child .td {
    border-bottom: 0;
}

.incomeArea .table > .tbody .tr .td > .table .tbody .tr:nth-child(2n+1) {
    background: #fff;
}

.incomeArea .table > .tbody .tr .td > .table .tbody .tr .td {
    background: none !important;
}

.incomeArea .table > .tbody .tr .td > .table .tbody .tr .td:last-child {
    border-right: 0 none;
}

.incomeArea .table > .tbody .tr .td > .table .tbody .tr .td[data-width="60%"] {
    width: 60%;
    float: left;
}

.incomeArea .table > .tbody .tr .td > .table .tbody .tr .td[data-width="20%"] {
    width: 20%;
    float: left;
}

.clearfax {
    clear: both;
}

.expenseArea .eTable input, .incomeArea .table input {
    height: 20px;
}

.removeBtn, .removeBtnSmall {
    display: inline-block;
    color: #9e1d20 !important;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

.removeBtn:hover, .removeBtnSmall:hover {
    text-decoration: none;
}

.addField {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: #9cd349 !important;
}

.addField i {
    float: left;
    margin-right: 4px;
}

.allocationHeader {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    float: left;
    background: #efefef;
}

.allocationHeaderHolder {
    padding-top: 10px;
    padding-bottom: 10px;
}

.allocationHeaderHolder table {
    margin: 0;
    padding: 0;
    width: 100%;
}

.allocationHeaderHolder table:first-child {
    margin: 0 0 15px 0;
}

.allocationHeaderHolder table tbody tr td {
    padding: 5px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    min-height: 30px;
    text-transform: capitalize;
}

.allocationHeaderHolder table tbody tr td span {
    font-weight: 400;
    font-size: 13px;
}

.allocationHeaderHolder table tbody tr td.bonus span {
    color: #5f9c01;
}

.allocationHeaderHolder table tbody tr td.negative span {
    color: #d01417;
}

.allocationRecord table {
    margin: 0;
    padding: 0;
    width: 100%;
}

.allocationRecord table thead tr th {
    padding: 5px 10px;
    background: rgba(209, 21, 24, 1);
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.allocationRecord table tbody tr td {
    padding-top: 6px;
    padding-bottom: 6px;
    text-transform: capitalize;
}

.allocationRecord table tbody tr td.negative {
    color: #a94442 !important;
    background-color: #f2dede;
}

.allocationRecord table tbody tr td.positive {
    color: #5f9c01 !important;
    background-color: #edffd2;
}

.allocationRecord table tfoot tr td {
    background: #eee;
    color: #333;
}

table > tbody > tr.childTr > td:first-child{position: relative;padding-left: 35px;}
 table > tbody > tr.childTr > td:first-child:after{position: absolute;content: "";background: #000;width: 4px;height: 4px;border-radius: 100%;top: 10px;left: 20px;}
 table > tbody > tr.childTr > td:first-child:after{position: absolute;content: "";background: #000;width: 4px;height: 4px;border-radius: 100%;top: 10px;left: 20px;}

 .childList{width: 100%;float: left;margin: 5px 0;padding: 0;list-style-type: none;position: relative;}
 .childList:after{content: "";position: absolute;border-left: 1px dotted #000;top: 0;bottom: 0;left: 5px;}
 .childList li{width: 100%;float: left;margin: 0;padding: 0 0 0 30px;list-style-type: none;position: relative;}
 .childList li:after{content: "";width: 15px;height: 1px;left: 5px;top: 8px;position: absolute;border-bottom: 1px dotted #000;}

.tableRecipt table{width: 100%;}
.reciptTable thead tr th{font-weight: 400;font-size: 13px;color: #000; border-bottom: 1px solid #ddd;}
.signatureRow{margin-top:30px;}
.date-short .control-label{width:auto; display:inline; float:left; margin-right:5px; padding-top: 2px;}
.fieldFull{width:100%;}
.downloadSignature{margin:10px 0 0 0; padding:0; width:32px; height:32px; float:left; display: inline-block; text-indent: -999999em; background: url("../../angular-app/images/download.png") center center no-repeat;}

md-select.md-default-theme .md-select-value,md-select .md-select-value,
md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value
{
    border:1px solid #e5e5e5; border-radius: 4px;
    box-sizing: border-box; padding:5px;
}

.mtSelectStyle md-select
{
    margin:0;
}

md-select-menu.md-default-theme md-content md-option[selected],
md-select-menu md-content md-option[selected]
{
    color:rgba(209, 21, 24, 0.8);
}

.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon
{
    background: rgba(209, 21, 24, 0.8);
}

md-select-menu.md-default-theme md-content md-option[selected]:focus, md-select-menu md-content md-option[selected]:focus
{
    color:rgba(209, 21, 24, 0.8);
}

.spTable{width:100%; border-collapse: collapse;}
.spTable thead tr th{background:rgba(209, 21, 24, 0.8); color:#fff; border:0 none;}
.spTable thead tr:first-child th{background:rgba(209, 21, 24, 0.9); color:#fff;}
.spTable thead tr:last-child th{background:rgba(0,0,0,0); color:#fff; border-bottom:2px solid #dadada;}
.spTable thead tr:last-child th:nth-child(5n+5){border-right:1px solid #fff;}
.spTable thead tr:last-child th:last-child{border-right:1px solid #fff;}
.spTable thead tr:last-child th.interest{border-top:1px solid #fff; background: #afadad; color:#ffffff; text-align: center;}
.spTable thead tr:last-child th.sp{border-top:1px solid #fff; background: #efefef; color:#5a5a5a; text-align: center;}

.spTable tbody tr td.sp{border-top:1px solid #fff; background: #efefef; color:#5a5a5a; text-align: center;}
.spTable tbody tr td{white-space: nowrap; padding: 8px 0;}
.spTable tbody tr td.interest{border-top:1px solid #fff; background: rgba(175,173,173,0.38); color:#ffffff; text-align: center;}
.spTable tbody tr td.interest.positive{color:#008000;}
.spTable tbody tr td.interest.neg{color:#f90000;}
.spTable tbody tr td.interest.neg.positive{color:#008000;}
.spTable tbody tr td span i{display: inline-block; margin-left:3px;}
.spTable tbody tr td span i.glyphicon-chevron-down.glyphicon-chevron-up:before{content:"\e113" !important;}
.spTable tfoot tr td{background: #3a3a3a; color:#fff; white-space: nowrap;}

.spTable tfoot tr td.positive{color:#ABEBC6;}
.spTable tfoot tr td.neg{color:#f90000;}
.spTable tfoot tr td.neg.positive{color:#ABEBC6;}
.spTable tfoot tr td span i{display: inline-block; margin-left:3px;}
.spTable tfoot tr td span i.glyphicon-chevron-down.glyphicon-chevron-up:before{content:"\e113" !important;}

.spGraphHolder h2, .intGraphHolder h2{margin:25px 0 0 0; padding:0; line-height: 45px; text-align:center; text-transform: uppercase;background:rgba(209, 21, 24, 0.9); color:#fff; font-size: 22px;}
table.fixed{top:86px;position:fixed;width:auto;display:none;border:none;z-index:9999;}
.slash{font-weight: bold; color:#000;}

.ticketSummaryBar{margin:0; padding: 0; width:100%; float:left;}
.ticketSummaryBar div{margin:0; padding: 0;float: left; height: 10px;}
.ticketSummaryBar div.assigned{background:#486686; }
.ticketSummaryBar div.inProgress{background:#f6c342; }
.ticketSummaryBar div.completed{background:#1d8830; }
.ticketSummaryBar div.closed{background:#cf453c; }
.ticketSummaryBar div.todo{background:#316ac5; }

.ticketCounter{margin:50px 0 0 0; padding:0; width:100%; float:left; border-bottom:1px solid #cccccc; }
.ticketCounter .ticketCounterHolder{padding-bottom:20px;position: relative;}
.ticketCounter .active:before{margin: 0; padding: 0; content: ''; position: absolute; left:0; bottom:0; right: 0; height: 10px; background: #333333;}
.ticketCounter h3{margin: 0; padding: 0; width: 40%; float:left; text-align: center; font-size: 45px; line-height: 50px; font-weight: 500;}
.ticketCounter .assigned h3{color:#486686;}
.ticketCounter .inprogress h3{color: #f6c342;}
.ticketCounter .completed h3{color:#1d8830;}
.ticketCounter .closed h3{color: #cf453c;}
.ticketCounter .todo h3{color: #316ac5;}
.ticketCounter p{margin: 0; padding: 0; line-height: 50px; font-size: 16px;}
.ticketCounter .division{padding-bottom: 20px;}

.threadContainer{margin:0; padding:0; width:100%; float:left;}
.threadContainer .threadHolder{margin:0; padding:0 15px 0 40px; width:100%; float:left;}

.threadContainer .threadHolder .ticketInformation{margin:0 0 40px 0; padding:0 15px 50px 40px; width:100%; float:left; border-bottom:3px solid rgba(209, 21, 24, 0.9); background: rgba(0, 0, 0, 0.03);}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder{margin:0; padding:0 0 0 45px; width:100%; float:left; position: relative;}

.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .userPosted{margin:0; padding:0; width:100px; height: 100px; display: block; border:1px solid rgba(0,0,0,0.12); border-radius: 360px; position:absolute; left:-80px; top:-3px; overflow: hidden;}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .userPosted img{max-width: 100%; margin:0; padding:0; border-radius: 360px;}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketBody h3{color:rgba(209, 21, 24, 0.9); margin-bottom:10px;}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketBody h6{color: #d0d0d0; font-size: 12px; margin-bottom:30px;}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketBody p{margin-bottom:16px;}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketActivity {margin:0; padding:0; width: 100%; float:left;}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketActivity h5{color:#5a5a5a; font-size: 14px; font-weight: 500; margin-bottom:5px;}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketActivity table{margin:0; padding:0; width:100%; border-top:3px solid #d0d0d0;}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketActivity table tr td{margin:0; padding:15px 10px 8px; border-right:1px solid rgba(0,0,0,0.12); border-bottom:1px solid rgba(0,0,0,0.12);}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketActivity table tr td:first-child{border-left:1px solid rgba(0,0,0,0.12);}
.threadContainer .threadHolder .ticketInformation .ticketInformationHolder .ticketActivity table tr td label{margin:0 0 5px 0; padding:0; width:100%; float:left; font-size: 14px;color:rgba(209, 21, 24, 0.9); font-weight: 500;}
.ticketActivity .support-ticket-list{    border-radius: 11px;  border: 1px solid transparent;}
.ticketActivity .support-ticket-list .form-control{height:29px;}

.threadContainer .threadHolder .responceContainer{margin:0; padding:0 0 0 35px; width:100%; float:left; border-left:1px solid #efefef;}
.threadContainer .threadHolder .responceContainer .responseHolder{margin:0 0 35px 0; padding:10px; width:100%; float:left; border-radius:6px; position:relative; border: 1px solid rgba(0,0,0,0.12); background: #F9F9F9;}
.threadContainer .threadHolder .responceContainer .responseHolder:last-child{margin:0;}
.threadContainer .threadHolder .responceContainer .responseHolder:before{content:'';width: 0px;height: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #F9F9F9; left:-10px; position: absolute;
    top:7px; z-index: 99}
.threadContainer .threadHolder .responceContainer .responseHolder:after{content:'';width: 0px;height: 0px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid rgba(0,0,0,0.12); left:-11px; position: absolute;
    top:7px;z-index: 9;}
.threadContainer .threadHolder .responceContainer .responseHolder .userAv{margin:0; padding:0; width:45px; height: 45px; display: block; border:1px solid rgba(0,0,0,0.12); border-radius: 360px; position:absolute; left:-58px; top:-3px; overflow: hidden;}
.threadContainer .threadHolder .responceContainer .responseHolder .userAv img{max-width: 100%; margin:0; padding:0; border-radius: 360px;}


.threadContainer .threadHolder .responceContainer .responseHolder .responceHeader{margin:0; padding:0; width:100%; float:left;}
.threadContainer .threadHolder .responceContainer .responseHolder .responceHeader h3{margin:0 0 8px 0; padding:0; width:100%; float:left; color:#333333; font-size: 17px;}
.threadContainer .threadHolder .responceContainer .responseHolder .responceHeader h3 span{margin:0; padding:0; width:auto; float:right; font-size: 12px; color:#D91E18}
.threadContainer .threadHolder .responceContainer .responseHolder .responceHeader h3 a{margin:0; padding:0; color:rgba(209, 21, 24, 0.9); text-decoration: none;  font-weight: 500;}


.threadContainer .threadHolder .responceContainer .responseHolder .responceBody{margin:0; padding:0; width:100%; float:left;}
.threadContainer .threadHolder .responceContainer .responseHolder .responceBody p{margin:0; padding:0; width:100%; float:left;}



.supportContainer{margin:0; padding:0; width:100%; float:left;}
.supportContainer .supportHolder{margin:25px 0; padding:15px; width:100%; float:left; border:1px solid rgba(0, 0, 0, 0.2); border-radius:4px;}
.supportContainer .supportHolder .form-section{margin-bottom:10px;}
.supportContainer .supportHolder .priorityLegend{margin-bottom:5px;}
.supportContainer .supportHolder .priorityLegend tr td{padding: 0 10px;}
.supportContainer .supportHolder fieldset{ margin: 0 0 20px 0;padding: 0;width: 100%;float: left;}
.supportContainer .supportHolder fieldset h3.form-section {padding: 10px 15px;background: rgba(209, 21, 24, 0.8);color: #fff;font-size: 16px;box-sizing: border-box;font-weight: 400;}
.supportContainer .supportHolder fieldset h3.form-section .btn.btn-success {float:right; padding: 3px 8px; margin: -5px -6px 0 0;}
.supportContainer .supportHolder fieldset .control-label {    font-weight: 400;font-size: 13px;color: #000;padding: 7px 0; margin:1px 0 0 0;}
.supportContainer .supportHolder fieldset .ui-select-container, .supportContainer .supportHolder fieldset input{margin-bottom:10px;}
.supportTable{margin-top:35px;}

.btn-action{margin: 0 0 0 7px; padding: 0; display: inline-block; float:left; font-size: 18px; font-weight: normal;}
.btn-action .glyphicon{font-size: 15px !important}
.btn-action.blue .glyphicon{color:#4B8DF8;}
.btn-action.green .glyphicon{color:#9cd349;}
.btn-action.red .glyphicon{color:#d84a38;}
span.high i {transform: rotate(180deg);}
.identifier {
    float: right;
    width: 35%;
}

.identifier span {
    display: block;
    width: 25%;
    float: left;
}
.seperator{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.tk-heading {
    font-size: 18px;
    color: #da4346;
}

.support-ticket-list{margin:0; padding:0; width:100%; float:left; background: #fff;}

.support-ticket-list ul li {
    float: left;
    min-height:57px;
    padding: 7px;
    min-width: 25%;
}
.support-ticket-list ul {
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}


.support-ticket-list ul li label
{
    margin: 0 0 5px 0; padding: 0; color:#d84a38; font-weight:500;
}

.support-ticket-list ul li p
{
    margin:0; padding:0; color:#333; font-weight: 300;
}

.portlet-title .caption .red-font{color: red !important;}

/*.support-ticket-list ul li:nth-child(4n +4) {
    border-right: 0;
}
.support-ticket-list ul li:nth-child(4n +4) {
    border-right: 0;
}
.support-ticket-list ul li:nth-last-child(-n+3) {
    border-bottom: 0;
}
.support-ticket-list ul li:nth-child(4n + 4) {
    width: 20%;
}
.support-ticket-list ul li:nth-child(4n + 3) {
    width: 20%;
}
.support-ticket-list ul li:nth-child(4n + 2) {
    width: 20%;
}
.support-ticket-list ul li:nth-child(4n + 1) {
    width: 40%;
}*/

span.high.rotate-default i {
    transform: rotate(0deg);
}
.flags i{color: #cf453c}
.greybox{
    background-color: #f9f9f9;
        margin-bottom: 2em;
        padding: 19px;
        min-height: 20px;
        border: 1px solid #eee;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 4px;
}
.middle-aligned thead > tr > td, .middle-aligned thead > tr > th, .middle-aligned tbody > tr > td{vertical-align: middle !important;}
@media (min-width: 768px) {
    .col-fifth-one{width: 20%; float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
}

.ticketCounter.supportTickets .ticketCounterHolder:before{display: none;}
.ticketCounter.supportTickets{display: table;float: none;border-bottom: 0;width: 50%;margin-top: 0;}
.ticketCounter.supportTickets .boxStyle {padding-bottom: 0;float: none;display: table-row;}
.ticketCounter.supportTickets .boxStyle a{float: left;width: 100%;}
.ticketCounter.supportTickets h3{width: auto;font-size: 18px;margin-right: 7px;line-height: 24px;}
.ticketCounter.supportTickets h3 span{font-size: 14px;line-height: 24px;}
.ticketCounter.supportTickets .counterTableSp{display: table;width: 100%;}
.ticketCounter.supportTickets .counterTableCellSp{display: table-cell;width: 100%;border-right: 1px solid #ddd;vertical-align: middle;font-size: 0;}
.ticketCounter.supportTickets .counterTableCellSp:first-child{width: 1%;white-space: nowrap;}
.ticketCounter.supportTickets .counterTableCellSp:last-child{border-right: 0;}
.ticketCounter.supportTickets .counterBar{width: 100%;height: 14px;display: inline-block;}


.ticketCounter.ticketCounterBox div.ticketCounterHolder >span{border-color:rgba(96, 151, 181, 1); }
.ticketCounter.ticketCounterBox div.assigned >span{border-color:#486686; }
.ticketCounter.ticketCounterBox div.created >span{border-color:#316ac5; }

.ticketCounter.supportTickets div.inProgress .counterBar{background:#6097b5; }
.ticketCounter.supportTickets div.todo .counterBar{background:#316ac5; }
.ticketCounter.supportTickets div.completed .counterBar{background:#1d8830; }
.ticketCounter.supportTickets div.closed .counterBar{background:#cf453c; }


.ticketCounter.ticketCounterBox {border-bottom: 0;width: 50%;margin-top: 0;}
.ticketCounter.ticketCounterBox > h5 a{padding-left: 15px;padding-right: 15px;font-weight: 500;color: #d11518;font-size: 20px;margin-top: 5px;}
.ticketCounter.ticketCounterBox .ticketCounterHolder:before{display: none;}
.ticketCounter.ticketCounterBox h3{width: auto;font-size: 18px;margin-right: 7px;line-height: 24px;text-align: left;}
.ticketCounter >div > span{width: 100%;float: left;border-bottom: 4px solid #d2d2d2;}
.ticketCounter.ticketCounterBox h3 span{font-size: 14px;line-height: 24px;}

.sepRow{border-bottom: 1px solid #d2d2d2;padding-bottom: 20px;margin-bottom: 20px;}

.assigneeTree .assigneeHolder .droplist .ui-select-container{width:50%; display: inline-block; float:left;}
.assigneeTree .assigneeHolder .droplist .ui-select-container .form-control{border-radius:4px 0 0 4px; border-right:0;}
.assigneeTree .assigneeHolder .droplist .btn-assign{width:25%; display: inline-block; float:left; border-radius: 0 4px 4px 0;}
span.padding-all {
    display: block;
    padding: 5px;
    text-transform: uppercase;
    font-size: 12px;
}
.icon-avtar{}
.icon-avtar i{color: #c63927}
.light-color{color: #333}
ul > li.dropdown.dropdown-user .sub-menu > li a{white-space: nowrap}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle{min-height: 38px}
ul > li.dropdown.dropdown-user .sub-menu > li a i {
    padding-right: 20px;
}
.assigneeTree .updatedTask{font-weight: bold;color: rgba(209, 21, 24, 0.9);}
.btn-red{padding: 0; vertical-align: top}
.btn-red button{
    background: #d84144; color: #fff;
}
.supportContainer .supportHolder fieldset input{margin-bottom: 0px!important;}
.addressBookTable{margin-top:10px;}
.white-space-pre-line {
    white-space: pre-line;
}