/* View Risk Assessment Page - Added by Anil */
.padding10 {
    padding-right:10px;
}
.top-10,
.form-group.top-10 {
    margin-top: -10px;
}
.top-60 {
    margin-top: -60px;
}
.top5 {
    margin-top: 5px;
}
.top-5 {
  margin-top: -5px;
}
.modal .top10,
.top10 {
    margin-top: 10px;
}
.dash-component.top15,
.top15 {
    margin-top: 15px;
}
.document-update-version-alert {
    border: 2px solid blue;
    padding: 10px;
    background-color: cyan
}
.top20 {
    margin-top: 20px;
}
.top25 {
    margin-top: 25px !important;
}
.top30 {
    margin-top: 30px;
}
.top35 {
    margin-top: 35px;
}
.dash-component.top40,
.top40 {
    margin-top: 40px;
}
.dash-component.top100,
.top100 {
    margin-top: 100px;
}
.padding-bottom5 {
    padding-bottom: 5px;
}
.padding-bottom10 {
    padding-bottom: 10px;
}
.padding-bottom15 {
    padding-bottom: 15px;
}
.padding-bottom20 {
    padding-bottom: 20px;
}
.padding-bottom25 {
    padding-bottom: 25px;
}
.padding-bottom30 {
    padding-bottom: 30px;
}
.padding-bottom35 {
    padding-bottom: 35px;
}
.padding-bottom40 {
    padding-bottom: 40px;
}
.padding-left10 {
    padding-left: 10px;
}
.btn.btn-default.border-radius {
    border-radius: 4px;
}
.border-radius {
    border-radius: 4px;
}
.template-details-actions-rhs.top20 {
    padding: 15px 0;
}
.template-details-actions > div > .ng-grid-style {
    height: auto !important;
}


.inline-header {
    display: inline-block;
}

#subHeader {
    max-width: 1112px;
    margin: 0px auto 0px auto;
    text-align: right;
    position: absolute;
    right: 43px;
    top: 114px;
    text-decoration: underline;
    z-index: 1;
}
    #subHeader > a {
        color: #333;
    }
    .list-unstyled input[type="radio"] {
        margin-right: 10px;
    }


/* End Risk Assessment Page*/
    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
}

.report-designer.dash-component > .block-notification .table td i + div {
    width: 552px;
}
.report-designer.dash-component .table td i + div > div + div {
    color: gray;
}
.template-repository a.filterIndustry > i,
a + .filterIndustry > .fa.pull-right,
.report-designer .fa.fa-chevron-down,
.report-designer .fa.fa-chevron-right {
    margin: 0 20px;
  color:#63b1e5;
}
.report-designer.col-span-3 .fa.fa-chevron-right,
.report-designer.col-span-3 .fa.fa-chevron-down {
    margin: 0;
}

.template-repository .panel-heading {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.template-repository + .dash-component.template-details-actions.removeable > div,
.report-designer + .dash-component.template-details-actions.removeable > div,
.report-designer + .dash-component.template-details-actions.removeable + div > div,
.whiteContainer {
    background-color: #fff;
    padding: 15px 0 8px 0;
  overflow:hidden;
}
.whiteContainer.panel-group
{
    margin-top:0px;
    }
    .template-repository + .dash-component.template-details-actions.removeable > div + .form-group.pull-right,
    .report-designer + .dash-component.template-details-actions.removeable > div + .form-group.pull-right,
    .report-designer + .dash-component.template-details-actions.removeable + div > div + .form-group.pull-right,
    .whiteContainer + .form-group.pull-right {
        margin-top: 10px;
    }
.template-repository .well:hover {
    color: #333;
}

.list-group-item > a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    cursor: pointer;
}
.list-group-item {
    padding: 0px;
}

.report-designer.dash-component .table td i + div,
.report-designer .table td i + div {
    float: left;
    display: table-cell;
    max-width: 100%;
    padding-left: 20px;
    margin-top: -17px
}
    .report-designer .table td i + div[data-ng-switch="question.Type"] {
        max-width: 100%;
        padding-left: 30px;
    }
    .report-designer .table td i + div textarea.form-control {
        resize: vertical;
    }
.safety-na {
    right: -10px;
    vertical-align: top;
    margin-top: -60px;
}
.input-group-btn.safety-na:last-child > .btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    width: 79px;
    text-transform: uppercase;
    margin-top: -50px;
}
.input-group-btn.safety-na > .btn.btn-hide-textarea {
    color: #ffffff;
    background-color: #63b1e5;
    border-color: #4da6e1;
}
.report-designer.dash-component > .block-notification .table td i + div {
    width: 552px;
}
.report-designer.dash-component .table td i + div > div + div {
    color: gray;
}
.template-repository a.filterIndustry > i,
a + .filterIndustry > .glyphicon.pull-right,
.report-designer .fa.fa-chevron-down,
.report-designer .fa.fa-chevron-right {
    margin: 0;
}
.report-designer.col-span-3 .fa.fa-chevron-right,
.report-designer.col-span-3 .fa.fa-chevron-down {
    margin: 0;
}
/*.report-designer .naBlock+.panel .glyphicon-chevron-down, .report-designer .naBlock+.panel .glyphicon-chevron-right*/
.report-designer .naBlock + .panel .date-attr + td [datepicker] .glyphicon-chevron-right {
    right: inherit;
    float: right;
}
.report-designer .removeQABlockTemplate + .panel .fa-chevron-down,
.report-designer .removeQABlockTemplate + .panel .fa-chevron-right {
    position: relative;
    right: 111px;
    padding: 0px;
    margin: 0px;
}
.report-designer .naBlock + .panel .fa-chevron-down,
.report-designer .naBlock + .panel .fa-chevron-right {
    right: 0px;
}
.report-designer .naBlock + .panel .fa-chevron-down, .report-designer .naBlock + .panel .fa-chevron-right {
    right: 0;
}
.col-md-7.report-designer .removeQABlock + .panel .fa-chevron-right,
.col-md-7.report-designer .removeQABlock + .panel .fa-chevron-down,
.col-md-7.report-designer .removeQABlockTemplate + .panel .fa-chevron-right,
.col-md-7.report-designer .removeQABlockTemplate + .panel .fa-chevron-down,
.col-md-5.report-designer .removeQABlock + .panel .fa-chevron-right,
.col-md-5.report-designer .removeQABlock + .panel .fa-chevron-down,
.col-md-5.report-designer .removeQABlockTemplate + .panel .fa-chevron-right,
.col-md-5.report-designer .removeQABlockTemplate + .panel .fa-chevron-down {
    right: 91px;
}
.report-designer .moon-icon-file3.pull-left {
    padding: 0px 15px 0 0;
}
.report-designer .table .fa-question-circle.pull-left {
  padding: 4px 10px 0px 0px;
}
.col-md-7.report-designer .table .moon-icon-question-circle.pull-left,
.col-md-5.report-designer .table .moon-icon-question-circle.pull-left {
    padding: 4px 15px 0px 10px;
}
.report-designer .table .pull-right > input[type="checkbox"] {
    margin: 0 20px 0 0;
    height: 15px;
    width: 15px;
}
.report-designer .panel-body,
.report-designer .table,
.report-designer.dash-component .table {
    padding: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.report-designer .panel.panel-default,
.graphic-designer .panel.panel-default {
    margin-bottom: 20px;
}
    .graphic-designer .panel.panel-default:first-child {
        margin-top: 20px;
    }
.report-designer .table label span + span {
    font-weight: normal;
}
.report-designer .table .glyphicon.glyphicon-arrow-up.pull-right,
.report-designer .table .glyphicon.glyphicon-arrow-down.pull-right,
.report-designer .table .glyphicon.glyphicon-remove.pull-right {
    margin: 5px 9px 0 0;
    cursor: pointer;
}
.report-designer .table tr[data-ng-repeat="(k,question) in block.Questions"] span.glyphicon.glyphicon-remove.pull-right {
    margin-right: 0px;
}
.col-md-7.report-designer .table .glyphicon.glyphicon-arrow-up.pull-right,
.col-md-7.report-designer .table .glyphicon.glyphicon-arrow-down.pull-right,
.col-md-7.report-designer .table .glyphicon.glyphicon-remove.pull-right,
.col-md-5.report-designer .table .glyphicon.glyphicon-arrow-up.pull-right,
.col-md-5.report-designer .table .glyphicon.glyphicon-arrow-down.pull-right,
.col-md-5.report-designer .table .glyphicon.glyphicon-remove.pull-right {
    width: 16px;
}
.report-designer .glyphicon-remove.pull-right {
    margin: 0px;
}
.report-designer .form-group.questionBlock {
    margin-bottom: 10px;
}
.questionBlock {
    position: relative;
    top: -4px;
    border-radius: 15px;
    background-color: #63b1e5;
    overflow: hidden;
    float: left;
    padding: 11px 3px;
    height: 28px;
    width: 28px;
    margin-right: 10px;
}
    .questionBlock .moon-icon-question,
    .questionBlock .moon-icon-question + .moon-icon-question + .moon-icon-question {
        font-size: 10px;
        top: 0px;
        position: relative;
    }
    .questionBlock .moon-icon-question {
        transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        color: #fff;
    }
        .questionBlock .moon-icon-question + .moon-icon-question {
            transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            font-size: 17px;
            top: -9px;
            position: relative;
        }
            .questionBlock .moon-icon-question + .moon-icon-question + .moon-icon-question {
                transform: rotate(20deg);
                -ms-transform: rotate(20deg);
                -webkit-transform: rotate(20deg);
            }
.moon-icon-plus + .moon-icon-close {
    margin: 0 5px;
}
.moon-icon-plus-pad {
    margin: 0 8px 0 0;
}
.moon-icon-task + .moon-icon-close {
    margin: 0 9px 0 26px;
}
.dash-component.col-span-2.report-designer > div {
    background-color: transparent;
}
.glyphicon-search:before,
.assignments .ngHeaderButtonArrow:before,
[data-ng-controller="CompaniesAssignmentController"] .ngHeaderButtonArrow:before {
    content: "\e003";
}
.glyphicon-search {
    z-index: 1;
}
.ngSelectionCheckbox {
    visibility: hidden;
}
.ngCellCheckboxes {
    text-align: center;
}

font,
.content-body {
    font-family: Verdana !important;
    font-size: 10pt !important;
}
    .content-body h1,
    .content-body h2,
    .content-body h3,
    .content-body h4,
    .content-body h5,
    .content-body h6,
    .content-body h1 span,
    .content-body h2 span,
    .content-body h3 span,
    .content-body h4 span,
    .content-body h5 span,
    .content-body h6 span {
        font-family: Verdana !important;
        word-break: break-all;
    }
        .content-body h1,
        .content-body h1 span,
        .content-body > p h1 span,
        .content-body p h1 span {
            font-size: 24pt !important;
        }
        .content-body h2,
        .content-body h2 span,
        .content-body > p h2 span,
        .content-body p h2 span {
            font-size: 18pt !important;
        }
        .content-body h3,
        .content-body h3 span,
        .content-body > p h3 span,
        .content-body p h3 span {
            font-size: 16pt !important;
        }
        .content-body h4,
        .content-body h4 span,
        .content-body > p h4 span,
        .content-body p h4 span {
            font-size: 12pt !important;
        }
        .content-body h5,
        .content-body h5 span,
        .content-body > p h5 span,
        .content-body p h5 span {
            font-size: 10pt !important;
        }
        .content-body h6,
        .content-body h6 span,
        .content-body > p h6 span,
        .content-body p h6 span {
            font-size: 8pt !important;
        }
    .content-body ul span {
        font-family: Verdana !important;
        font-size: 10pt !important;
    }
    .content-body span {
        font-family: Verdana;
        font-size: 10pt;
    }
    .content-body > p,
    .content-body > p span,
    .content-body p span,
    .content-body p,
    .content-body td > span {
        font-family: Verdana !important;
        font-size: 10pt !important;
        /*line-height: 1.6 !important;*/
        max-width:100%;
    }
    .content-body u span {
        display: inline !important;
    }
.HSHandbook ul,.HSHandbook li{list-style:inherit;}
.HSHandbook h1,
.HSHandbook h1 span,
.HSHandbook p h1 span {
    text-align: center;
    font-family: Verdana !important;
    font-weight: bold;
    font-size: 12pt !important;
    text-decoration: underline;
}
.HSHandbook h2,
.HSHandbook h3,
.HSHandbook h4,
.HSHandbook h5,
.HSHandbook h6,
.HSHandbook h2 span,
.HSHandbook p h2 span,
.HSHandbook h3 span,
.HSHandbook p h3 span,
.HSHandbook h4 span,
.HSHandbook p h4 span,
.HSHandbook h5 span,
.HSHandbook p h5 span,
.HSHandbook h6 span,
.HSHandbook p h6 span {
    text-align: left;
    text-decoration: underline;
    font-size: 10pt !important;
    font-family: Verdana !important;
}
.HSHandbookCA ul, .HSHandbookCA li {
    list-style: inherit;
}

.HSHandbookCA h1,
.HSHandbookCA h1 span,
.HSHandbookCA p h1 span {
    text-align: center;
    font-family: Verdana !important;
    font-weight: bold;
}

.HSHandbookCA h2,
.HSHandbookCA h3,
.HSHandbookCA h4,
.HSHandbookCA h5,
.HSHandbookCA h6,
.HSHandbookCA h2 span,
.HSHandbookCA p h2 span,
.HSHandbookCA h3 span,
.HSHandbookCA p h3 span,
.HSHandbookCA h4 span,
.HSHandbookCA p h4 span,
.HSHandbookCA h5 span,
.HSHandbookCA p h5 span,
.HSHandbookCA h6 span,
.HSHandbookCA p h6 span {
    text-align: left;
    font-family: Verdana !important;
}
.ELHandbook.content-body{padding:10px;}
.ELHandbook h1 .block-header-number {
    display: block;
    line-height: 1;
    margin: 0 0;
}
.ELHandbook h1 .block-header-title {
    font-size: 24pt !important;
    padding-left: 0px;
    line-height: 1;
    margin-left: -20px;
}
.ELHandbook h1,
.ELHandbook h1 span,
.ELHandbook p h1 span {
    text-align: left;
    font-family: Verdana !important;
    font-size: 72pt !important;
    padding-left: 20px;
    font-weight: bold;
    font-style: italic;
    /*line-height:0;*/
}
.ELHandbook h2,
.ELHandbook h2 span,
.ELHandbook p h2 span {
    text-align: left;
    font-family: Verdana !important;
    font-size: 24pt !important;
    font-weight: bold;
    font-style: italic;
}
.ELHandbook h3,
.ELHandbook h3 span,
.ELHandbook p h3 span,
.ELHandbook > p h3 span {
    text-align: left;
    font-family: Verdana !important;
    font-size: 18pt !important;
    font-weight: bold;
    font-style: italic;
    text-transform: none;
}
.ELHandbook h4,
.ELHandbook h5,
.ELHandbook h6,
.ELHandbook h4 span,
.ELHandbook p h4 span,
.ELHandbook > p h4 span,
.ELHandbook h5 span,
.ELHandbook h6 span {
    text-align: left;
    font-size: 16pt !important;
    font-family: Verdana !important;
    padding-left: 20px;
    font-weight: bold;
    font-style: italic;
}
    .ELHandbook h4 span,
    .ELHandbook p h4 span,
    .ELHandbook > p h4 span,
    .ELHandbook h5 span,
    .ELHandbook h6 span {
        padding-left: 0px;
    }

.content-body ul, .content-body li{list-style:inherit;}
.keyIcon {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
}

.center-icon.wellcolor9 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor9 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-9 {
    margin: 0 auto;
}

.center-icon.wellcolor8 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor8 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-8 {
    margin: 0 auto;
}

.center-icon.wellcolor7 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor7 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-7 {
    margin: 0 auto;
}

.center-icon.wellcolor6 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor6 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-6 {
    margin: 0 auto;
}

.center-icon.wellcolor5 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor5 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-5 {
    margin: 0 auto;
}

.center-icon.wellcolor4 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor4 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-4 {
    margin: 0 auto;
}

.center-icon.wellcolor3 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor3 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-3 {
    margin: 0 auto;
}

.center-icon.wellcolor2 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor2 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-2 {
    margin: 0 auto;
}

.center-icon.wellcolor1 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor1 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-1 {
    margin: 0 auto;
}

.center-icon.wellcolor0 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 55px;
}

[data-ng-grid=TasksGrid] .wellcolor0 {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin: 0 auto;
    margin: 4px 0 0 35px;
    padding: 0;
}

.center-icon.priority-0 {
    margin: 0 auto;
}

.key {
    padding: 2px 0 0 9px;
    margin: 0;
    overflow: hidden;
}

    .key li {
        float: left;
        list-style-type: none;
        text-align: center;
    }

        .key li div {
            height: 20px;
            width: 20px;
            border-radius: 10px;
            margin: 0 auto;
        }

        .key li p {
            font-size: 12px;
            /*float: left;*/
            padding: 2px 10px 0;
        }

.template-repository .well {
    width: 118px;
    height: 77px;
    margin: 10px;
    display: inline-block;
    white-space: normal;
    font-size: 12px;
    overflow: hidden;
    color: #525252;
    vertical-align: top;
    border-color: #A7A4A4;
}

.template-repository .wellcolor0 {
    background-color: rgba(245,245,245,.5);
    border: 1px solid #ccc;
}

.template-repository .wellcolor1 {
    background-color: rgba(255,179,247,.5);
}

.template-repository .wellcolor2 {
    background-color: rgba(159,159,159,.5);
}

.template-repository .wellcolor3 {
    background-color: rgba(27,106,225,.5);
}

.template-repository .wellcolor4 {
    background-color: rgba(255,162,0,.5);
}

.template-repository .wellcolor5 {
    background-color: rgba(144,114,206,.5);
}

.template-repository .wellcolor6 {
    background-color: rgba(114,206,205,.5);
}

.template-repository .wellcolor7 {
    background-color: rgba(207,47,68,.5);
}

.template-repository .wellcolor8 {
    background-color: rgba(0,128,18,.5);
}

.template-repository .wellcolor9 {
    background-color: rgba(233,176,59,.5);
}

.template-repository .wellcolor10 {
    background-color: rgba(114,206,155,.5);
}

.scrollRow {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.panel-heading+.scrollRow {
    height: auto;
}

.panel-heading+.scrollRow>.well-sm {
        width: 244px;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.panel-heading+.scrollRow>.well-sm>a .right-icon {
            float: left;
            margin-right: 10px;
        }

.panel-heading+.scrollRow>.well-sm:nth-child(4) {
            margin: 15px 0 15px 15px;
        }

.panel-collapse .progress-indicator {
    margin-top: 0px;
}
.template-repository .panel-default>.panel-heading+.panel-collapse .panel-body {
    padding: 0;
    border-top-color: transparent;
}

.modal-open-m {
    overflow: hidden;
}
    .modal-open-m .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }
.modal {
    left: 0;
   /* z-index: 1040;*/
 /* margin-left:60px;  left menu space */
}
.no-menu .modal {
    margin-left: 15px;
}

@media (min-width:768px) {
    .modal{
           margin-left:60px; /* left menu space */;
           margin-top:57px !important
    }
}
@media (min-width:1025px) {
    .modal{
         margin-left:200px;
    }
}
@media (min-width: 993px) {
    .no-menu .modal {
        margin-left: 0;
    }
    }
.modal-dialog>.modal-content>.modal-header {
    padding: 15px;
    border-bottom: 1px solid #616167 !important;
    min-height: 16.42857143px;
    background-color: #fff;
}

/*.modal-dialog>.modal-content>.modal-footer {
    margin-top: 15px;
    padding: 15px;
    text-align: right;
}*/
@media screen and (min-width:640px) {
    .modal-dialog {
    margin: 75px auto 30px auto; /* top menu space */
    }
    }


@media screen and (min-width:640px) {
  .carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }
    }

.css_triangle {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.the_sprite {
    background: url(/Content/images/sprite.svg?v2) no-repeat;
    background-size: 300px 250px;
    text-indent: -9999px;
    overflow: hidden;
}

.no-svg .the_sprite {
    background-image: url(../img/sprite.png?v2);
}

a.flicker-form-states {
    margin-top: -10px;
    display: block;
    font-size: 14px;
}

@media (min-width:640px) {
    a.flicker-form-states {
        margin-top: -25px;
    }
}

h1.normal,h2.normal,h3.normal,h4.normal,h5.normal,h6.normal,.h1.normal,.h2.normal,.h3.normal,.h4.normal,.h5.normal,.h6.normal {
        font-weight: 400;
    }

h1.normal strong,h2.normal strong,h3.normal strong,h4.normal strong,h5.normal strong,h6.normal strong,.h1.normal strong,.h2.normal strong,.h3.normal strong,.h4.normal strong,.h5.normal strong,.h6.normal strong {
            font-weight: 700;
        }

.h1,.h2,.h3,.h4,.h5,h6,.h6 {
    font-family: franklin-gothic-urw,Arial,sans-serif;
}

ol.num-list {
    margin-bottom: 25px;
}

    ol.num-list strong {
        display: inline-block;
        margin-right: 7px;
    }

ol li {
    margin-bottom: 5px;
}

.p {
    font-size: 16px;
}
.form-group label.error{display:none;}

.form-group.error label,.notification-message,.safety-na.error>.btn {
    color: #cf2f44;
}

.form-group.error label.error,.notification-message {
        position: relative;
        top: auto;
        left: 0;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        width: auto;
        line-height: normal;
  padding:0;
    }
    .form-group.error label.error {
        position:relative;
    }  
.form-horizontal .form-group.error label.error, .form-horizontal-error .form-group.error label.error {
    left: 15px;
        white-space:nowrap
}
.form-group.error{position:relative;}
    .form-group.error .form-control {
        border-color: #cf2f44;
    }

    .form-group.error .glyphicon {
        display: block;
    }

    .form-group.error .pound-sign-input span {
        color: #cf2f44;
    }

.form-group .pound-sign-input input {
    padding-left: 22px;
}

@media (min-width:992px) {
    .form-group .pound-sign-input input {
        padding-left: 25px;
    }
}

.form-group .pound-sign-input span {
    position: absolute;
    top: 9px;
    left: 25px;
}

@media (min-width:992px) {
    .form-group .pound-sign-input span {
        left: 28px;
    }
}

.form-group.address-field {
    display: none;
}

.form-group.select-address-field {
    display: none;
}

.pick-address .form-group.select-address-field {
    display: block;
}

.pick-address .form-group.postcode-field,.pick-address .form-group.house-num-field {
    display: none;
}

.pick-address .form-group .find-address-btn {
    display: none;
}

.show-address-fields .form-group.address-field {
    display: block;
}

.show-address-fields .form-group .find-address-btn {
    display: none;
}



.form-horizontal .upload-label {
    margin-top: 14px;
}

.form-mask {
    width: 100%;
    position: relative;
}

.modal-dialog form>.form-mask {
    min-height: 0;
}

.form-mask>div {
    visibility: hidden;
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.form-mask>div.current-section {
        visibility: visible;
        position: relative;
        width: 100%;
        height: auto;
        overflow: visible;
    }

.modal .form-mask>div.current-section {
    /*height: 0;*/
}

#add-employee-form .form-mask>.the-section.current-section:not(.alert-info):not(#employee-details) {
    background-color: transparent;
}

.form-mask>div.not-enabled {
    display: none;
}

.pic-holder {
    background: #e6e6e6;
    width: 64px;
    height: 64px;
    float: left;
    position: relative;
    /*cursor: pointer;*/
}

.pic-holder:before,.pic-holder:after {
        content: " ";
        display: table;
    }

    .pic-holder:after {
        clear: both;
    }

.pic-holder:before,.pic-holder:after {
        content: " ";
        display: table;
    }

    .pic-holder:after {
        clear: both;
    }

.pic-holder>i {
        color: #525252;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
  position:absolute;
  font-size:65px;
  line-height:64px;
    }

.pic-holder.has-img>.i {
        display: none;
    }

.upload-holder {
    float: left;
    width: 150px;
}

    .upload-holder input {
        margin: 0;
        padding: 0;
        height: 0;
        width: 0;
        overflow: hidden;
    }

    .upload-holder .upload-photo {
        margin-top: 15px;
  margin-left:15px !important;
    }
.fileuploader-src .upload-holder .btn {
    margin-top: 0;
}
.modal-upload-btn,.dash-component.your-tasks>.dash-grid+.transparentBlock {
    padding: 0;
}

.dash-include [data-ng-grid=DocumentGrid],.dash-include [data-ng-grid=TasksGrid] {
    max-height: 280px;
    overflow: hidden;
}

.dash-include [data-ng-grid=DocumentGrid] .ngViewport,.dash-include [data-ng-grid=TasksGrid] .ngViewport {
        overflow-y: visible;
        max-height: 240px;
    }

.dash-include>div {
    background-color: transparent;
    overflow: hidden;
  }

input[type=number]::-webkit-inner-spin-button {
    right: 8px;
}

.error input[type=number]::-webkit-inner-spin-button {
    right: 38px;
}

.btn .moon-icon-plus,.btn .moon-icon-minus {
    margin: 0 5px 0 0;
}





.open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

.open .dropdown-toggle.btn-default {
        background-image: none;
    }

.open .dropdown-toggle.btn-default {
        background-color: #fff;
        border-color: #525252;
    }


    .btn-default.find-address-btn {
        margin-top: 10px;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 999px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: 0;
        background: #fff;
        cursor: inherit;
        display: block;
  margin:0;
    }

@media (min-width:640px) {
    .btn-default.find-address-btn {
        margin: 0 0 0 -20px;
    }
}

    .dropdown-menu.blue-outline {
        border: 3px solid #63b1e5;
        width: 275px;
        margin-top: 10px;
    }

.dropdown-menu.blue-outline:after,.dropdown-menu.blue-outline:before {
            bottom: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            left: 18px;
            z-index: 1;
            top: -20px;
            display: block;
        }

@media (min-width:992px) {
  .dropdown-menu.blue-outline:after,.dropdown-menu.blue-outline:before {
        left: 32px;
    }
}

.dropdown-menu.blue-outline:before {
    border-color: rgba(99,177,229,0);
    border-bottom-color: #63b1e5;
    border-width: 10px;
    margin-left: -10px;
}

.dropdown-menu.blue-outline:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
    top: -12px;
}

.dropdown-menu.blue-outline>li>a {
    padding-left: 40px;
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    font-size: 14px;
}

.dropdown-menu.blue-outline>li>a:before {
        position: absolute;
        top: 12px;
        left: 15px;
        width: 10px;
        height: 10px;
        border-radius: 8px;
        background: #e6e6e6;
        content: '';
        display: inline-block;
    }

@media (max-width:480px) {
  .dropdown-menu.blue-outline>li>a:before {
        left: 10px;
    }
}

.dropdown-menu.blue-outline>li>a.urgent:before {
    background: #cf2f44;
}

.dropdown-menu.blue-outline>li>a.needs-attention:before {
    background: #e9b03b;
}

@media (max-width:480px) {
  .dropdown-menu.blue-outline>li>a {
        padding-left: 45px;
        padding-right: 10px;
    }
}

.dropdown-menu.blue-outline>li>a>div {
    font-size: 14px;
    white-space: normal;
}

.dropdown-menu.blue-outline>li>a>div>span {
        display: block;
    }

.dropdown-menu.blue-outline>li>a>div>em {
        font-style: normal;
        color: #8b8d8e;
    }

.dropdown-menu.blue-outline>li>a:hover {
    color: #fff;
}

.dropdown-menu.blue-outline>li>a:hover>div>em {
        color: #fff;
    }

.dropdown-menu.blue-outline>li:last-child>a {
    padding-left: 20px;
    font-size: 14px;
}

.dropdown-menu.blue-outline>li:last-child>a:before {
        display: none;
    }
.shorterned-accordion+.panel .accordion-toggle .shorterned-title {
    display: inline-block;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-md-5 .removeQABlock+.panel span {
    display: inline-block;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-md-5 .block-notification .table-responsive {
    padding: 10px;
    overflow-x: auto;
}

.col-md-5 .block-notification .removeQABlock+.panel span {
    display: inline-block;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-md-5 .removeQABlock+.panel span[data-ng-show="question.IsRequired"] {
    display: inline;
}

.grid-style[data-ng-grid=assignedGrid],.grid-style[data-ng-grid=unassignedGrid] {
    width: 448px;
}

.grid-style[data-ng-grid=assignedGrid] .ngFooterPanel,.grid-style[data-ng-grid=unassignedGrid] .ngFooterPanel {
  height: inherit!important;
    }

@media (max-width:639px) {
    div#rhsPopover {
        top: 117px;
    }

        div#rhsPopover.pushRHStoTop {
            top: 60px;
        }

        div#rhsPopover .well.well-lg.popover.left {
            left: -172px;
            width: 230px;
            height: 250px;
        }

        div#rhsPopover .fold {
            margin: 190px 0 0 208px;
        }

  #rhsPopover .popover.left>.arrow {
        display: none;
    }

  .panel-title>a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

  .report-designer .removeQABlock+.panel .glyphicon-chevron-right,.report-designer .removeQABlock+.panel .glyphicon-chevron-down {
        display: inline-block;
    }

  .report-designer .removeQABlock:not(.naBlock)+.panel a span,.report-designer .removeQABlock:not(.naBlock)+.panel a span {
        display: inline-block;
        width: 130px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        }

}

@media (min-width:640px) and (max-width:992px) {
    .thumb-holder:nth-child(3n+4) {
        clear: none;
    }

    .thumb-holder:nth-child(2n+3) {
        clear: both;
    }
}
.notification-cards {
    position: absolute;
    bottom: 0;
    right: 0;
    /*width: 320px;*/
    display: none;
}
.notification-cards section{margin:0;}
.notification-cards section .cke_reset{width:100%; max-width:100%;}
.question-svisit {
    padding:5px 280px 0 20px;
    /*color:#525252;*/
    position:relative;
    min-height:32px;
    display:block;
}
.question-svisit:hover{text-decoration:none;}
.question-svisit strong{line-height:normal; color: #333;}
.question-svisit .fa-question-circle{position:absolute; left:0; top:8px;}
.question-svisit .qarrow{position:absolute; right:0; top:7px; color:#67b9e8; font-size:18px;}
.icons-sec-visit{float:right; margin:0 30px 0 0; position:relative; z-index:1;}
.block-notification,.form-group.error label.error.block-notification {
    display: block;
    width: 100%;
    position: relative;
}

    .block-notification .evidences-list {
        padding: 0;
        list-style-type: none;
    }

        .block-notification .evidences-list li {
            float: left;
            padding: 10px 20px 10px 0;
        }

@media (max-width:767px) {
  .report-designer.dash-component>.block-notification .table td i+div {
        width: auto;
    }

  .block-notification .notification-cards>section:first-child,.block-notification .notification-cards>section {
    width: 99%!important;
    }
  .mar-bottom-xs{margin-bottom:10px !important;}
}

.block-notification .moon-icon-Check:before {
    margin: -3px 15px 0 -30px;
    font-size: 16px;
    color: #000;
}

.block-notification .notification-cards>section:first-child,.block-notification .notification-cards>section {
    height: auto;
    width: 95%;
    margin: 10px 0;
}

.block-notification .notification-cards>section:first-child>div,.block-notification .notification-cards>section>div {
        overflow: auto;
    }

.block-notification .notification-cards>section:first-child>div>p,.block-notification .notification-cards>section>div>p {
            white-space: normal;
        }

.block-child-edit>div {
    background-color: #fff;
    padding-top: 15px;
}

.block-child-edit>.displaying-text {
    padding-top: 0;
}

.block-child-edit>div>.form-group {
    margin-bottom: 15px;
}

.notification-cards>span {
    display: inline-block;
    position: absolute;
    z-index: 3;
    right: 12px;
    font-size: 12px;
    bottom: 10px;
    color: #8b8d8e;
}

.notification-cards>span>em {
        font-style: normal;
    }

.notification-cards>section {
    /*width: 270px;*/
    /*height: 200px;*/
    left: 30px;
    background: #fff;
    border-radius: 4px;
    padding: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: justify;
}


[data-ng-controller=ReportGeneratorDetailsController] .btn-group>.btn {
    width: 151px;
}

[data-ng-controller=ReportGeneratorDetailsController] .btn-group .btn:last-child {
    backface-visibility: hidden;
}

[data-ng-controller=ReportGeneratorDetailsController] .moon-icon-task+.moon-icon-close {
    margin: 0 9px 0 15px;
}

[data-ng-controller=ReportGeneratorDetailsController] .table .moon-icon-question-circle.pull-left {
    padding-left: 10px;
}

[data-ng-controller=ReportDesignerDetailsController] .table .glyphicon.glyphicon-arrow-up.pull-right {
    margin-right: 11px;
}

[data-ng-controller=ReportDesignerDetailsController] .table .glyphicon.glyphicon-arrow-down.pull-right {
    margin-right: 12px;
}

[data-ng-controller=ReportDesignerDetailsController] .table .moon-icon-question-circle.pull-left {
    padding-left: 15px;
}

[data-ng-controller=ReportDesignerDetailsController] .removeQABlock {
    right: 17px;
}

[data-ng-controller=ReportDesignerDetailsController] .removeQABlock+.panel .glyphicon-chevron-down,[data-ng-controller=ReportDesignerDetailsController] .removeQABlock+.panel .glyphicon-chevron-right {
        right: 88px;
    }

[data-ng-controller=ReportToolDetailsController] .table .moon-icon-question-circle.pull-left {
    padding-left: 10px;
}

.notification-cards>section.success {
    border-left: rgba(94,185,94,.2) solid 5px;
}

.notification-cards>section.warning {
    border-left: rgba(250,167,50,.2) solid 5px;
}

.notification-cards>section.danger {
    border-left: rgba(207,47,68,.2) solid 5px;
}

.notification-cards>section>a {
    display: block;
    width: 100%;
}

.notification-cards>section.urgent {
    border-color: #cf2f44;
}

.notification-cards>section.needs-attention {
    border-color: #e4a900;
}

.notification-cards>section p {
    font-size: 14px;
    color: #525252;
    margin-bottom: 2px;
}

.notification-cards>section p:first-child {
        color: #8b8d8e;
    }

.notification-cards>section h4 {
    margin-bottom: 2px;
    overflow: hidden;
    max-height: 35px;
    font-size: 16px;
    font-weight: 700;
}

.notification-cards>section:nth-child(3) {
    box-shadow: 0 0 6px rgba(0,0,0,.2);
}

.notification-cards>section:nth-child(2) {
    z-index: 1;
    /*width: 300px;*/
    top: 2px;
    left: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,.2);
}

.notification-cards>section:first-child {
    z-index: 2;
    /*width: 320px;*/
    box-shadow: 0 0 6px rgba(0,0,0,.2);
}

.notification-cards>section .close {
    position: absolute;
    top: 10px;
    right: 12px;
    outline: 0;
}


.star-para-parent p {
    font-size: 14px;
}

@media (min-width:640px) {
    .star-para-parent p {
        margin-bottom: 35px;
    }
}

@media (min-width:992px) {
    .fix-it .star-para-parent {
        margin-top: 85px;
    }
}
.upload {
    margin-top: -10px;
    margin-bottom: 20px;
}

.upload p {
        font-size: 14px;
    }

.upload ul {
        margin-bottom: 0;
    }

.upload ul li {
            color: #8b8d8e;
            font-size: 14px;
        }

.upload ul li span {
                display: inline-block;
                margin-right: 5px;
            }

.upload ul li.active {
                color: #72ce9b;
            }
.btn-holder .btn {
    display: block;
    width: 100%;
}

.btn.dropdown-toggle {
    margin: 0;
}

@media (min-width:640px) {
    .btn-holder .btn {
        width: auto;
        display: inline-block;
    }
}

@media (min-width:640px) and (max-width:780px) {
    .documents-panel .btn-holder .btn {
        margin-top: 40px;
    }
}


.btn-holder.float-it.btn,.btn-holder.float-it .btn {
        margin: 0 0 0 10px;
    }

@media(max-width:767px) {
  .btn-holder.float-it.btn,.btn-holder.float-it .btn {
        margin: 0 0 10px 0px;
    }
  .btn-holder.float-it{width:100%;}
    }

.btn-holder.float-it:before,.btn-holder.float-it:after {
    content: " ";
    display: table;
}

.btn-holder.float-it:after {
    clear: both;
}

.btn-holder.float-it:before,.btn-holder.float-it:after {
    content: " ";
    display: table;
}

.btn-holder.float-it:after {
    clear: both;
}


@media (min-width:640px) {
    .btn-holder.float-it .btn.btn-link {
        margin-top: 10px;
    }
}

output {
    display: block;
    padding-top: 8px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #525252;
    vertical-align: middle;
}
table.form-control-table {
    width: 100%;
  clear:both;
}
    table.form-control-table td {
        padding-left: 20px;
        padding-right: 20px;
    }

.thank-you p {
    margin: 0 0 40px;
}

@media (max-width:640px) {
    .btn-holder {
        /*padding-right: 20px;*/
        width: 100%;
    }

  .report-designer .table .glyphicon.glyphicon-arrow-up.pull-right,.report-designer .table .glyphicon.glyphicon-arrow-down.pull-right,.report-designer .table .glyphicon.glyphicon-remove.pull-right {
        width: 16px;
    }

  .report-designer.dash-component>.block-notification .table td i+div {
        width: 60%;
    }

  .btn-holder.float-it.btn,.btn-holder.float-it .btn {
        margin: 0 0 20px 0;
    }

  .form-group>div .btn {
        display: block;
        width: 100%;
    }


  .well.alert-info .form-group>label+div {
        max-width: 60%;
        margin: 0;
    }
}
.well.alert-info .form-group > label {
    clear: both;
    text-align: left;
    font-weight: normal;
    min-width: 200px;
}
.well.alert-info td {
    vertical-align: top;
    width: 30%;
}
.well.alert-info .form-group > label + div {
    clear: both;
    padding-right: 0px;
    font-weight: bold;
    width: 100%;
}
.well.alert-info {
    padding: 19px 19px 19px 19px;
}
    .well.alert-info > table {
        width: 100%;
    }
.table.gridTable > tbody > tr:first-child {
    background-color: #e0effa;
}
.table.gridTable tr .moon-icon-close {
    margin-left: 9px;
}
.progress-indicator>p {
    margin-bottom: 10px;
}

@media (min-width:640px) {
  .progress-indicator>p {
        display: none;
    }
}

.progress-indicator ul {
    margin-bottom: 40px;
    width: 100%;
    max-width: 840px;
}

.progress-indicator ul:before,.progress-indicator ul:after {
        content: " ";
        display: table;
    }

    .progress-indicator ul:after {
        clear: both;
    }

.progress-indicator ul:before,.progress-indicator ul:after {
        content: " ";
        display: table;
    }

    .progress-indicator ul:after {
        clear: both;
    }

@media (min-width:640px) {
    .progress-indicator ul {
        margin-top: 10px;
    }
}

.progress-indicator ul li {
    float: left;
    width: 20%;
    height: 4px;
    background: #ccc;
    position: relative;
}

    .progress-indicator ul li.dont-show {
        display: none;
    }

    .progress-indicator ul li em {
        position: absolute;
        top: -7px;
        right: 0;
        display: inline-block;
        background: #ccc;
        width: 18px;
        height: 18px;
        border: 2px solid #f5f5f5;
        border-radius: 8px;
    }

    .progress-indicator ul li:first-child {
        width: 14%;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .progress-indicator ul li:nth-child(2) {
        width: 25%;
    }

.progress-indicator ul li:nth-child(2)>span {
            right: -25px;
        }

    .progress-indicator ul li[data-emergency-contact] {
        width: 25%;
    }

.progress-indicator ul li[data-emergency-contact]>span {
            right: -60px;
        }

    .progress-indicator ul li:nth-child(4) {
        width: 25%;
    }

    .progress-indicator ul li:last-child {
        width: 11%;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

.progress-indicator ul li.completed,.progress-indicator ul li.active {
        background: #63b1e5;
    }

.progress-indicator ul li.completed em,.progress-indicator ul li.active em {
            background: #63b1e5;
        }

.progress-indicator ul li.completed em,h3.panel-title a {
            cursor: pointer;
        }

.progress-indicator ul li>span {
        display: none;
        position: absolute;
        top: 15px;
        right: -40px;
        font-size: 14px;
    }

@media (min-width:640px) {
  .progress-indicator ul li>span {
        display: block;
    }
}

.progress-indicator ul.col-2-showing li:first-child {
    width: 30%;
}

.progress-indicator ul.col-2-showing li:nth-child(2) {
    width: 40%;
}

.progress-indicator ul.col-2-showing li:last-child {
    width: 30%;
}

.progress-indicator ul.col-3-showing li {
    width: 25%;
}

    .progress-indicator ul.col-3-showing li:first-child {
        width: 26%;
    }

    .progress-indicator ul.col-3-showing li:nth-child(2) {
        width: 26%;
    }

    .progress-indicator ul.col-3-showing li:nth-child(3) {
        width: 26%;
    }

    .progress-indicator ul.col-3-showing li:last-child {
        width: 22%;
    }

.progress-indicator.fully-completed ul>li {
    background: #63b1e5;
}

.progress-indicator.fully-completed ul>li em {
        background: #63b1e5;
    }

@media (min-width:992px) {
    /*.fix-it #footer {
    margin-top: 135px;
  }*/

    .fix-it .progress-indicator {
        background: #f5f5f5;
        width: 100%;
        max-width: 1170px;
        position: fixed;
        top: 0;
        padding-top: 20px;
        z-index: 2;
        margin-bottom: 0;
        border-bottom: 2px solid #e6e6e6;
    }
}

.onboarding .progress-indicator ul lifirst-child>span {
    right: -15px;
}

.progress-indicator {
    overflow: hidden;
}/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-top: 0;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute;
    }

    .datepicker-dropdown:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #fff;
    }

.datepicker>div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker table tr td,.datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: 0;
    }

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,.datepicker table tr td.day.focused {
    background: #eee;
    cursor: pointer;
}

.datepicker table tr td.old,.datepicker table tr td.new {
    color: #999;
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default;
}

.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:focus,.datepicker table tr td.today:hover:focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover:focus,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.today,.open .dropdown-toggle.datepicker table tr td.today:hover,.open .dropdown-toggle.datepicker table tr td.today.disabled,.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
        color: #000;
        background-color: #ffcd70;
        border-color: #f59e00;
    }

.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.today,.open .dropdown-toggle.datepicker table tr td.today:hover,.open .dropdown-toggle.datepicker table tr td.today.disabled,.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
            background-image: none;
        }

.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.today,fieldset[disabled] .datepicker table tr td.today:hover,fieldset[disabled] .datepicker table tr td.today.disabled,fieldset[disabled] .datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover.disabled:hover,.datepicker table tr td.today.disabled.disabled:hover,.datepicker table tr td.today.disabled:hover.disabled:hover,.datepicker table tr td.today[disabled]:hover,.datepicker table tr td.today:hover[disabled]:hover,.datepicker table tr td.today.disabled[disabled]:hover,.datepicker table tr td.today.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.today:hover,fieldset[disabled] .datepicker table tr td.today:hover:hover,fieldset[disabled] .datepicker table tr td.today.disabled:hover,fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today:hover.disabled:focus,.datepicker table tr td.today.disabled.disabled:focus,.datepicker table tr td.today.disabled:hover.disabled:focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today:hover[disabled]:focus,.datepicker table tr td.today.disabled[disabled]:focus,.datepicker table tr td.today.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover:focus,fieldset[disabled] .datepicker table tr td.today.disabled:focus,fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today:hover.disabled:active,.datepicker table tr td.today.disabled.disabled:active,.datepicker table tr td.today.disabled:hover.disabled:active,.datepicker table tr td.today[disabled]:active,.datepicker table tr td.today:hover[disabled]:active,.datepicker table tr td.today.disabled[disabled]:active,.datepicker table tr td.today.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.today:active,fieldset[disabled] .datepicker table tr td.today:hover:active,fieldset[disabled] .datepicker table tr td.today.disabled:active,fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today:hover.disabled.active,.datepicker table tr td.today.disabled.disabled.active,.datepicker table tr td.today.disabled:hover.disabled.active,.datepicker table tr td.today[disabled].active,.datepicker table tr td.today:hover[disabled].active,.datepicker table tr td.today.disabled[disabled].active,.datepicker table tr td.today.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.today.active,fieldset[disabled] .datepicker table tr td.today:hover.active,fieldset[disabled] .datepicker table tr td.today.disabled.active,fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
            background-color: #ffdb99;
            border-color: #ffb733;
        }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover {
    background: #eee;
    border-radius: 0;
}

.datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover {
        color: #000;
        background-color: #f7ca77;
        border-color: #f1a417;
        border-radius: 0;
    }

.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:focus,.datepicker table tr td.range.today:hover:focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.range.today,.open .dropdown-toggle.datepicker table tr td.range.today:hover,.open .dropdown-toggle.datepicker table tr td.range.today.disabled,.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
            color: #000;
            background-color: #f4bb51;
            border-color: #bf800c;
        }

.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.range.today,.open .dropdown-toggle.datepicker table tr td.range.today:hover,.open .dropdown-toggle.datepicker table tr td.range.today.disabled,.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
                background-image: none;
            }

.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.range.today,fieldset[disabled] .datepicker table tr td.range.today:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover.disabled:hover,.datepicker table tr td.range.today.disabled.disabled:hover,.datepicker table tr td.range.today.disabled:hover.disabled:hover,.datepicker table tr td.range.today[disabled]:hover,.datepicker table tr td.range.today:hover[disabled]:hover,.datepicker table tr td.range.today.disabled[disabled]:hover,.datepicker table tr td.range.today.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today:hover,fieldset[disabled] .datepicker table tr td.range.today:hover:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today:hover.disabled:focus,.datepicker table tr td.range.today.disabled.disabled:focus,.datepicker table tr td.range.today.disabled:hover.disabled:focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today:hover[disabled]:focus,.datepicker table tr td.range.today.disabled[disabled]:focus,.datepicker table tr td.range.today.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover:focus,fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today:hover.disabled:active,.datepicker table tr td.range.today.disabled.disabled:active,.datepicker table tr td.range.today.disabled:hover.disabled:active,.datepicker table tr td.range.today[disabled]:active,.datepicker table tr td.range.today:hover[disabled]:active,.datepicker table tr td.range.today.disabled[disabled]:active,.datepicker table tr td.range.today.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.range.today:active,fieldset[disabled] .datepicker table tr td.range.today:hover:active,fieldset[disabled] .datepicker table tr td.range.today.disabled:active,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today:hover.disabled.active,.datepicker table tr td.range.today.disabled.disabled.active,.datepicker table tr td.range.today.disabled:hover.disabled.active,.datepicker table tr td.range.today[disabled].active,.datepicker table tr td.range.today:hover[disabled].active,.datepicker table tr td.range.today.disabled[disabled].active,.datepicker table tr td.range.today.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.range.today.active,fieldset[disabled] .datepicker table tr td.range.today:hover.active,fieldset[disabled] .datepicker table tr td.range.today.disabled.active,fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #f7ca77;
                border-color: #f1a417;
            }

.datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #999;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:focus,.datepicker table tr td.selected:hover:focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.selected,.open .dropdown-toggle.datepicker table tr td.selected:hover,.open .dropdown-toggle.datepicker table tr td.selected.disabled,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
        color: #fff;
        background-color: #858585;
        border-color: #373737;
    }

.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.selected,.open .dropdown-toggle.datepicker table tr td.selected:hover,.open .dropdown-toggle.datepicker table tr td.selected.disabled,.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
            background-image: none;
        }

.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.selected,fieldset[disabled] .datepicker table tr td.selected:hover,fieldset[disabled] .datepicker table tr td.selected.disabled,fieldset[disabled] .datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover.disabled:hover,.datepicker table tr td.selected.disabled.disabled:hover,.datepicker table tr td.selected.disabled:hover.disabled:hover,.datepicker table tr td.selected[disabled]:hover,.datepicker table tr td.selected:hover[disabled]:hover,.datepicker table tr td.selected.disabled[disabled]:hover,.datepicker table tr td.selected.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected:hover,fieldset[disabled] .datepicker table tr td.selected:hover:hover,fieldset[disabled] .datepicker table tr td.selected.disabled:hover,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected:hover.disabled:focus,.datepicker table tr td.selected.disabled.disabled:focus,.datepicker table tr td.selected.disabled:hover.disabled:focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected:hover[disabled]:focus,.datepicker table tr td.selected.disabled[disabled]:focus,.datepicker table tr td.selected.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover:focus,fieldset[disabled] .datepicker table tr td.selected.disabled:focus,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected:hover.disabled:active,.datepicker table tr td.selected.disabled.disabled:active,.datepicker table tr td.selected.disabled:hover.disabled:active,.datepicker table tr td.selected[disabled]:active,.datepicker table tr td.selected:hover[disabled]:active,.datepicker table tr td.selected.disabled[disabled]:active,.datepicker table tr td.selected.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.selected:active,fieldset[disabled] .datepicker table tr td.selected:hover:active,fieldset[disabled] .datepicker table tr td.selected.disabled:active,fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected:hover.disabled.active,.datepicker table tr td.selected.disabled.disabled.active,.datepicker table tr td.selected.disabled:hover.disabled.active,.datepicker table tr td.selected[disabled].active,.datepicker table tr td.selected:hover[disabled].active,.datepicker table tr td.selected.disabled[disabled].active,.datepicker table tr td.selected.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.selected.active,fieldset[disabled] .datepicker table tr td.selected:hover.active,fieldset[disabled] .datepicker table tr td.selected.disabled.active,fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
            background-color: #999;
            border-color: #555;
        }

.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:focus,.datepicker table tr td.active:hover:focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e;
    }

.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td.active,.open .dropdown-toggle.datepicker table tr td.active:hover,.open .dropdown-toggle.datepicker table tr td.active.disabled,.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
            background-image: none;
        }

.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td.active,fieldset[disabled] .datepicker table tr td.active:hover,fieldset[disabled] .datepicker table tr td.active.disabled,fieldset[disabled] .datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover.disabled:hover,.datepicker table tr td.active.disabled.disabled:hover,.datepicker table tr td.active.disabled:hover.disabled:hover,.datepicker table tr td.active[disabled]:hover,.datepicker table tr td.active:hover[disabled]:hover,.datepicker table tr td.active.disabled[disabled]:hover,.datepicker table tr td.active.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td.active:hover,fieldset[disabled] .datepicker table tr td.active:hover:hover,fieldset[disabled] .datepicker table tr td.active.disabled:hover,fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active:hover.disabled:focus,.datepicker table tr td.active.disabled.disabled:focus,.datepicker table tr td.active.disabled:hover.disabled:focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active:hover[disabled]:focus,.datepicker table tr td.active.disabled[disabled]:focus,.datepicker table tr td.active.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover:focus,fieldset[disabled] .datepicker table tr td.active.disabled:focus,fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active:hover.disabled:active,.datepicker table tr td.active.disabled.disabled:active,.datepicker table tr td.active.disabled:hover.disabled:active,.datepicker table tr td.active[disabled]:active,.datepicker table tr td.active:hover[disabled]:active,.datepicker table tr td.active.disabled[disabled]:active,.datepicker table tr td.active.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td.active:active,fieldset[disabled] .datepicker table tr td.active:hover:active,fieldset[disabled] .datepicker table tr td.active.disabled:active,fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active:hover.disabled.active,.datepicker table tr td.active.disabled.disabled.active,.datepicker table tr td.active.disabled:hover.disabled.active,.datepicker table tr td.active[disabled].active,.datepicker table tr td.active:hover[disabled].active,.datepicker table tr td.active.disabled[disabled].active,.datepicker table tr td.active.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td.active.active,fieldset[disabled] .datepicker table tr td.active:hover.active,fieldset[disabled] .datepicker table tr td.active.disabled.active,fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
            background-color: #428bca;
            border-color: #357ebd;
        }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

    .datepicker table tr td span:hover {
        background: #eee;
    }

.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: #999;
        cursor: default;
    }

.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover {
        color: #fff;
        background-color: #428bca;
        border-color: #357ebd;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    }

.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover:focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td span.active,.open .dropdown-toggle.datepicker table tr td span.active:hover,.open .dropdown-toggle.datepicker table tr td span.active.disabled,.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
            color: #fff;
            background-color: #3276b1;
            border-color: #285e8e;
        }

.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.open .dropdown-toggle.datepicker table tr td span.active,.open .dropdown-toggle.datepicker table tr td span.active:hover,.open .dropdown-toggle.datepicker table tr td span.active.disabled,.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
                background-image: none;
            }

.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled],fieldset[disabled] .datepicker table tr td span.active,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active.disabled,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active[disabled]:hover,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active.disabled:hover[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active:hover.disabled:active,.datepicker table tr td span.active.disabled.disabled:active,.datepicker table tr td span.active.disabled:hover.disabled:active,.datepicker table tr td span.active[disabled]:active,.datepicker table tr td span.active:hover[disabled]:active,.datepicker table tr td span.active.disabled[disabled]:active,.datepicker table tr td span.active.disabled:hover[disabled]:active,fieldset[disabled] .datepicker table tr td span.active:active,fieldset[disabled] .datepicker table tr td span.active:hover:active,fieldset[disabled] .datepicker table tr td span.active.disabled:active,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active:hover.disabled.active,.datepicker table tr td span.active.disabled.disabled.active,.datepicker table tr td span.active.disabled:hover.disabled.active,.datepicker table tr td span.active[disabled].active,.datepicker table tr td span.active:hover[disabled].active,.datepicker table tr td span.active.disabled[disabled].active,.datepicker table tr td span.active.disabled:hover[disabled].active,fieldset[disabled] .datepicker table tr td span.active.active,fieldset[disabled] .datepicker table tr td span.active:hover.active,fieldset[disabled] .datepicker table tr td span.active.disabled.active,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
                background-color: #428bca;
                border-color: #357ebd;
            }

.datepicker table tr td span.old,.datepicker table tr td span.new {
        color: #999;
    }

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover {
        background: #eee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-group.date .input-group-addon i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.input-group.date .input-group-addon i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

@media (min-width:640px) {
    .the-result-title {
        margin-bottom: 50px;
    }
}

.search-results {
    margin-bottom: 20px;
}

.search-results:before,.search-results:after {
        content: " ";
        display: table;
    }

    .search-results:after {
        clear: both;
    }

/*.search-results:before,.search-results:after {
        content: " ";
        display: table;
    }

    .search-results:after {
        clear: both;
    }

    .search-results .results-displaying {
        width: 100%;
        float: right;
    }

.search-results .results-displaying>div {
            padding-left: 0;
        }

@media (min-width:640px) {
  .search-results .results-displaying>div {
        padding-left: 260px;
    }
}

@media (min-width:992px) {
  .search-results .results-displaying>div {
        padding-left: 300px;
    }
}

.search-results .results-displaying>div section {
    padding-top: 36px;
    margin-bottom: 36px;
    border-top: 2px solid #e6e6e6;
}
.search-results .results-displaying>div section:first-child {
        border-top: 0;
        padding-top: 0;
    }

.search-results .results-displaying>div section.pagination-section {
        text-align: right;
        margin-top:-36px; margin-bottom:0;
    }

.search-results .results-displaying>div section.pagination-section ul {
            margin: 0;
        }

.search-results .results-displaying>div section.top-section>div:before,.search-results .results-displaying>div section.top-section>div:after {
        content: " ";
        display: table;
    }

.search-results .results-displaying>div section.top-section>div:after {
        clear: both;
    }

.search-results .results-displaying>div section.top-section>div:before,.search-results .results-displaying>div section.top-section>div:after {
        content: " ";
        display: table;
    }

.search-results .results-displaying>div section.top-section>div:after {
        clear: both;
    }

.search-results .results-displaying>div section.top-section>div h4 {
        float: left;
        margin-bottom: 45px;
        max-width: 75%;
    }

@media (min-width:640px) {
  .search-results .results-displaying>div section.top-section>div h4 {
        max-width: 100%;
    }
}

.search-results .results-displaying>div section.top-section>div a {
    float: right;
    margin-top: 4px;
}

@media (min-width:640px) {
  .search-results .results-displaying>div section.top-section>div a {
        display: none;
    }
}

.search-results .results-displaying>div section.top-section>div a span {
    top: 2px;
}

.results-section {
    min-height: 680px;
}*/

/*.search-results .results-displaying>div section.results-section>div>p {
  padding: 0; margin: 5px 0 15px;background: #e4e4e4;
}

.search-results .results-displaying>div section.results-section>div>p:before,.search-results .results-displaying>div section.results-section>div>p:after {
        content: " ";
        display: table;
    }

.search-results .results-displaying>div section.results-section>div>p:after {
        clear: both;
    }

.search-results .results-displaying>div section.results-section>div>p:before,.search-results .results-displaying>div section.results-section>div>p:after {
        content: " ";
        display: table;
    }

.search-results .results-displaying>div section.results-section>div>p:after {
        clear: both;
    }

.search-results .results-displaying>div section.results-section>div>p:nth-child(odd) {
        background: #fafafa;
    }

.search-results .results-displaying>div section.results-section>div>p>span {
        float: left;
        padding: 15px 15px 15px 5px;
        width: 85%;
    }

.search-results .results-displaying>div section.results-section>div>p>span:first-child {
            float: none;
            width: 100%;
            padding: 10px 5px 10px 10px;
            background-color: #DAE8F6;
            display: block;
        }

.search-results .results-displaying>div section.results-section>div>p>span:last-child span {
            display: block;
            color: #8b8d8e;
            font-size: 12px;
            height: 36px;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: normal;
        }

.search-results .results-displaying>div section.results-section>div>p.pdf>span:last-child span {
        color: #cf2f44;
    }

.search-results .results-displaying>div section.results-section>div>p.xlsx>span:last-child span {
        color: #026b5e;
    }*/

/*.search-results .results-displaying>div section h4 {
    margin-bottom: 25px;
}

@media (min-width:640px) {
  .search-results .results-displaying>div section h4 {
        margin-bottom: 35px;
    }
}

.search-results .results-displaying>div section h4.rel-actions {
    margin-bottom: 45px;
    max-width: 100%;
}

.search-results .results-displaying>div section h4.rel-actions a {
        display: inline-block;
        position: relative;
        padding-left: 62px;
    }

.search-results .results-displaying>div section h4.rel-actions a span {
            display: inline-block;
            font-size: 36px;
            position: absolute;
            top: 50%;
            margin-top: -18px;
            left: 0;
        }

.search-results .results-displaying>div section p {
    margin-bottom: 20px;
}*/

.search-results .filter-side-nav {
    width: 245px;
    margin-right: -245px;
    float: left;
    display: none;
    border-right: 1px solid #555;
}

.search-results .filter-side-nav>form {
        width: 225px;
    }

.search-results .filter-side-nav div>a {
        margin-top: 30px;
    }

@media (min-width:640px) {
    .search-results .filter-side-nav {
        display: block;
    }
}

.search-results .filter-side-nav h4 {
    margin-bottom: 5px;
    margin-top: 20px;
}

.search-results .filter-side-nav label,.search-results .filter-side-nav .form-control {
    font-size: 14px;
}

.search-results .filter-side-nav select {
    margin-bottom: 10px;
    height: 34px;
}

    .search-results .filter-side-nav select.bigger-marg {
        margin-bottom: 15px;
    }

@media (max-width:639px) {
  .main-dashboard main>.container {
        padding: 0;
        overflow-x: hidden;
    }
}

@media (max-width:991px) {
  ul.dropdown-menu.blue-outline:after,.dropdown-menu.blue-outline:before {
        right: 13px;
        left: auto;
    }
}

@media (max-width:1840px) {
  .dropdown-menu.blue-outline:after,.dropdown-menu.blue-outline:before {
        right: 8%;
        left: auto;
    }
    }
.dash-component {
    margin: 0 0 40px;
    width: 100%;
    float: left;
    padding: 0 15px;
    font-size: 14px;
    position: relative;
}

@media (min-width:640px) and (max-width:780px) {
    .dash-component.ng-isolate-scope {
        width: 100%;
        margin-bottom: 60px;
        padding-left: 0;
    }
}

.dash-component>div {
    position: relative;
}

.dash-component:before {
    content: '';
    position: absolute;
    width: 90%;
    height: 230px;
    border: 1px dashed #525252;
    display: none;
    left: 20px;
}

@media (min-width:640px) {
    .dash-component {
        width: 49.9%;
    }

        .dash-component.col-span-2 {
            width: 100%;
        }
}

@media (min-width:992px) {
    .dash-component {
        width: 33.2%;
    }

        .dash-component.col-span-2 {
            width: 66.64%;
        }
}

.col-span-2.col-md-8 {
    position: inherit;
}

.col-span-2.col-md-8>section {
        background-color: #fff;
        padding: 15px 0;
    }

@media (min-width:1200px) {
    .dash-component {
        padding: 0 20px;
    }
}

.dash-component .table {
    border-bottom: 1px solid #e6e6e6;
}
.dash-component .table>thead>tr>th,.dash-component .table>tbody>tr>th,.dash-component .table>tfoot>tr>th,.dash-component .table>thead>tr>td,.dash-component .table>tbody>tr>td,.dash-component .table>tfoot>tr>td {
    padding-left: 15px;
}

@media (min-width:1200px) {
  .dash-component .table>thead>tr>th,.dash-component .table>tbody>tr>th,.dash-component .table>tfoot>tr>th,.dash-component .table>thead>tr>td,.dash-component .table>tbody>tr>td,.dash-component .table>tfoot>tr>td,[data-ng-repeat~=company][data-ng-repeat~=in][data-ng-repeat~=assignedCompanies]>td,[data-ng-repeat~=company][data-ng-repeat~=in][data-ng-repeat~=nonAssignedCompanies]>td {
        padding-left: 20px;
    }
}

.dash-component.side-nav-dash a,.dash-component.side-nav-dash .span-mod {
    padding-top: 13px;
    padding-bottom: 13px;
    display: block;
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    font-size: 20px;
}

.dash-component.side-nav-dash a span,.dash-component.side-nav-dash .span-mod span,.list-group>.list-group-item span {
        width: 16px;
        height: 20px;
        position: absolute;
        top: 15px;
        right: 20px;
        display: inline-block;
        font-size: 16px;
    }

.panel-heading > .panel-title i {
    float: right;
}

/*#atlasForm .panel-heading > .panel-title i {
    font-size: 28px;
    line-height:30px;
}*/
#atlasForm .panel-heading > .panel-title .fa-angle-up,
#atlasForm .panel-heading > .panel-title .fa-angle-down{
    font-size:40px;
    margin-top:-16px;
}
.dash-component.side-nav-dash .available-modules {
    display: none;
}

    .dash-component.side-nav-dash .available-modules a {
        color: #525252;
    }

        .dash-component.side-nav-dash .available-modules a.dont-show {
            display: none;
        }

        .dash-component.side-nav-dash .available-modules a em {
            position: absolute;
            top: 0;
            right: 0;
            width: 50px;
            height: 100%;
            display: block;
            cursor: pointer;
        }

            .dash-component.side-nav-dash .available-modules a em:before {
                display: inline-block;
                content: '';
                width: 11px;
                height: 11px;
                position: absolute;
                top: 50%;
                margin-top: -5px;
                right: 20px;
                background: url(/Content/images/sprite.svg?v2) no-repeat;
                background-size: 300px 250px;
                text-indent: -9999px;
                overflow: hidden;
                background-position: -250px 0;
            }
.dash-component.side-nav-dash .available-modules a:hover {
    color: #63b1e5;
}

    .dash-component.side-nav-dash .available-modules a:hover em:before {
        background: url(/Content/images/sprite.svg?v2) no-repeat;
        background-size: 300px 250px;
        text-indent: -9999px;
        overflow: hidden;
        background-position: 0 -50px;
    }

.dash-component.side-nav-dash .available-modules p {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

.dash-component.side-nav-dash .available-modules.empty p {
    display: block;
}
.dash-component.handy-quick-links>div {
    background: 0 0;
}

.dash-component.handy-quick-links>div>a {
        display: block;
        padding: 24px 50px 25px 100px;
        font-size: 20px;
        margin-bottom: 1px;
        background: #fff;
        position: relative;
        line-height: 1.1;
    }

.dash-component.handy-quick-links>div>a span {
            font-size: 36px;
            position: absolute;
            top: 30px;
            left: 30px;
        }

.dash-component.contact-options section h4 {
    position: relative;
    margin-bottom: 0;
    background: #fff;
}

.dash-component.contact-options section h4 a,.dash-component.panel-group .panel>div:first-child,.dash-component.panel-group .panel>form {
        color: #525252;
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .dash-component.contact-options section h4 span {
        font-size: 14px;
        position: absolute;
        top: 18px;
        right: 20px;
    }

.dash-component.panel-group section .panel {
    margin-bottom: 10px;
    background: #fff;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
}

    .dash-component.panel-group section .panel .container {
        border-top: 1px solid #e6e6e6;
    }

.dash-component.contact-options section.your-consultant {
    background: #fff;
}

    .dash-component.contact-options section.your-consultant h4 {
        padding: 15px 0;
    }

.dash-component.contact-options section.your-consultant>div {
        padding: 0 0 20px;
    }

.dash-component.contact-options section.your-consultant>div.the-person {
            position: relative;
            padding-left: 100px;
            font-size: 14px;
        }

.dash-component.contact-options section.your-consultant>div.the-person p {
                margin-bottom: 10px;
            }

.dash-component.contact-options section.your-consultant>div.the-person>img {
                width: 80px;
                height: 80px;
                position: absolute;
                left: 0;
            }

.dash-component.contact-options section.your-consultant>div.btn-holder a {
            float: left;
            margin: 0;
        }

.dash-component.contact-options section.your-consultant>div.btn-holder a span {
                top: 2px;
                margin-right: 3px;
            }

.dash-component.contact-options section.your-consultant>div.btn-holder a:nth-child(2) {
                float: right;
            }

.dash-component.contact-options section form .form-control {
    font-size: 14px;
}

.dash-component.contact-options section form .form-group {
    margin-bottom: 15px;
}

.dash-component.contact-options section form .btn-holder {
    padding-bottom: 20px;
}

.dash-component.contact-options .dash-overlay {
    opacity: .9;
}

.well>ul {
    padding: 0;
}

.tree.well {
    padding: 0;
    background: 0 0;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0;
    position: relative;
}

.tree li::before,.tree li::after {
        content: '';
        left: -20px;
        position: absolute;
        right: auto;
    }

    .tree li::before {
        border-left: 1px solid #999;
        bottom: 50px;
        height: 100%;
        top: 0;
        width: 1px;
    }

    .tree li::after {
        border-top: 1px solid #999;
        height: 20px;
        top: 25px;
        width: 25px;
    }

    .tree li span {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #999;
        border-radius: 5px;
        display: inline-block;
        padding: 3px 8px;
        text-decoration: none;
    }

.tree li.parent_li>span {
        cursor: pointer;
    }

.tree>ul>li::before,.tree>ul>li::after {
    border: 0;
}

.tree li:last-child::before {
    height: 65%;
}

.tree li.parent_li>span:hover,.tree li.parent_li>span:hover+ul li span {
    background: #eee;
    border: 1px solid #94a0b4;
    color: #000;
}

.dash-component.previous-actions>div,.dash-component.your-tasks>div,.dash-component.welcome>div {
    background: #fff;
    padding: 15px 0;
}

@media (max-width:855px) {
    .welcome {
        width: 100%;
    }
}

.dash-component.previous-actions>div>div>a {
    text-align: right;
    display: block;
}

.dash-component.your-tasks>div .your-tasks-title {
    position: relative;
}

.dash-component.your-tasks>div .your-tasks-title h4 {
        display: inline-block;
        margin-right: 15px;
    }

@media (max-width:639px) {
  .dash-component.your-tasks>div .your-tasks-title h4 {
        padding-left: 25px;
    }

  .dash-component.your-tasks>div .your-tasks-title h4 strong {
            display: block;
        }
}

.dash-component.your-tasks>div .your-tasks-title>span {
    margin-top: 4px;
    margin-right: 15px;
}

.text-center .circle {
    margin: 10px 0 0 15px;
}

.ng-grid-style.table.dash-grid {
    padding: 0;
}

.dash-grid,.dash-grid .ngViewport {
  height: auto!Important;
    max-height: auto !Important;
    overflow: visible;
}

/*.grid-style>.ngTopPanel+.ngViewport {
    max-height: 540px;
}*/
[data-ng-show=tasktoggle] {
    margin-top: 57px;
}

@media (max-width:639px) {
  .dash-component.your-tasks>div .your-tasks-title>span:first-child {
        position: absolute;
        top: 23px;
        left: 15px;
    }
}

@media (max-width:639px) {
  .dash-component.your-tasks>div .your-tasks-title>a {
        display: block;
        margin-bottom: 20px;
        padding-left: 25px;
    }
}

.table .circle {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #525252;
    border-radius: 7px;
}

.circle.red {
    background: #cf2f44;
}

.circle.yellow {
    background: #e9b03b;
}

.circle.green {
    background: #72ce9b;
}

.dash-component.your-tasks>div .table tr td:first-child {
    width: 20px;
}

.dash-component.your-tasks>div .new-task-line {
    display: none;
}

#task-table {
    color: #525252;
}

@media (min-width:640px) and (max-width:780px) {
    #task-table .col-md-11 {
        width: 99%;
    }

    #task-table .row {
        margin-left: 0;
    }
}

.dash-component.your-tasks>div .new-task-line:before,.dash-component.your-tasks>div .new-task-line:after {
    content: " ";
    display: table;
}

.dash-component.your-tasks>div .new-task-line:after {
    clear: both;
}

.dash-component.your-tasks>div .new-task-line:before,.dash-component.your-tasks>div .new-task-line:after {
    content: " ";
    display: table;
}

.dash-component.your-tasks>div .new-task-line:after {
    clear: both;
}

@media (min-width:640px) {
  .dash-component.your-tasks>div .new-task-line>div:first-child {
        width: 100%;
        float: left;
    }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div {
            padding-right: 205px;
            margin-left: -20px;
        }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div:before,.dash-component.your-tasks>div .new-task-line>div:first-child>div:after {
                content: " ";
                display: table;
            }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div:after {
                clear: both;
            }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div:before,.dash-component.your-tasks>div .new-task-line>div:first-child>div:after {
                content: " ";
                display: table;
            }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div:after {
                clear: both;
            }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div div {
                float: left;
                width: 34%;
                padding-left: 20px;
            }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div div .form-control {
                    font-size: 14px;
                }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div div:first-child {
                    width: 66%;
                }

  .dash-component.your-tasks>div .new-task-line>div:first-child>div div:first-child input {
                        margin-right: 20px;
                    }

  .dash-component.your-tasks>div .new-task-line>div:last-child {
        width: 185px;
        margin-left: -185px;
        float: right;
    }
}

@media (max-width:639px) {
  .dash-component.your-tasks>div .new-task-line>div:first-child>div div:first-child input {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.dash-component.your-tasks>div .new-task-line.show {
    display: block;
}

.dash-component.your-tasks>div .btn-holder .init-a-task {
    position: relative;
    display: inline-block;
}

@media (min-width:640px) {
  .dash-component.your-tasks>div .btn-holder .init-a-task {
        float: right;
    }
}

.dash-component.your-tasks>div .btn-holder .init-a-task.dont-show {
    display: none;
}

@media (max-width:639px) {
  .dash-component.your-tasks>div .btn-holder .btn-link {
        margin-bottom: 0;
    }

  .dash-component.your-tasks>div .btn-holder .btn-link:hover {
            border-color: #fff;
        }
}

@media (min-width:640px) {
  .dash-component.your-tasks>div .btn-holder .btn-link {
        margin-top: 10px;
        float: right;
    }
}

.dash-component.dash-carousel>div {
    padding: 15px 0;
    background: #fff;
    min-height: 230px;
}

.dash-component.dash-carousel>div>h4 {
        margin-bottom: 20px;
    }

.dash-component.dash-carousel>div .carousel .carousel-inner>div {
        padding: 0 30px;
    }

.dash-component.dash-carousel>div .carousel-control {
        width: 50px;
        color: #525252;
        text-align: left;
        text-shadow: none;
        opacity: 1;
        font-size: 16px;
        background-image: none;
    }

.dash-component.dash-carousel>div .carousel-control .glyphicon {
            top: 8px;
            left: 50%;
            margin-left: -8px;
        }

.dash-component.dash-news>div,.dash-templates>div,.form-mask>.the-section.current-section:not(.alert-info):not(#employee-details),.dash-component.template-details-actions:not(.no-background) {
    padding: 10px 0;
}

.template-repository.dash-templates>div {
    padding-bottom: 0;
}

/*@media (min-width:0) {
    .backToTop {
        display: none;
    }
}*/


@media (min-width:992px) {
    .backToTop {
        display: block;
    }
}

.fixed-rhs.scroll-fix-rhs {
    top: 0;
    margin-top: 0;
}

@media (min-width:640px) {
    .fixed-rhs {
        position: relative;
        margin: 0;
        width: 100%;
    }
}

@media (min-width:992px) {
    .fixed-rhs {
        position: absolute;
        margin: 0 0 0 66%;
        width: 370px;
    }

        .fixed-rhs.scroll-fix-rhs {
            position: fixed;
        }
}

@media (min-width:1147px) {
    .fixed-rhs {
        margin: 60px 0 0 760px;
    }

        .fixed-rhs.scroll-fix-rhs {
            position: fixed;
        }
}

@media (min-width:1200px) {
    .fixed-rhs {
        margin: 60px 0 0 760px;
    }

        .fixed-rhs.scroll-fix-rhs {
            position: fixed;
        }
}

.fixed-lhs.scroll-fix-lhs {
    top: 0;
    margin-top: 0;
}

.fixed-lhs.scroll-fix-lhs+.dash-component.col-span-2 {
        margin-left: 33.3%;
    }

@media (min-width:640px) {
    .fixed-lhs {
        position: relative;
        margin: 0;
        width: 100%;
    }
}

.col-md-7.report-designer.dash-component .table td i + div,
.col-md-7.report-designer .table td i + div,
.col-md-5.report-designer.dash-component .table td i + div,
.col-md-5.report-designer .table td i + div {
    max-width: 68%;
}
    .col-md-7.report-designer .table td i + div > div + div,
    .col-md-5.report-designer .table td i + div > div + div {
        width: 340px;
    }

@media (max-width:600px) {
    td div[data-ng-switch="question.Type"] textarea {
        margin-left: 0;
    }

  .report-designer.col-md-12 .table td i+div {
        max-width: 100%;
    }

  .report-designer.col-md-12 div.panel-body td.question-priority+td div.safety-na {
        position: relative;
        right: initial;
    }

  .report-designer.col-md-12 div.panel-body td.question-priority+td div.safety-na>button {
            min-width: 100%;
        }

  .report-designer.col-md-12 div.panel-body td.question-priority+td div[data-ng-switch="question.Type"] {
        width: 100%;
    }

  .report-designer.col-md-12 div.panel-body td.question-priority+td div[data-ng-switch="question.Type"] .btn-group-vertical {
            position: relative;
            right: initial;
            min-width: 100%;
        }
}

div[data-ng-switch="question.Type"] textarea {
    margin-left: 30px;
    line-height: 17px;
}


@media (max-width:992px) {
  .report-designer .table td i+div textarea.form-control {
        position: absolute;
    }

    #task-table textarea.form-control {
        position: static;
    }

    div#rhsPopover {
        top: 227px;
    }

        div#rhsPopover.pushRHStoTop {
            top: 60px;
        }

        div#rhsPopover .fold {
            margin: 420px 0 0 308px;
        }

  .report-designer.dash-component .table td i+div,.report-designer .table td i+div {
        max-width: 100%;
    }

    div#rhsPopover .well.well-lg.popover.left {
        top: -210px;
    }

    div.pushRHStoTop#rhsPopover .well.well-lg.popover.left {
        top: -51px;
    }

  .fixed-lhs>.dash-component {
        width: 100%;
    }

  .fixed-lhs.scroll-fix-lhs+.dash-component.col-span-2 {
        margin-left: 0;
    }
}

@media (min-width:1222px) {
  div.fixed-lhs.scroll-fix-lhs>div {
        width: 373px;
    }
}

@media (min-width:992px) {
    .fixed-lhs.scroll-fix-lhs {
        position: fixed;
        width: 73%;
    }

  .fixed-lhs.scroll-fix-lhs>div {
            width: 32.2%;
            margin-top: 0;
        }

  .fix-it .fixed-lhs.scroll-fix-lhs>div {
        margin-top: 105px;
    }
}

@media (min-width:1147px) {
    .fixed-lhs.scroll-fix-lhs {
        position: fixed;
    }
}

@media (min-width:1200px) {
    .fixed-lhs.scroll-fix-lhs {
        position: fixed;
        z-index: 1;
    }
}

.backToTop {
    position: fixed;
    bottom: 0;
    right: 0;
    margin-bottom:40px;
    z-index:99;
}

.backToTop>a {
        font-size: 64px;
        margin-right: 40px;
        color: #888;
        height: 40px;
        line-height: 40px;
        display: block;
    }
@media (max-width:991px) {
    .backToTop > a {
        font-size:40px;
    }
}
.backToTop>a i{line-height:40px;}
.backToTopBase {
    margin-bottom: 65px;
}

.previewBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    -ms-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -ms-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
    margin: 60px 20px 20px 80px;
}
@media (min-width:1025px){
    .previewBox {
        margin: 60px 20px 20px 220px;
    }

}
@media (max-width:767px){
    .previewBox {
        margin: 60px 20px 20px 20px;
    }

}
.previewBox .preview-header {
    -ms-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -ms-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    background: #e0effa;
    padding: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    z-index: 1;
}
    .previewBox .preview-header h3 {
        padding-top: 5px;
        float: left;
        margin:0;
    }
.previewBox iframe {
    flex-grow: 2;
    flex-shrink: 2;
    border: none;
    background: white;
    width: 100%;
    height: 100%;
}

.sitevisit-previewbox .previewWrapper {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    height: 100%;
}

.sitevisit-previewbox .previewFrame {
    height: 98% !important;
}

.dash-component.dash-news > div > h4 {
    margin-bottom: 20px;
}
.dash-component.dash-news > div .table tbody tr:nth-child(even) {
    background: #fcfcfc;
}
.dash-component.dash-news > div .table tbody tr:first-child {
    border-top: 0;
}
    .dash-component.dash-news > div .table tbody tr:first-child td {
        border-top: 0;
    }
.dash-component.dash-news > div .pag-holder:before,
.dash-component.dash-news > div .pag-holder:after {
    content: " ";
    display: table;
}
.dash-component.dash-news > div .pag-holder:after {
    clear: both;
}
.dash-component.dash-news > div .pag-holder:before,
.dash-component.dash-news > div .pag-holder:after {
    content: " ";
    display: table;
}
.dash-component.dash-news > div .pag-holder:after {
    clear: both;
}
.dash-component.dash-news > div .pag-holder > ul {
    float: right;
    margin-top: 0;
}

@media (max-width: 700px) {
    #rhsPopover div.moon-icon-laptop {
        right: 0;
    }
}
.ui-state-highlight {
    height: 200px;
    width: 33.33%;
    position: relative;
    float: left;
    padding: 0 15px;
}
@media (min-width: 1200px) {
    .ui-state-highlight {
        padding: 0 20px;
    }
}
@media (max-width: 639px) {
    .ui-state-highlight {
        padding: 0;
    }
}
.ui-state-highlight:before {
    position: absolute;
    width: 90%;
    height: 88%;
    margin-right: 40px;
    content: '';
    left: 15px;
    display: block;
    border: 3px dashed #ddd;
}
@media (min-width: 1200px) {
    .ui-state-highlight:before {
        left: 20px;
    }
}
@media (max-width: 639px) {
    .ui-state-highlight:before {
        width: 100%;
    }
}
.ui-state-highlight.spans-2:before {
    width: 95%;
}
@media (max-width: 639px) {
    .ui-state-highlight.spans-2:before {
        width: 100%;
    }
}
.ui-sortable-helper > div {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.dash-overlay {
    position: absolute !Important;
    background: #ffffff;
    top: 0;
    left: 0;
    cursor: move;
    height: 0px;
    width: 0px;
    overflow: hidden;
}
.dash-overlay.no-cursor {
    cursor: default;
}
.panel-heading.dragarea > p {
    padding: 15px 10px 5px 10px;
}
.dash-overlay .drag-handler {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
    .dash-overlay .drag-handler:before {
        content: '';
        display: inline-block;
        background: url(/Content/images/sprite.svg?v2) no-repeat;
        background-size: 300px 250px;
        text-indent: -9999px;
        overflow: hidden;
        background-position: -200px 0px;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 20px;
        left: 20px;
    }
.dash-overlay .close {
    position: absolute;
    top: 16px;
    right: 20px;
    color: #525252;
    opacity: 1;
}
.dash-overlay h4 {
    position: absolute;
    width: 100%;
    height: 22px;
    top: 50%;
    left: 0;
    margin-top: -11px;
    text-align: center;
}
@media (max-width: 991px) {
    #task-table .notification-cards > section {
        width: 100%;
        /*margin-left: 30px;*/
    }
}
.start-using-dash {
    z-index: 1042;
    position: fixed;
    bottom: 0;
    height: 74px;
    padding: 20px 15px;
    text-align: center;
    background: #ffffff;
    width: 100%;
    display: none;
}
.back-to-top {
    position: fixed;
    bottom: 5em;
    right: 0px;
    color: #ffffff;
    background-color: #01598f;
    font-size: 12px;
    padding: 10px 15px;
    display: none;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
}
@media (max-width: 639px) {
    .back-to-top {
        display: none !important;
    }
}
.back-to-top:hover {
    background-color: #013352;
}
.previewBox .moon-icon-close {
    cursor: pointer;
    float: right;
    padding: 10px;
    color: #D52828;
}



.dash-component.dash-news>div>h4 {
    margin-bottom: 20px;
}

.dash-component.dash-news>div .table tbody tr:nth-child(even) {
    background: #fcfcfc;
}

.dash-component.dash-news>div .table tbody tr:first-child {
    border-top: 0;
}

.dash-component.dash-news>div .table tbody tr:first-child td {
        border-top: 0;
    }

.dash-component.dash-news>div .pag-holder:before,.dash-component.dash-news>div .pag-holder:after {
    content: " ";
    display: table;
}

.dash-component.dash-news>div .pag-holder:after {
    clear: both;
}

.dash-component.dash-news>div .pag-holder:before,.dash-component.dash-news>div .pag-holder:after {
    content: " ";
    display: table;
}

.dash-component.dash-news>div .pag-holder:after {
    clear: both;
}

.dash-component.dash-news>div .pag-holder>ul {
    float: right;
    margin-top: 0;
}

@media (max-width:700px) {
    #rhsPopover div.moon-icon-laptop {
        right: 0;
    }
}
.ui-sortable-helper>div {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.dash-overlay {
  position: absolute!Important;
    background: #fff;
    top: 0;
    left: 0;
    cursor: move;
    height: 0;
    width: 0;
    overflow: hidden;
}
.dash-overlay.no-cursor {
    cursor: default;
}

.panel-heading.dragarea>p {
    padding: 15px 10px 5px;
}

.dash-overlay .drag-handler {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

    .dash-overlay .drag-handler:before {
        content: '';
        display: inline-block;
        background: url(/Content/images/sprite.svg?v2) no-repeat;
        background-size: 300px 250px;
        text-indent: -9999px;
        overflow: hidden;
        background-position: -200px 0;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 20px;
        left: 20px;
    }

.dash-overlay .close {
    position: absolute;
    top: 16px;
    right: 20px;
    color: #525252;
    opacity: 1;
}

.dash-overlay h4 {
    position: absolute;
    width: 100%;
    height: 22px;
    top: 50%;
    left: 0;
    margin-top: -11px;
    text-align: center;
}


@media (max-width:991px) {

  #task-table .notification-cards>section {
        width: 100%;
        /*margin-left: 30px;*/
    }
}
.start-using-dash {
    z-index: 1042;
    position: fixed;
    bottom: 0;
    height: 74px;
    padding: 20px 15px;
    text-align: center;
    background: #fff;
    width: 100%;
    display: none;
}
.back-to-top {
    position: fixed;
    bottom: 5em;
    right: 0;
    color: #fff;
    background-color: #01598f;
    font-size: 12px;
    padding: 10px 15px;
    display: none;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
}

@media (max-width:639px) {
    .back-to-top {
    display: none!important;
    }
}

.back-to-top:hover {
    background-color: #013352;
}
.accordion {
    margin-bottom: 60px;
}

    .accordion h4 {
        margin-bottom: 20px;
        position: relative;
        padding-left: 25px;
    }

        .accordion h4 em {
            font-style: normal;
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
        }

        .accordion h4 span {
            display: none;
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -8px;
            font-size: 16px;
        }

.accordion>div {
        padding-left: 25px;
    }

@media (max-width:639px) {
    .accordion {
        border-bottom: 1px solid #ccc;
        margin-bottom: 0;
    }

        .accordion h4 {
            margin-bottom: 0;
            padding: 15px 25px;
            cursor: pointer;
        }

            .accordion h4 em {
                top: 15px;
            }

            .accordion h4 span {
                display: inline-block;
            }

                .accordion h4 span.glyphicon-chevron-up {
                    display: none;
                }

  .accordion>div {
            display: none;
        }

        .accordion.open h4 span.glyphicon-chevron-down {
            display: none;
        }

        .accordion.open h4 span.glyphicon-chevron-up {
            display: inline-block;
        }

  .accordion.open>div {
        display: block;
    margin-bottom: 20px;
}
}

.displaying-text {
    margin-bottom: 20px;
}

@media (min-width:640px) {
    .displaying-text {
        margin-bottom: 20px;
}
}

.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs {
  display: none!important;
}

@media (max-width:639px) {
    .visible-xs {
    display: block!important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
    display: table-row!important;
    }

  th.visible-xs,td.visible-xs {
    display: table-cell!important;
    }
}

@media (min-width:640px) and (max-width:991px) {
    .visible-xs.visible-sm {
    display: block!important;
    }

    table.visible-xs.visible-sm {
        display: table;
    }

    tr.visible-xs.visible-sm {
    display: table-row!important;
    }

  th.visible-xs.visible-sm,td.visible-xs.visible-sm {
    display: table-cell!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-xs.visible-md {
    display: block!important;
    }

    table.visible-xs.visible-md {
        display: table;
    }

    tr.visible-xs.visible-md {
    display: table-row!important;
    }

  th.visible-xs.visible-md,td.visible-xs.visible-md {
    display: table-cell!important;
    }
}

@media (min-width:1200px) {
    .visible-xs.visible-lg {
    display: block!important;
    }

    table.visible-xs.visible-lg {
        display: table;
    }

    tr.visible-xs.visible-lg {
    display: table-row!important;
    }

  th.visible-xs.visible-lg,td.visible-xs.visible-lg {
    display: table-cell!important;
    }
}

.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm {
  display: none!important;
}

@media (max-width:639px) {
    .visible-sm.visible-xs {
    display: block!important;
    }

    table.visible-sm.visible-xs {
        display: table;
    }

    tr.visible-sm.visible-xs {
    display: table-row!important;
    }

  th.visible-sm.visible-xs,td.visible-sm.visible-xs {
    display: table-cell!important;
    }
}

@media (min-width:640px) and (max-width:991px) {
    .visible-sm {
    display: block!important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
    display: table-row!important;
    }

  th.visible-sm,td.visible-sm {
    display: table-cell!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-sm.visible-md {
    display: block!important;
    }

    table.visible-sm.visible-md {
        display: table;
    }

    tr.visible-sm.visible-md {
    display: table-row!important;
    }

  th.visible-sm.visible-md,td.visible-sm.visible-md {
    display: table-cell!important;
    }
}

@media (min-width:1200px) {
    .visible-sm.visible-lg {
    display: block!important;
    }

    table.visible-sm.visible-lg {
        display: table;
    }

    tr.visible-sm.visible-lg {
    display: table-row!important;
    }

  th.visible-sm.visible-lg,td.visible-sm.visible-lg {
    display: table-cell!important;
    }
}

.visible-md,tr.visible-md,th.visible-md,td.visible-md {
  display: none!important;
}

@media (max-width:639px) {
    .visible-md.visible-xs {
    display: block!important;
    }

    table.visible-md.visible-xs {
        display: table;
    }

    tr.visible-md.visible-xs {
    display: table-row!important;
    }

  th.visible-md.visible-xs,td.visible-md.visible-xs {
    display: table-cell!important;
    }
}

@media (min-width:640px) and (max-width:991px) {
    .visible-md.visible-sm {
    display: block!important;
    }

    table.visible-md.visible-sm {
        display: table;
    }

    tr.visible-md.visible-sm {
    display: table-row!important;
    }

  th.visible-md.visible-sm,td.visible-md.visible-sm {
    display: table-cell!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
    display: block!important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
    display: table-row!important;
    }

  th.visible-md,td.visible-md {
    display: table-cell!important;
    }
}

@media (min-width:1200px) {
    .visible-md.visible-lg {
    display: block!important;
    }

    table.visible-md.visible-lg {
        display: table;
    }

    tr.visible-md.visible-lg {
    display: table-row!important;
    }

  th.visible-md.visible-lg,td.visible-md.visible-lg {
    display: table-cell!important;
    }
}

.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg {
  display: none!important;
}

@media (max-width:639px) {
    .visible-lg.visible-xs {
    display: block!important;
    }

    table.visible-lg.visible-xs {
        display: table;
    }

    tr.visible-lg.visible-xs {
    display: table-row!important;
    }

  th.visible-lg.visible-xs,td.visible-lg.visible-xs {
    display: table-cell!important;
    }
}

@media (min-width:640px) and (max-width:991px) {
    .visible-lg.visible-sm {
    display: block!important;
    }

    table.visible-lg.visible-sm {
        display: table;
    }

    tr.visible-lg.visible-sm {
    display: table-row!important;
    }

  th.visible-lg.visible-sm,td.visible-lg.visible-sm {
    display: table-cell!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-lg.visible-md {
    display: block!important;
    }

    table.visible-lg.visible-md {
        display: table;
    }

    tr.visible-lg.visible-md {
    display: table-row!important;
    }

  th.visible-lg.visible-md,td.visible-lg.visible-md {
    display: table-cell!important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
    display: block!important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
    display: table-row!important;
    }

  th.visible-lg,td.visible-lg {
    display: table-cell!important;
    }
}

.hidden-xs {
  display: block!important;
}

table.hidden-xs {
    display: table;
}

tr.hidden-xs {
  display: table-row!important;
}

th.hidden-xs,td.hidden-xs {
  display: table-cell!important;
}

@media (max-width:639px) {
  .hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs {
    display: none!important;
    }
}

@media (min-width:640px) and (max-width:991px) {
  .hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm {
    display: none!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md {
    display: none!important;
    }
}

@media (min-width:1200px) {
  .hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg {
    display: none!important;
    }
}

.hidden-sm {
  display: block!important;
}

table.hidden-sm {
    display: table;
}

tr.hidden-sm {
  display: table-row!important;
}

th.hidden-sm,td.hidden-sm {
  display: table-cell!important;
}

@media (max-width:639px) {
  .hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs {
    display: none!important;
    }
}

@media (min-width:640px) and (max-width:991px) {
  .hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm {
    display: none!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md {
    display: none!important;
    }
}

@media (min-width:1200px) {
  .hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg {
    display: none!important;
    }
}

.hidden-md {
  display: block!important;
}

table.hidden-md {
    display: table;
}

tr.hidden-md {
  display: table-row!important;
}

th.hidden-md,td.hidden-md {
  display: table-cell!important;
}

@media (max-width:639px) {
  .hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs {
    display: none!important;
    }
}

@media (min-width:640px) and (max-width:991px) {
  .hidden-md.hidden-sm,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm {
    display: none!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md {
    display: none!important;
    }
}

@media (min-width:1200px) {
  .hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg {
    display: none!important;
    }
}

.hidden-lg {
  display: block!important;
}

table.hidden-lg {
    display: table;
}

tr.hidden-lg {
  display: table-row!important;
}

th.hidden-lg,td.hidden-lg {
  display: table-cell!important;
}

@media (max-width:639px) {
  .hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs {
    display: none!important;
    }
}

@media (min-width:640px) and (max-width:991px) {
  .hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm {
    display: none!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
  .hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md {
    display: none!important;
    }
}

@media (min-width:1200px) {
  .hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg {
    display: none!important;
    }
}

.visible-print,tr.visible-print,th.visible-print,td.visible-print {
  display: none!important;
}

@media print {
    .visible-print {
    display: block!important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
    display: table-row!important;
    }

  th.visible-print,td.visible-print {
    display: table-cell!important;
    }

  .hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print {
    display: none!important;
    }
}

.ngRowCountPicker,.ngFooterTotalItems {
    display: none;
}

.scrollable .ngCanvas {
      max-width:initial;
}


.ngCanvas, .ngRow {
    min-width:100%;
    overflow: hidden;
    max-width:100%;
}

.ngPagerCurrent {
    float: left;
    border: 1px solid #ddd;
    height: 36px;
}

.grid-style+.pull-right {
    width: 100%;
    margin-top: 20px;
}

.dash-component.col-span-2>div .panel-body {
    background-color: #fff;
    margin: 0;
}

.ngCellText img{
  max-width:40px;max-height:40px;
}
@media (min-width:640px) and (max-width:780px) {
    .panel-body .ngCellText {
        padding: 0 2px 0 15px;
        /*font-size: 10px;*/
        white-space: normal;
        display: table;
    }

        .panel-body .ngCellText span {
            display: table-cell;
            vertical-align: middle;
        }
}

@media (min-width:640px) and (max-width:780px) {
    .panel-body .ngCellText.ng-binding {
        padding-top: 5px;
    }
}
.removeQABlock,.removeQABlockTemplate {
    right: 55px;
    color: #63b1e5;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    margin-top: 13px;
}

.removeQABlock>*,.removeQABlockTemplate>* {
        margin-right: 10px;
    }

.naBlock>p {
    font-weight: 700;
    margin: -4px 0 0 0;
}
.box {
    position: absolute;
    top: 0;
    left: 0;
    background: green;
    cursor: move;
}

.box-selected {
    border-style: solid;
}

.box-deselected {
    border-style: dashed;
}

#canvasBackground {
    height: 100%;
    width: 100%;
}

company-info {
    max-width: 34%;
    float: right;
}

company-info.pushout+div {
        float: left;
        width: 66%;
    }

company-info.pushout+div .question-description {
            width: 90%;
        }

company-info.pushout+div .report-designer.col-md-12 .panel-body td.question-priority+td div[data-ng-switch="question.Type"]>div.pull-left {
            max-width: 70%;
        }

company-info.pushout+div div[data-ng-switch="question.Type"] textarea {
            max-width: 90%;
        }

company-info.pushout+div .btns-4-popout {
            width: 86%;
            margin-left: -20px;
        }

company-info.pushout+div .report-designer.row.col-md-7 {
            width: 103%;
        }


company-info.pushout+div .form-horizontal .form-group {
            margin-left: -15px;
            margin-right: 0;
        }

company-info.pushout+div .dash-templates {
            padding-right: 20px;
        }


@media (max-width:800px) {
    company-info {
        max-width: 54%;
        float: right;
    }

  company-info.pushout+div {
            float: left;
            width: 46%;
        }
}

@media (max-width:850px) {
    company-info {
        width: 100%;
        float: none;
    }

  company-info.pushout+div {
            float: left;
            width: 100%;
        }

  div#rhsPopover>.btn.btn-info {
        top: 254px;
    }
}

@media (max-width:850px) {
    company-info {
        max-width: 100%;
        float: none;
    }

    div#rhsPopover .well-lg {
        width: 100%;
        max-width: none;
        margin: 0;
    }
}

#rhsPopover {
    z-index: 3;
}

    #rhsPopover .group-btn .btn {
        margin: 0;
        width: 100%;
    }

    #rhsPopover .your-consultant.container h4 {
        max-width: 93%;
    }

@media (max-width:1135px) {
    #rhsPopover .your-consultant.container h4 {
        max-width: 83%;
    }
}

@media (max-width:1045px) {
    #rhsPopover .your-consultant.container h4 {
        max-width: 73%;
    }
}

#rhsPopover .your-consultant>.float-it>a {
    min-width: 144px;
    display: block;
    float: left;
    padding: 10px 0;
}

#rhsPopover .table td:first-child {
    padding-left: 20px;
}

#rhsPopover .table td:last-child {
    padding-right: 20px;
}

#rhsPopover .shorten {
    display: inline-block;
}

#rhsPopover .well-lg {
    max-width: 380px;
    width: 380px;
    margin: 42px 20px 0;
}

#rhsPopover .well.well-lg.popover.left {
    display: block;
    width: 330px;
    margin-right: 160px;
    max-width: none;
    padding: 20px 0;
    max-height: 480px;
    overflow-x: hidden;
    height: 480px;
}

    #rhsPopover .well.well-lg.popover.left p {
        font-size: 14px;
    }

#rhsPopover .popover.left>.arrow {
    top: 273px;
    position: fixed;
    right: 58px;
}

#rhsPopover>.btn.btn-info {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    position: fixed;
    right: 0;
    margin: 0 -52px 0 0;
    z-index: 2;
    top: 335px;
}

#rhsPopover .moon-icon-laptop {
    cursor: pointer;
    position: absolute;
    margin: 0 40px 0 300px;
    font-size: 34px;
    color: #63b1e5;
    z-index: 1;
}

#rhsPopover.pushRHStoTop .popover.left .arrow {
    top: 83px;
}
.whiteBlock {
    background-color: #fff;
}

.block-child-edit>div.transparentBlock,.dash-component.your-tasks>div.transparentBlock,.transparentBlock {
    background-color: transparent;
}
.row-disabled {
    color: #000;
}
    .row-disabled:after {
        content: "";
        width: 100%;
        position: absolute;
        background: #ccc;
        height: 100%;
        margin-left: -15px;
        opacity: 0.5;
    }
.row-selected {
    color: #000;
}
    .row-selected:after {
        content: "";
        width: 100%;
        position: absolute;
        background: #63B1E5;
        height: 100%;
        margin-left: -15px;
        opacity: 0.4;
    }
.rowStrikeThrough {
    color: #000;
}

    .rowStrikeThrough:after {
        content: "";
        width: 100%;
        position: absolute;
        background: #ccc;
        height: 100%;
        margin-left: -15px;
        opacity: .5;
    }

.priority-0,.priority-Immediate {
    border: rgba(255,0,255,.2) solid 1px;
    background-color: #ff00ff;
    padding: 0;
}

.priority-1,.priority-High {
    border-bottom: rgba(255,0,0,.2) solid 1px;
    background-color: red;
    padding: 0;
}

.priority-2,.priority-Medium {
    border-bottom: rgba(255,215,0,.2) solid 1px;
    background-color: gold;
    padding: 0;
}

.priority-3,.priority-Low {
    border-bottom: rgba(0,128,0,.2) solid 1px;
    background-color: green;
    padding: 0;
}

.block-child-edit {
    padding-right: 0;
}

.clearRowFix {
    clear: both;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.textvalign {
   /* display:table-cell; height: 35px;*/display: block;    overflow: hidden;    padding-top: 9px;    vertical-align: middle; }


@media (max-width: 1200px) {
    .report-designer.col-md-12 .panel-body td.question-priority + td .question-description {
        width: 90%;
    }
    .report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] buttons-radio.btn-group-vertical {
        margin-left: 0px;
        float: right;
    }
    .report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] > div.pull-left {
        max-width: 70%;
    }
}
@media (max-width: 665px) {
    .report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] > [ng-switch-when="1"] {
        max-width: 100%;
    }
    .report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] > div.pull-left {
        max-width: 66%;
    }
}
.report-designer.col-md-12 .panel-body td.question-priority.date-attr + td div[data-ng-switch="question.Type"] {
    overflow: inherit;
}
    .report-designer.col-md-12 .panel-body td.question-priority.date-attr + td div[data-ng-switch="question.Type"] > div.form-group.pull-left.siteVisitGrpBtns {
        margin: 0 0 10px 0;
        padding: 0;
        width: 160px;
    }
.report-designer.col-md-12 .panel-body td.question-priority + td .tab-content {
    margin: 0 -8px;
}
    .report-designer.col-md-12 .panel-body td.question-priority + td .tab-content .moon-icon-attachment {
        padding: 0 4px;
    }
.report-designer.col-md-12 .panel-body td.question-priority + td .tab-content {
    clear: both;
}
.report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] {
    overflow: hidden;
}
    .report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] > div {
        width: 100%;
        max-width: 80%;
    }
        .report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] > div > div + .question-description {
            padding-bottom: 15px;
        }
    .report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] .btn-group-vertical {
        width: auto;
        margin-left: 39px;
    }
.report-designer.col-md-12 .panel-body td.question-priority + td .safety-na {
    position: absolute;
    right: 154px;
    margin: 0px;
}
.report-designer.col-md-12 .panel-body td.question-priority + td .input-group-btn.safety-na:last-child > .btn {
    width: 69px;
    margin-top: 0px;
    border-radius: 4px;
}
.report-designer.col-md-12 .panel-body td.question-priority + td .input-group > select {
    width: 186px;
}
.marginLeft0 {
    margin-left: 0px !important;
}
.dividerBottom {
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 20px;
}
.maxWidth65percent {
    max-width: 65% !important;
}
select.cke_dialog_ui_input_select {
    min-width: 100px;
}
/*.badge {
    position: relative;
  top: -13px;
}*/
.panel-body .panel-body {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.maxHeight200 {
    max-height: 200px;
}
.maxHeight300 {
    max-height: 300px;
}
.maxHeight400 {
    max-height: 400px;
}
.maxHeight500 {
    max-height: 500px;
}
.height200 {
    height: 200px;
}
.height300 {
    height: 300px;
}
.height400 {
    height: 400px;
}
.height500 {
    height: 500px;
}
.form-group.rowWithoutIndents {
    margin-bottom: 10px !important;
}
.col-sep {
    border-bottom: solid 2px #ccc !important;
    padding-bottom: 2px;
}
.minHeight100 {
    min-height: 100px !important;
}
.minHeight480 {
    min-height: 480px !important;
}
.verticalAlignCenter {
    vertical-align: middle;
}
.smallPaddingTop {
    padding-top: 5px;
}
.mediumPaddingBottom {
    padding-bottom: 20px;
}
[data-ng-controller="CompaniesAssignmentController"] .ng-grid-style.col-md-2.top40,
.assignments .ng-grid-style.col-md-2.top40 {
    padding: 0px;
}
.template-details-actions.whiteBlock.top10 {
    margin-top: 10px;
}
.dashboard-header .shorten {
    float: left;
    padding-top: 6px;
}
.moon-icon-cog,
.moon-icon-bell {
    float: left;
}
.form-mask.noMinHeight {
    min-height: initial;
}
.img-scroll {display:block; max-width:100%;overflow:hidden;
}
.img-scroll div {display:table-cell;padding:0 5px;
}
    .img-scroll img {max-width:36px;
}
    .form-group{margin-bottom:20px;}
   .upload .panel{margin-bottom:0;}
 .upload-btns-sec #upload{margin:0 10px 0 0;}
.grid-actions-filter {
    margin-bottom:15px;
}
.grid-actions-filter {
    float: right;
}
@media (min-width: 640px) and (max-width: 780px) {
    .grid-actions-filter {
        float: left;
        display: inline-block;
        margin-top: 10px;
    }
}
.grid-actions-filter label {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}
@media (min-width: 640px) and (max-width: 780px) {
    .grid-actions-filter label {
        float: left;
        margin-top: -65px;
    }
}
.grid-actions-filter > div {
    float: right;
    width: 130px;
    margin-right: 20px;
}
@media (min-width: 640px) and (max-width: 780px) {
    .grid-actions-filter > div {
        float: none;
        margin-top: 30px;
    }
}
.lightText {
    color: #8b8d8e;
    margin-right: -24px;
    font-size: 14px;
    text-align: right;
}
.clearPadding {
    padding: 0px;
}
.block-selected {
    border: 1px solid #67afe9;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    box-shadow: 0px 0px 10px 0px #67afe9;
    border-color: #67afe9;
}
.block-focused,
.block-content-editor:hover {
    border: 1px solid #63b1e5;
}
.right-pad-0 {
    padding-right: 0px;
}
.new-line {
    clear: both;
}
.scrollable-container-y {
    overflow-y: auto;
    height: 100%;
}
.conflict-resolve-modal .modal-dialog {
    width: 90%;
}
.conflict-resolve-modal .dash-component {
    width: 49.9%;
}
    .conflict-resolve-modal .dash-component:first-child {
        padding-left: 0px;
    }
    .conflict-resolve-modal .dash-component:last-child {
        padding-right: 0px;
    }
    .conflict-resolve-modal .dash-component .scrollable-container-y {
        padding-top: 20px;
    }
.find-content-modal .modal-dialog {
    width: 60%;
}
.find-content-modal .form-horizontal {
    margin-bottom: 10px;
}
.find-content-modal .find-block-content {
    min-height: 435px;
    max-height: 435px;
    overflow-y: auto;
    margin-top: 10px;
}
    .find-content-modal .find-block-content > div {
        width: 100%;
        padding-top: 10px;
    }
.find-content-modal .find-block-header > div {
    display: inline-block;
}
.find-content-modal .find-block-filters {
    padding-top: 10px;
    width: 80%;
}
    .find-content-modal .find-block-filters > label,
    .find-content-modal .find-block-filters > div {
        display: inline-block;
        width: 23%;
    }
    .find-content-modal .find-block-filters > label {
        vertical-align: top;
    }
   @media all and (max-width:767px){
   .upload-holder{float:none;width:100%;}
   .form-horizontal .upload-label{margin-top:0;}
   .upload-btns-sec #upload, .upload-btns-sec  #download{margin:0 0 10px 0;}
   .upload-holder input{width:100%; display:block;}
   .upload-btns-sec .btn{width:100%;}
  .form-horizontal .upload-label{text-align:left !important;}
    .form-group > div .btn {
        display: block;
        width: 100%;
    }
}
@media all and (max-width:500px) {
    .loading > .modal-dialog > div {
        width: 80%;
    }
}

.group-selector {
    background: #fff;
    margin-bottom: 5px;
    width: 100%;
}
.group-selector-selected .group-selector-data-header-right {
    border: #228acf solid 1px;
}
.group-selector-selected .group-selector-header-right {
    border: #228acf solid 1px;
    background: #40a0df;
}
.group-selector-disabled .group-selector-data-header-right {
    background: #e0effa;
}
.group-selector-disabled .group-selector-header-right {
    background: #e0effa;
}
.group-selector-data-header-right {
    padding: 5px;
}
.group-selector-header-right {
    background: #e0effa;
    cursor: pointer;
    width: 10px;
}
.group-selector-placeholder {
    text-align: center;
    vertical-align: middle;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}
.group-selector-placeholder-disabled {
    text-align: center;
    vertical-align: middle;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}
.group-header {
    padding: 10px;
    background: #dedede;
}
.group-header-light {
    padding: 10px;
    border-bottom: 1px solid #dedede;
}
.group-body {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-left: 1%;
}
.view-info{display:none; }
.view-info i{display:inline-block !important; }
.block-box-header.as-sortable-item-handle{height:100%;}
    .group-body .block-box {
        cursor: default;
        display: block;
        padding: 10px;
        border: 1px solid #A7A4A4;
        background: #F5F5F5;
        border-radius: 3px;
        width: 16%;
        margin-right: 0.5%;
        margin-bottom: 5px;
        font-size: 12px;
        overflow-wrap: normal;
        min-height: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position:relative;
    }
        .group-body .block-box:hover {
            white-space: normal;
        }
        .group-body .block-box:hover .view-info{display:inline-block; position:absolute; font-size:24px; width:40px; height:40px; background-color:transparent; border:none; right:0; bottom:0; color:#67b9e8;}
        .view-info:focus{box-shadow:none; outline:none;}
        .group-body .block-box.selected {
            box-shadow: #67afe9 0px 0px 10px 0px;
            border: 1px solid #63b1e5;
            background: #f5f5f5;
            opacity: 1;
        }
.group-body .block-box-group-view {
    margin-top: 5px;
    text-align: center;
    cursor:pointer;
}
.block-box-group-view span {
    text-decoration: underline;
    color: #67b9e8;
    font-size: 14px;
}
.block-box-group-insert span {
    text-decoration: underline;
    color: #67b9e8;
    font-size: 14px;
}
.group-body .block-box-group-insert {
    margin-top: 5px;
    text-align: center;
    cursor: pointer;
}
.group-body .block-actions {
   padding-top:10px;
}
.block-preview-content {
    right: 100px;
    block-box-group-view bottom: 100px;
    max-height: 550px;
    overflow: scroll;
}
.group-body .previewed-Block {
    border-style: dotted;
    border-width: 2px;
    border-color: black;
}

.col-md-5 .removeQABlock + .panel .merge-container p {
    word-wrap: break-word;
    width: 400px;
}
    .col-md-5 .removeQABlock + .panel .merge-container p span {
        white-space: normal;
    }
@media (max-width:1279px){
    .group-body .block-box{width:20%;}
    }
@media (max-width: 991px) {
    .col-md-5 .removeQABlock + .panel .merge-container p {
        width: 100%;
    }
  .group-body .block-box{width:25%;}
    }

@media (max-width: 680px) {
 .group-body .block-box{width:33.33%;}
    }
@media (max-width: 580px) {
 .group-body .block-box{width:50%;}
    }
@media (max-width: 420px) {
 .group-body .block-box{width:100%;}
    }
.scroll-fix-lhs .docProducerLhs {
    position: fixed;
}
.docProducerLhs {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 390px;
}
@media (max-width: 992px) {
    .fixed-lhs.scroll-fix-lhs > .docProducerLhs {
        position: initial;
        top: 0px;
    }
}
#add-employee-form .form-group {
    margin-left: 0px !important;
}
.form-group .alert {
    margin-bottom: 0px;
}
@media (max-width: 1200px) {
    #contact-details .col-md-9.row,
    #atlasForm .col-md-9.row {
        padding-left: 15px !important;
    }
}
.notification-message {
    position: absolute;
    top: 28px;
}
.accordionError .panel-default > .panel-heading > .panel-title,
.accordionError .panel.panel-default {
    background-color: #f2dede;
    border-color: #ebccd1;
}
    .accordionError .panel.panel-default > .panel-heading {
        background-color: #f2dede;
        border-color: #ebccd1;
    }
        .accordionError .panel.panel-default > .panel-heading a {
            color: #a94442;
        }
.accordionError .removeQABlock.naBlock {
    color: #a94442;
}
.accordionNA .panel-default > .panel-heading > .panel-title,
.accordionNA .panel.panel-default {
    background-color: #F2EBDE;
    border-color: #DBAC86;
}
    .accordionNA .panel.panel-default > .panel-heading {
        background-color: #F2EBDE;
        border-color: #DBAC86;
    }
        .accordionNA .panel.panel-default > .panel-heading a {
            color: #A97242;
        }
.accordionNA .removeQABlock.naBlock {
    color: #A97242;
}
#login .form-group.error label.error {
    position: initial;
}
/*.blockDescription span {
    display: inline-block;
}*/
.blockDescription + a.btn-link {
    margin: -13px 0 0 0;
}
.documentApprove hr {
    clear: both;
}
.documentApprove .whiteBlock.block-content,
.whiteBlock.block-content {
    margin: 10px 0;
    padding: 15px;
    overflow: hidden;
} 
.report-designer .panel-body.block-content {
    padding: 15px;

}
.block-content, .report-designer .panel-body.block-content {
    border: 1px solid transparent;
    border-bottom: 1px dashed #dedede;
}
.btn-float-none .btn {
    float: none !Important;
}
[data-ng-show="block.isediting"] + .comments {
    padding: 10px 5px 0 5px;
}
    [data-ng-show="block.isediting"] + .comments > .well {
        margin-bottom: 0px;
    }
        [data-ng-show="block.isediting"] + .comments > .well ~ .well {
            margin-top: 20px;
        }
        [data-ng-show="block.isediting"] + .comments > .well ~ .well {
            margin-top: 20px;
        }
.comments {
    padding: 10px 0 5px 0;
}
    .comments .moon-icon-close {
        cursor: pointer;
    }
    .comments .well .row > .col-md-2 {
        border-right: 1px solid #ccc;
    }
.list-unstyled a {
    cursor: pointer;
}
.email-form-mask {
    padding: 10px 0;
}
.modal-dialog > .modal-content > .email-modal.ng-hide + .modal-footer {
    padding: 19px 20px 20px;
}
.modal-body.email-modal.ng-hide + .modal-footer {
    clear: both;
    margin-top: 15px;
}
    .modal-body.email-modal.ng-hide + .modal-footer > .form-group.top-10 {
        margin-top: 0px;
    }
/*.modal-dialog > .modal-content > .email-modal + .modal-footer {
    padding: 0;
}
    .modal-dialog > .modal-content > .email-modal + .modal-footer > .form-group {
        margin-top: -55px;
    }*/
.overflow-visible {
    overflow: visible;
}
.data-collect .report-designer.col-md-12 .panel-body td.question-priority + td div[data-ng-switch="question.Type"] > div.pull-left .question-description {
    height: 30px;
}
.dbl-dash-height [data-ng-grid="CompanyGrid"] {
    height: 642px;
}
[data-ng-click="view()"] + [data-ng-show="(selectedItem) && isiOS"] {
    display: none;
}
.marker {
    background-color: yellow;
}
.questionWithBtn .ng-grid-style {
    height: auto !Important;
}
.questionWithBtn .modal-open > h3 {
    top: 30px;
    position: relative;
    width: 25%;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}
.quickSearchTitle {
    /*width: 80%;*/
    display: inline-block;
    word-wrap: break-word;
}
.quickSearchEntity {
    display: inline-block;
    color: #c3c3c3;
    /*width: 18%;*/
}
.quickSearchFooter {
    float: right;
    padding: 0 15px 0 0;
}
.role-display {
    padding-top: 10px;
    margin-bottom: -10px;
}
    .role-display div {
        margin-right: 10px;
    }


.modal-filter-panel {
    padding-top: 10px;
}
    .modal-filter-panel .form-group {
        margin-bottom: 10px;
    }
.action-icon-separator {
    font-size: x-large;
    font-weight: normal;
    opacity: 0.7;
    float: right;
    margin-right: 25px;
    margin-left: 5px;
    border-right: 1px solid #01598f;
    display: block;
    width: 12px;
    height: 22px;
}
.comment-toolbar-icon {
    font-size: 18px;
    width: 100%;
    padding: 10px;
}
.ckeditor-toolbar-icon {
    font-size: 18px;
  padding-right: 10px;
    padding-top: 10px;
}
.comment-table-content {
    background-color: #fff;
    border: none;
    width: 100%;
}
    .comment-table-content td {
        padding: 4px;
        vertical-align: top;
    }
    .comment-table-content div.well-sm {
        margin-left: 0px;
    }
    .comment-table-content .checked-comment-td {
        text-align: center;
    }
    .comment-table-content .attachment-comment-td {
        border-top: solid 1px #e7e7e7;
    }
    /* site visit */
.question-table {
 background-color:#fff; width:100%;
}
.question-table .qtable-tr {
    padding-left: 30px; position:relative; border-bottom:1px solid #e7e7e7 !important;
}
.question-table .qtable-tr .qtable-td {
    padding:7px 10px;  vertical-align: top; background-color:#fff;
}
.question-table .qtable-tr .question-priority{position:absolute; left:0; width:30px;}
.observation-sec .obs-row{overflow:hidden;}
.observation-sec .observation-head{font-weight:bold; overflow:hidden; padding:4px;}
.observation-sec .cols{padding:4px; float:left;}
.observation-sec .col-1{width:25%;}
.observation-sec .col-2{width:50%;}
.observation-sec .col-3{width:25%;}
.observation-sec .observation-head{padding-left:35px;}
.observation-sec .obs-comment{border:solid 5px transparent; position:relative; padding-left:30px;}
.observation-sec .obs-comment.selectedComment{border-color:#67afe9; background-color:transparent;}
.observation-sec .recomedation-cke{padding:4px; overflow:hidden;}
.observation-sec .obs-comment .checked-comment-td{position:absolute; left:10px; top:10px;}
.observation-sec .well-sm .image-description, .question-table .well-sm .image-description{width:auto; max-width:100%;}
.obs-comment:after {
    border-bottom: solid 1px #e7e7e7;
    content: '';
    position: absolute;
    bottom: -6px;
    width: 100%;
    left:0;
}
.resizeble {
    overflow: auto;
    resize: both;
    width: 100%;
    height: auto;
    min-width: 100%;
    min-height: 90px;
    max-width: 100%;
    max-height: 100%;
    padding-bottom: 10px;
  background-color:#fff;
}
.comment-toolbar-icon div,
.comment-toolbar-icon a,
.comment-toolbar-icon input {
    display: inline-block;
}
    .comment-toolbar-icon div:first-of-type,
    .comment-toolbar-icon div input {
        width: 85%;
    }
    .comment-toolbar-icon div:last-of-type {
        width: 14%;
        text-align: right;
    }
.comment-toolbar-icon i {
    cursor: pointer;
}
    .comment-toolbar-icon i[disabled] {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        box-shadow: none;
        color: #ccc;
    }
.selectedComment {
    background-color: #67afe9;
}
.attachments-container h3 {
 margin:15px auto 10px auto;
    font-size: 16px;
    color: inherit;
}
.attachments-container h3 a.collapse-arrow{color:#575756; margin-left:15px;}
.attachments-container h3 a.collapse-arrow i{color:#575756 !important;}
.attachments-container h3 a {
    color: #67b9e8;
    font-weight: 700;
}
.removeable-well {
    width: 280px;
    float: left;
}
.scrollRow .removeable-well {
    padding: 5px;
    background: #F3F3F3;
    margin: 5px;
    width: 220px;
    text-align:right;
    float:none;
    display:inline-block;
}
.scrollRow .removeable-well .well-sm{margin-bottom:0 !important; min-height:183px;}
.scrollRow .removeable-well .well-sm img{max-width:100%;}
    .removeable-well > .well-sm {
        float: none !important;
        text-align: center;
    }
    .removeable-well > .fa-remove {
        cursor: pointer;
    }
.removeable-well > .fa-rotate-right {
    cursor: pointer;
}
.form-group .fa-action {
    color: black;
    display: block;
    cursor: pointer;
}
.mergefield-attribute {
    display: none !important;
}
    .mergefield-attribute.show {
        display: inline !important;
    }
.mergefield-value {
    display: none !important;
}
    .mergefield-value.show {
        display: inline !important;
    }
select::-ms-expand {
    border: none;
    background: none;
}
select.clearable {
    padding-right: 35px;
}
.tracking-fields {
    font-size: smaller;
    color: #8B8D8E;
}
.flex-form{display:flex;justify-content:space-between;margin-bottom:20px}
.flex-form .error label{color:#cf2f44!important}
.flex-form .error .glyphicon{display:block}
.flex-form .flex-form-group{position:relative}
.flex-form .glyphicon{position:absolute;right:20px;top:38px;color:#cf2f44;display:none}
.flex-form label.error{font-size:14px!important;font-weight:400!important}
.flex-three-columns>div{width:30%}
.icon-border{padding:5px;border:solid;margin-top:-5px!important}
.active-highlight{background-color:#ff0}
.inactive-highlight{background-color:#dcdcdc}
.btn-link.pull-right{margin-right:10px;}
@media (max-width: 780px) {
    company-info.pushout + div .report-designer.col-md-12 div.panel-body td.question-priority + td div[data-ng-switch="question.Type"] > div.pull-left {
        max-width: 60%;
    }
    company-info.pushout + div div.btns-4-popout {
        width: 100%;
        margin-left: 0px;
    }
    company-info:not(.ng-hide) + [data-ng-view],
    #rhsPopover {
        padding-right: 40px;
    }
        company-info:not(.ng-hide) + [data-ng-view] .whiteBlock > div.moon-icon-laptop,
        #rhsPopover .whiteBlock > div.moon-icon-laptop {
            right: 30px;
        }
    div.scroll-fix-lhs div.docProducerLhs {
        position: initial;
        top: 0px;
    }
    div#rhsPopover {
        margin-bottom: 20px;
    }
    .dash-component.template-details-actions:not(.no-background).structuredBlock {
        width: 100%;
    }
        .dash-component.template-details-actions:not(.no-background).structuredBlock .container > .row {
            margin-left: 0px;
        }
            .dash-component.template-details-actions:not(.no-background).structuredBlock .container > .row > .col-sm-6 {
                width: 138px;
                margin-right: 35px;
            }
        .dash-component.template-details-actions:not(.no-background).structuredBlock .btn {
            width: 138px;
        }
        .dash-component.template-details-actions:not(.no-background).structuredBlock .btn-success {
            float: left;
        }
    p.notification-message {
        margin-left: 5px;
    }
    .report-designer.col-md-12 .panel-body td.question-priority.date-attr + td div[data-ng-switch="question.Type"] > div.form-group.pull-left.siteVisitGrpBtns {
        float: right !Important;
    }
    [data-ng-controller="ReportGeneratorDetailsController"] [ng-controller="AccordionCtrl"].report-designer.row.col-md-7.block-child-edit,
    [data-ng-controller="ReportToolDetailsController"] .report-designer.col-md-12 {
        padding: 0 20px;
    }
    [data-ng-controller=ReportGeneratorDetailsController] div.btn-group > .btn {
        width: 33%;
    }
    .search-form-holder.active + #bs-example-navbar-collapse-1 > ul:nth-child(3) > li > a {
        z-index: 0;
    }
    .progress-indicator + .whiteContainer > .form-group.col-sm-7.col-md-3:first-child > label {
        float: left;
        width: 33%;
        padding-right: 15px;
    }
    [data-ng-controller="QuestionController"] .dash-component.template-details-actions:not(.no-background) {
        width: 100%;
        margin: 0 0 0 10px;
    }
    div.form-group.error label.error {
        left: 0px;
        /* min-width: 350px;*/
    }
    div.form-group.error [name="address"] + label.error {
        left: 15px;
    }
    select + label.error + .glyphicon-warning-sign {
        margin-right: 5px;
    }
}

div.ng-scope > div > h3.ng-binding{/*margin-top:30px;*/}


input[type="number"].form-control {
    padding: 0px 0px 0px 7px;
}

.form-control-static {
    margin-bottom: 0;
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #929292;
}
@media (max-width: 1340px) {
    #rhsPopover div.moon-icon-laptop {
        margin-left: 300px;
    }
}
@media (max-width: 1134px) {
    #rhsPopover div.moon-icon-laptop {
        right: 0;
        margin-right: 40px;
        margin-left: 300px;
    }
}
@media (max-width: 850px) {
    company-info.pushout + div .form-horizontal div.form-group {
        margin-left: 5px;
    }
}

.form-group.error [date-picker] label.error {
    left: 0px;
  white-space:nowrap;
}
.form-group .input-group-btn + .glyphicon-warning-sign,
.form-group [date-picker] + .glyphicon-warning-sign {
    margin-right: 57px;
    z-index: 1;
}
.form-group .input-group-btn .glyphicon,
.form-group [date-picker] .glyphicon {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    color: #333;
}
.form-group .input-group-btn .form-control:not(.question-description > div > span > .form-control),
.form-group [date-picker] .form-control:not(.question-description > div > span > .form-control),
.form-group .input-group-btn .dropdown-menu,
.form-group [date-picker] .dropdown-menu {
    padding: 5px;
}
.form-group .input-group-btn .btn,
.form-group [date-picker] .btn {
    min-width: 100%;
  min-height: 32px;
}
.form-group .input-group-btn table .btn,
.form-group [date-picker] table .btn {
    min-height: 35px;
    border: none;
    padding: 5px 10px;
    font-size: 14px;
}
.form-group .input-group-btn th,
.form-group [date-picker] th {
    font-size: 84%;
}
.form-group .input-group-btn .btn-sm,
.form-group [date-picker] .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
}
.form-group .input-group-btn [ng-show="showButtonBar"] .btn,
.form-group [date-picker] [ng-show="showButtonBar"] .btn {
    min-width: 20px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    min-height: 20px;
}
.error .input-group-btn{vertical-align:top;}
.form-signin.login {
    max-width: 388px;
}
    .form-signin.login a {
        display: block;
        padding: 10px 0 0 0;
    }
    .form-signin.login .checkbox {
        padding-left: 30px;
    }
.btn-inherit {
    min-width: inherit;
}
    .btn-default .badge {
        color: #fff;
        background-color: #fff;
    }

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
        background-color: #fff;
        border-color: #525252;
    }

    .btn-default.find-address-btn {
        margin-top: 10px;
    }
.content-header {
    color: #01598f;
    background-color: #616167;
    display: block;
    font-weight: bold;
    height: 40px;
    line-height: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    z-index: 2;
}
    .content-header i {
        cursor: pointer;
    }
    .content-header .action-icon {
        margin-top: 2px;
        margin-right: 5px;
        font-size: 16px;
        cursor: pointer;
    }
        .content-header .action-icon.inactive {
            padding: 2px;
            border-radius: 4px;
            margin-top: -1px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 3px;
            padding-bottom: 3px;
            border: 1px solid #01598f;
            opacity: 0.55;
        }
        .content-header .action-icon.active {
            padding: 2px;
            border-radius: 4px;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
            margin-top: -1px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 3px;
            padding-bottom: 3px;
            border: 1px solid #01598f;
        }
        .content-header .action-icon[disabled] {
            color: #ccc;
            cursor: not-allowed;
        }
    .content-header :nth-child(2) {
        margin-right: 0;
    }
    .doc-review-header .content-header{height:50px;}
     .doc-review-header .content-header .content-header-info{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:300;}
     .prompt-text{color: #01598f;  font-size: 12px; font-style: italic;}
.row-not-active {
    color: #ababab;
}
.tmenu-autonumber {
    margin-left: -5px;
    margin-right: 5px;
    font-weight: bold;
    color: black;
}
.dash-component.collapse-left {
    width: 6%;
}
@media (min-width: 640px) and (max-width: 780px) {
    .dash-component.collapse-left {
        margin-bottom: 40px;
    }
}
.dash-component.expand-left {
    width: 94%;
}
.dash-component.collapse-right {
    width: 6%;
}
.dash-component.expand-right {
    width: 94%;
}
.collapse-left .content-header {
    -o-transform: rotate(270deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 0 0;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 0 0;
    transform: rotate(270deg);
    transform-origin: 0 0;
    width: 500%;
    margin-top: 500%;
}
.collapse-right .content-header {
    -o-transform: rotate(270deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 0 0;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 0 0;
    transform: rotate(270deg);
    transform-origin: 0 0;
    width: 500%;
    margin-top: 500%;
}
.pad-10 {
    padding: 10px;
}
.pad-20 {
    padding: 20px;
}
@media (min-width: 640px) and (max-width: 780px) {
    #siteVisitForm .the-section .form-group > span {
        display: block;
    }
        #siteVisitForm .the-section .form-group > span .col-md-2,
        #siteVisitForm .the-section .form-group > span .col-md-1,
        #siteVisitForm .the-section .form-group > span .col-sm-3 {
            width: 25%;
            float: none;
        }
}
.data-collection-container {
    background: white;
    display: flex;
    min-height: 180px;
    margin-bottom: 20px;
}
.data-collection-item {
    background: #FAFAFA;
    border: 1px solid #A7A4A4;
    border-radius: 5px;
    width: 100px;
    height: 100px;
    font-size: smaller;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    padding-top: 39px;
    cursor: pointer;
    opacity: 0.6;
}
    .data-collection-item.selected {
        box-shadow: #67afe9 0px 0px 10px 0px;
        border: 1px solid #63b1e5;
        background: #f5f5f5;
        opacity: 1;
    }
    .data-collection-item:hover {
        border: 1px solid #63b1e5;
    }
/*.container .float-it > h3{margin-top:30px;}*/
input[type=checkbox], input[type=radio]{width:auto; background:transparent; box-shadow:none;}
.progress-indicator h3.ng-binding{margin-top:0 !important;}
.padding-lr15{padding:0 15px !important;}
.well{border-radius:0;}
.btn-holder .btn-link-combo{margin-left:5px;}
.cke_chrome{border-radius:0;}
label.btn.btn-default.ng-binding.ng-scope{border-radius:0;}
.block-box .block-box-content span{display:block;}

.dash-component.col-sm-3{width:25%;}
.dash-component.col-sm-6{width:50%;}
.dash-component.expand-left.col-sm-6,.dash-component.expand-right.col-sm-6{width:69%;}
.dash-component.collapse-left.col-sm-3,.dash-component.collapse-right-panel.col-sm-3{width:6%;}
.padding-zero{padding:0px;}
#attribute-select{width:68.8%;}
/*#btnPrevious,#btnNext{padding:15px;} arrows align issue*/
.normal-font{font-weight:normal;}
#insert{ margin-bottom: 10px;}
.dash-component.col-sm-9 {
    width: 75%;
}
.dash-component.expand-right.expand-left.col-sm-6{width:88%;}
.dash-component.expand-left.col-sm-9{width:94%;}
.collapse-right-panel .content-header{ -o-transform: rotate(270deg);
    -o-transform-origin: 0 0;
    -ms-transform: rotate(270deg);
    -ms-transform-origin: 0 0;
    -webkit-transform: rotate(270deg);
    -webkit-transform-origin: 0 0;
    -moz-transform: rotate(270deg);
    -moz-transform-origin: 0 0;
    transform: rotate(270deg);
    transform-origin: 0 0;
    width: 500%;
  margin-top: 500%;}

.dash-component.col-sm-3.expand-right {
    width: 94%;
}

.dash-component.col-sm-9.collapse-left {
    width: 6%;
}

.dash-component .nav-select {
    position: relative;
    padding: 0 30px;
}

    .dash-component .nav-select #btnPrevious, #btnPreviousQuestion {
        position: absolute;
        left: 0;
        top:0;
    }

    .dash-component .nav-select #btnNext, #btnNextQuestion {
        position: absolute;
        right: 0;
        top:0;
    }

    .dash-component .nav-select label[for="category-select"] {
        text-align: center;
    padding:10px;

    }


.btn-tab {
    background-color: #9f9fa3;
    border: medium none;
    color: #000;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-decoration: none;
    text-align: center;
    margin-right: 5px;
  padding:0 15px;

}
.btn-tab.active{background-color:#7fc395; color:#fff;}
.emp-tab-container{padding:15px; background-color:#fff; min-height:150px; margin-bottom:15px; border-top:solid 2px #7fc395;}
 .question{position:relative; padding-left:40px; font-size:16px;}
 .question i{font-size:20px; position:absolute; left:15px;}
 .answer{font-weight:300;}

 .block-preview{
    border: 1px solid #ccc;
    overflow: auto;
    padding: 10px 15px;
    margin-bottom: 20px;
  background-color:white;
}
    .block-preview .block-info, .block-root {
        border: solid 1px #ccc;
        position: relative;
    }

    .block-preview .block-parent, .block-preview .block-child {
        padding: 15px 0 0 25px;
        position: relative;
    }

        .block-preview .block-parent:before {
            content: "";
            border-left: solid 1px #ccc;
            position: absolute;
            left: 5px;
            top: 0;
            height: 100%;
            z-index: 1;
        }
 .question-block-header.block-notification{
    /* height: 450px; height issue in accordion */
    overflow: auto;
    }
 .question-block-header.block-notification .panel-collapse .panel-body{max-height:450px; overflow:auto;}
 .question-block-header.block-notification .panel-collapse .panel-body .panel-body{max-height:none; overflow:visible;}
.block-preview .block-parent:last-child:before {
    content: "";
    border-left: solid 1px #ccc;
    position: absolute;
    left: 5px;
    top: 0;
    height: 15px;
    z-index: 1;
}

.block-preview .block-parent:last-child > .block-info:after {
    content: "";
    border-left: solid 1px #ccc;
    position: absolute;
    left: -21px;
    top: 0;
    height: 50%;
    z-index: 1;
}

.block-preview .block-child:before {
    content: "";
    border-left: solid 1px #ccc;
    position: absolute;
    left: 5px;
    top: 0;
    height: 100%;
    z-index: 1;
}

.block-preview .block-child:last-child:before {
    content: "";
    border-left: solid 1px #ccc;
    position: absolute;
    left: 5px;
    top: 0;
    height: 15px;
    z-index: 1;
}

.block-preview .block-child:last-child > .block-info:after {
    content: "";
    border-left: solid 1px #ccc;
    position: absolute;
    left: -21px;
    top: 0;
    height: 50%;
    z-index: 1;
}

.block-info:before {
    content: "";
    border-top: solid 1px #ccc;
    position: absolute;
    left: -20px;
    top: 50%;
    width: 20px;
}
/*Hazard issue (policy feature 1.2)*/
/*p.blockDescription span merge span {
  display: block;
}*/
.notes-label{padding:10px}
/* Template block css*/
.well-sm .image-description{padding-top:5px;font-size:12px;width:110px;white-space:pre-line;text-align:center;margin:0 auto}
.panel.error .panel-title, .panel.error .panel-heading{background-color:#f2dede;border-color:#ebccd1}
.panel.error .panel-title a{color:#a94442}
.block-list-header{color:#01598F;font-weight:700;font-family:Arial,sans-serif;background:#E0EFFA;padding-left:15px;padding-bottom:10px;padding-right:15px;padding-top:10px;font-size:14px}
.block-list-content{background:#fff;height:425px;overflow-y:auto;overflow-x:auto;font-size:14px}
.block-list-content .block-list-item{padding:5px;padding-left:15px;border-bottom:1px solid #D4D4D4}
.block-list-content .block-list-item.block-list-item-disabled{color:#000;background:rgba(204,204,204,.3)}
.block-list-content .block-list-item.block-list-item-selected{color:#000;background:rgba(99,177,229,.3)}
.block-list-content .block-list-item .fa-bars{margin-left:-15px;}
.block-list-content .as-sortable-placeholder{display:none!important}
.block-list-content.as-sortable-dragging{border:1px solid #DDD;border-radius:4px;padding:5px;padding-left:15px;height:44px!important;background:#E4E4E4}
.block-list-content.as-sortable-dragging span{color:#63B1E5;font-size:20px;font-weight:500}
.block-list-content.as-sortable-dragging .block-list-item{padding:0;border-bottom:0}
.as-sortable-placeholder{border:1px dashed #2081c2;border-radius:4px;margin-bottom:20px;height:44px;width:100%}
.site-visit-warning-info{position:fixed;z-index:1000;width:1136px;margin-left:17px;bottom:0}
.long-error-message label.error{width:430px}
.ngAggregateLink a{position:absolute;right:7px;font-size:12px;top:7px;font-weight:400}
.ngAggregateLink a:hover{cursor:pointer}
.ngAggregate .ngAggregateLink{display:none}
.ngAggregate:hover .ngAggregateLink{display:block}
.accordionNo .panel-default > .panel-heading > .panel-title,
.accordionNo .panel.panel-default {
  background-color:#ea4767;
    border-color: #e51942;
}
    .accordionNo .panel.panel-default > .panel-heading {
        background-color: #ea4767;
        border-color: #e51942;
    }
        .accordionNo .panel.panel-default > .panel-heading a {
            color: #fff;
        }
.accordionNo .removeQABlock.naBlock {
    color: #fff;
}
.accordionYes .panel-default > .panel-heading > .panel-title,
.accordionYes .panel.panel-default {
    background-color: #73c599;
    border-color: #009245;
}
    .accordionYes .panel.panel-default > .panel-heading {
        background-color: #73c599;
        border-color: #009245;
    }
        .accordionYes .panel.panel-default > .panel-heading a {
            color: #fff;
        }
.accordionYes .removeQABlock.naBlock {
    color: #fff;
}
 .btn-group-rt .form-group > div{float:right;}

ul.hazardul, ul.hazardul li{list-style:none !important; margin:0; padding:0;  overflow:hidden;}
ul.hazardul li{width:33.33%; float:left; text-align:center; padding:5px; height:160px;  overflow:hidden;}
ul.hazardul li img{margin-bottom:10px; max-height:120px; max-width:100%;}
ul.hazardul li span{height:40px; display:block;}
 .btn-group-rt .form-group > div{float:right;}

/*colour picker css*/
ng-color-picker ul {
    padding: 0;
    margin: 0;
}

ng-color-picker li {
    width:20px;
    height:20px;
    box-sizing:border-box;
    display:inline-block;
}

    ng-color-picker li.selected {
        border: 1px solid #eee;
    width:28px;
    height:28px;
    box-sizing:border-box;
    display:inline-block;
    }
  @media (min-width:768px){
 .scroll-block{max-height:580px; overflow:auto;}
 .scroll-block1{max-height:465px; overflow:auto;}
   .scroll-block2{height:600px; overflow:auto;}
  .scroll-block6{height:605px; overflow:auto;}
  .scroll-block4{height:400px; overflow:auto;}
     .scrollgrid-s .ngViewport {
        max-height: 140px;
        overflow: auto;
    }
         .scroll-block3{height:220px; overflow:auto;}
          .scroll-block5{height:560px; overflow:auto;}

        .scroll-block .container, .scroll-block div.tmenu-treeview,
        .scroll-block1 .container, .scroll-block1 div.tmenu-treeview,
        .scroll-block2 .container, .scroll-block2 div.tmenu-treeview,
        .scroll-block3 .container, .scroll-block3 div.tmenu-treeview,
        .scroll-block4 .container, .scroll-block4 div.tmenu-treeview,
.scroll-block5 .container, .scroll-block5 div.tmenu-treeview{overflow:visible;}

        .scroll-block .panel-collapse .panel-body,
        .scroll-block1 .panel-collapse .panel-body,
        .scroll-block2 .panel-collapse .panel-body,
        .scroll-block3 .panel-collapse .panel-body,
        .scroll-block4 .panel-collapse .panel-body,
        .scroll-block5 .panel-collapse .panel-body,
        .scroll-block6 .panel-collapse .panel-body {
            max-height: none;
            overflow: visible;
        }
}

.scrollgrid-b .grid-style > .ngTopPanel + .ngViewport {
    max-height: 515px;
    overflow: auto;
}

.scroll-block2 > .panel{margin-bottom:0;}
  .scrollgrid-b .ngViewport{max-height:540px;}
.mselect-box[multiple], mselect-box[size]{height:400px; padding:0;}
.mselect-box option{padding:5px 10px;}
.mselect-box option:nth-child(odd){background:#e0effa;
    }
.lineheight32 .ngViewport {
      line-height:32px;
}

   .lineheight32 .ngViewport  .edit-icon,.lineheight32 .ngViewport  .delete-icon{
      margin-top:5px;
    }


/*colour picker css*/
ng-color-picker ul {
    padding: 0;
    margin: 0;
}

ng-color-picker li {
    width:20px;
    height:20px;
    box-sizing:border-box;
    display:inline-block;
}

    ng-color-picker li.selected {
        border: 1px solid #eee;
    width:28px;
    height:28px;
    box-sizing:border-box;
    display:inline-block;
    }

/*colour picker css*/
ng-color-picker ul {
    padding: 0;
    margin: 0;
}

ng-color-picker li {
    width:20px;
    height:20px;
    box-sizing:border-box;
    display:inline-block;
}

    ng-color-picker li.selected {
        border: 1px solid #eee;
    width:28px;
    height:28px;
    box-sizing:border-box;
    display:inline-block;
}
.btn-group-rt-15 .form-group{margin:0; padding-top:15px;}
/*.input-group-btn > .btn.btn-default{border:solid 1px #ccc;} help search overwrite*/
.ngViewport {
  height:auto !important;
}
/* tree view */

.template-details-actions .tmenu-widget.tmenu-treeview {
    max-height: 600px;
}
.tmenu-widget.tmenu-treeview {
    color: #428bca;
}
.tmenu-widget.tmenu-treeview:focus{
        -webkit-box-shadow: none;
        box-shadow: none;
      outline:none;
    }
div.tmenu-treeview {
    border-width: 0;
    background: 0;
    overflow: auto;
    white-space: nowrap;
}
ul#treeview {
    margin: 10px 0 10px -10px;
}
.tmenu-treeview .tmenu-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding:0;
}
.tmenu-in, .tmenu-item, .tmenu-window-action {
    border-color: transparent;
}
.tmenu-treeview>.tmenu-group, .tmenu-treeview .tmenu-item>.tmenu-group, .tmenu-treeview .tmenu-content {
    margin: 0;
    padding: 0;
    background: 0;
    list-style-type: none;
    position: relative;
}
.tmenu-treeview>.tmenu-group, .tmenu-treeview .tmenu-item>.tmenu-group{padding-left:16px;}
.tmenu-icon {
    background-image: url('images/tmenu-sprite.png');
    border-color: transparent;
    display: inline-block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -ms-high-contrast-adjust: none;
}
.structuredBlock{background-color:#f9f9f9;}
ul#treeview .tmenu-item .tmenu-in.tmenu-state-selected {
    border: 1px solid;
    color: #fff;
    background-color: #63b1e5;
    border-color: #4da6e1;
}
ul#treeview .tmenu-item .tmenu-in {
    max-width: 82%;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 5px 0;
    padding: 4px 12px;
    line-height: 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #333;
    border-radius:4px;
    background-color:#fff;
}
#document-tree ul#treeview .tmenu-item.movableblock .tmenu-in {
    cursor: pointer;
}
#document-tree ul#treeview .tmenu-item .tmenu-in {
    cursor: auto;
}
.tmenu-treeview .tmenu-plus, .tmenu-treeview .tmenu-minus, .tmenu-treeview .tmenu-plus-disabled, .tmenu-treeview .tmenu-minus-disabled {
    margin-top: .25em;
    margin-left: -16px;
    cursor: pointer;
}

.tmenu-treeview .tmenu-icon, .tmenu-treeview .tmenu-image, .tmenu-treeview .tmenu-sprite, .tmenu-treeview .tmenu-checkbox, .tmenu-treeview .tmenu-in {
    display: inline-block;
    vertical-align: middle;
}
:root *>.tmenu-icon, :root *>.tmenu-sprite, :root *>.tmenu-button-group .tmenu-tool-icon {
    vertical-align: middle;
}
.tmenu-treeview .tmenu-icon, .tmenu-treeview .tmenu-in {
    vertical-align: middle;
}
.tmenu-treeview .tmenu-icon{margin-left:-16px;}
.tmenu-treeview .tmenu-icon + .tmenu-checkbox{margin-left:-3px;}
.tmenu-treeview .tmenu-icon.ng-hide + .tmenu-checkbox{margin-left:0;}
.tmenu-disabled {
    opacity: 0.5;
}
ul#treeview .tmenu-item .tmenu-in.tmenu-state-focused,
ul#treeview .tmenu-item .tmenu-in:hover {
    border: 1px solid #67afe9;
}
ul#treeview .tmenu-item .tmenu-in.noCheckBox {
    margin-left: 18px;
}
.tmenu-treeview .tmenu-plus{background-position:0 0;}
.tmenu-treeview .tmenu-minus{background-position:0 -34px;}
@media(max-width:991px){
.cke_dialog select.cke_dialog_ui_input_select{max-width:600px;}
}
@media(min-width:992px) {
    .sm-only {
        display:none !important;
    }
}
@media(max-width:991px) {
    .md-only {
        display:none !important;
}
    .modal .template-details-actions .grid-style>.ngTopPanel+.ngViewport, .modal .scroll-block{max-height:300px;}

}
.report-designer .btn{min-width:initial;}
.accodion-shorterned-title{display: inline-block;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
  text-overflow: ellipsis;}
@media(min-width:992px) {
    .accodion-shorterned-title {
        width: 360px;
    }
}

.consultant-cke {
    background-color: #eee;
}

    .consultant-cke .cke_reset, .recomedation-cke .cke_reset {
        width: 99.3% !important;
    }

.well.alert-info .dropdown-menu td {
    width: auto;
}

.report-designer .accordionTab {
    position: relative;
}

.icons-sec-visit a {
    font-size: 18px;
    /*margin-right: 7px;*/
}

/*.ngDisplayRowCount {
    display: none;
}

.employee-grid .ngDisplayRowCount {
    display: inline-block;
}*/

.mycompanies-grid .ngDisplayRowCount {
    display: inline-block;   
}
.mycompanies-grid .ngDisplayRowCount .form-control {
 width:160px !important;   
}
 .mycompanies-grid .ngDisplayRowCount .form-control {
        width: auto !important;
}
.btn-padding {
    padding: 7px;
}

input {
    outline: 0;
}
.panel-options{text-align:right; padding:5px; background-color:rgba(254, 237, 199, 0.14)}
.panel-options.ngHide{display:none;}
.panel-options .panelhead-options{
    overflow: hidden;
    height: 26px;
    padding-right: 5px;
    text-align:right;

}
.panel-options .panelhead-options input[type="checkbox"]{margin-top:0; vertical-align: middle;}

.pre-wrap {
    background-color: transparent;
    font-family: Arial;
    border: none;
    padding: 0;
    font-size: 14px;
    border-radius: 0;
    margin: 0;
    word-wrap: break-word;
    white-space: pre;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    white-space: pre\9;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


.ngRow.dragging{opacity:0.75}
.ngRow.dragOver .ngCell{border-bottom:2px solid #2980b9}
#dragIconMultiRows{position:absolute;z-index:-1000}
#dragIconMultiRows .glyphicon{font-size:32px;color:#7A97BC}
#dragIconMultiRows .badge{position:absolute;top:24px;left:20px;background-color:#e74c3c}
ul#treeview .tmenu-item .tmenu-in.tmenu-has-comments {
        color: #000;
        background-color: #a1a1a5
}
ul#treeview .tmenu-item .tmenu-in.tmenu-state-comment{
        background-color: rgb(233,176,59);
        border-color: rgb(233,176,59);
        color: #000;
}
ul#treeview .tmenu-item .tmenu-in.tmenu-state-comment.tmenu-state-selected {
        color: #fff;
        background-color: rgb(233,176,59);
        border-color: #4da6e1;
}
ul#treeview .tmenu-item .tmenu-in.conflicted-block {
    color: #333;
    background-color: #e9b03b;
    border-color: #4da6e1;
}
ul#treeview .tmenu-item .tmenu-in.newly-added-block {
    color: #333;
    background-color: #B7D660;
    border-color: #4da6e1;
}
ul#treeview .tmenu-item .tmenu-in.removed-block {
    background-color: black;
    color: #fff;
}
ul#treeview .tmenu-item .tmenu-in.deleted-bespoke-block {
    color: #333;
    background-color: red;
    border-color: #4da6e1;
}
/* Comments/Notes*/
.comments-notes-list{margin:0; padding:0; background:#fff;}
.comment-head{position:relative; padding:3px 15px 3px 15px; display:block;}
.comment-head .carrow{position:absolute; left:0; top:5px; color:#333;}
.comment-head .time-sec{position:absolute; right:0; top:5px; white-space:nowrap; display:inline-block; color: #666; font-size:11px;}
.comment-head .text-name{font-weight:bold; display:block; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; padding-left:22px;}
.comments-notes-list p{margin-bottom:3px;}
.comments-notes-list .comments-info{margin-left:15px; background-color:#eef6fc; padding-left:22px; padding-bottom: 5px; position:relative; min-height: 25px;}
@media(max-width:1368px) {
    .comments-notes-list .sub-comments .comments-info{padding-left:0;}
    .comments-notes-list .sub-comments .comments-info .fa-user{display:none;}
}
.comments-notes-list .comments-info .fa-user{position:absolute; left:5px; top:5px;}
.comments-notes .sub-comments{padding-left:37px;}
.sub-comments p.comments-info{margin-left:0px; background-color:#f6f6f6; padding-right:10px;}
.sub-comments .subc-name{position:relative; padding:3px 15px 3px 0px; display:block; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}
.sub-comments .subc-name .time-sec{position:absolute; right:0; top:5px; white-space:nowrap; display:inline-block; color: #666; font-size:11px;}
.sub-comments .subc-info{display:block;}
.sub-comments .subc-info .form-control, .subc-info .form-control{padding-right:35px;height: 32px !important;}
.c-toolbox{    position: absolute;
    width: 28px;
    display: block;
    height: 48px;
    left: -28px;
    top: 0;
    text-align: center;}
.c-toolbox a{display:block; height:24px; line-height:24px; color:#575756;}
.c-toolbox a:hover i.fa-remove{color:#ea4767;}
.c-toolbox a:hover i.fa-pencil{color:#fdc649;}
.c-toolbox-reply a{
    position: absolute;
    height: 30px;
    background: #85c7ed;
    width: 25PX;
    padding-top: 5px;
    color: #fff;
    padding-left: 5px;
}
.comments-notes-list .comment-head .fa-user{
    position: absolute;
    top: 5px;
    left: 20px;
}
.c-toolbox-reply a:hover{background: #67b9e8;}
.comments-notes .c-toolbox-reply a{top: 1px; right: 1px;}
.comments-notes .sub-comments .c-toolbox-reply a{top: 27px; right: 11px;}
.comments-info a .removecomment{position: absolute; left: 5px;color:#575756;top: 3px;}
.comments-info a .removecomment:hover{color: #ea4767;}
.merge-field-only merge-field, .merge-field-only merge-field .marker {
    background-color: #ba3549;
    border-color: #6b1724;
    color: #ffffff;
}
.review-content merge, .review-content merge-field, .review-content .mergefield-attribute, .review-content .mergefield-value, .review-content merge merge-empty{color:#575756}
.review-content .marker{background-color:yellow; color:inherit}
.review-content .mergefield-value .marker{color: #333; background-color: rgb(233,176,59);}
.review-content merge merge-empty {
    display: none;
}
#document-data .nav-select {
   text-align:center;
   margin-top:10px;
}
#document-data .nav-select label{margin-bottom:0px;}
#document-data .nav-select label span{
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}
.question-priority .input-group-btn .btn.btn-default.dropdown-toggle{background:transparent;border:0px;}
.question-priority .input-group-btn .btn.btn-default.dropdown-toggle .caret{color:#000;}
.question-priority .input-group-btn.open .btn.btn-default.dropdown-toggle .caret {border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid;}
ul#color-dropdown-menu {top: -8px;left: 40px;border: 1px solid #cccccc;border-radius: 3px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);padding:10px 5px;}
ul#color-dropdown-menu:before,ul#color-dropdown-menu:after {content: "";position: absolute;right: 100%;top: 10px;width: 0;height: 0;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-right: 15px solid #000;
    border-bottom: 10px solid transparent;
}
ul#color-dropdown-menu:after {border-right: 15px solid #fff;}
ul#color-dropdown-menu li {margin: 10px 0px;display: inline;}
ul#color-dropdown-menu li a{display:inline;padding:0px 7px;}
ul#color-dropdown-menu li a span{display:inline-block;width: 20px;height: 20px;vertical-align: middle;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}
@media(max-width:991px) {
     .dash-component.col-md-3{width:100%;}
    .dash-component.col-md-6{width:100%;}
    /*.report-designer-m .action-icon{display:none;}*/
}
@media(min-width:992px){
    .dash-component.col-md-3{width:25%;}
    .dash-component.col-md-6{width:50%;}
    .dash-component.expand-left.col-md-6,.dash-component.expand-right.col-md-6{width:69%;}
    .dash-component.collapse-left.col-md-3,.dash-component.collapse-right-panel.col-md-3{width:6%;}
    .dash-component.col-md-9 {width: 75%;}
    .iso-dash-component.col-md-9  {width: 100%;}
    .dash-component.expand-right.expand-left.col-md-6{width:88%;}
    .dash-component.expand-left.col-md-9{width:94%;}
    .dash-component.col-md-3.expand-right {width: 94%;}
    .dash-component.col-md-9.collapse-left {width: 6%;}
    .padding-right-md0{padding-right:0 !important;}
    .padding-left-md0{padding-left:0 !important;}
}

@media(min-width:992px) and (max-width:1300px) {
    .collapse-left .content-header {
        width: 700%;
        margin-top: 700%;
    }

    .collapse-right-panel .content-header {
        width: 900%;
        margin-top: 900%;
    }
}
.hide-comments{display:none;}
.head-tabs{ padding:7px; height:40px; display: inline-block; margin-top: -10px; cursor:pointer;}
.head-tabs i{font-size:18px;}
.head-tabs.active{background-color:#fff; border:solid 1px; border-radius:3px 3px 0 0}
.head-tabs.active i, #data-Comments .active i{display:none;}
.head-tabs b{display:none;}
.head-tabs.active b{display:inline;}
.linkedblock{position:relative; padding-right:25px;}
.linkedblock .cbox-linked {
    position: absolute;
    right: 0;
    top: 10px;
}
@media (max-width:767px) {
    .svisit-custom-table td{display:block; width:100%;}
}

.cke_contents > iframe {
    width: 100% !important;
}