html, body {
    height: 100%;
}

canvas {
    max-width: 100%;
    /*max-height: 100%;*/
}

.wrapper {
    height: 100%;
}

/* mselect */
.mselect {
    border: 1px solid #b7b7b7;
    max-height: 350px;
    overflow-y: auto;
    min-height: 32px;
}
.mselect ul {
    margin: 0;
    padding: 0;
        list-style: none;
}

.mselect ul li {
    position: relative;
    overflow: hidden;
    margin: 0;
}

.mselect ul li input[type='checkbox'] {
    position: absolute;
    left: -20px;
}

.mselect ul li label {
    border-bottom: solid 1px #b7b7b7;
    padding: 10px;
    width: 100%;
    background-color: #fff;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}

.mselect ul li input[type='checkbox']:checked + label {
    background-color: #d6ecf9;
}

.wrapper .main-container {
    margin-bottom: -160px;
    min-height: 100%;
    padding-bottom: 160px;
    padding-top: 108px;
}

    .wrapper .main-container .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1070;
    }

@media (max-width: 1010px) {
    .wrapper .main-container {
        padding-top: 0;
    }

    /*.wrapper .main-container .header {
            position: relative;
        }*/
}

@media (max-width: 580px) {
    .wrapper .main-container {
        margin-bottom: -250px;
        padding-bottom: 250px;
    }
}

.padding0 {
    padding: 0 !important;
}

.paddingtop-0 {
    padding-top: 0 !important;
}

.container-info.margin0 {
    margin: 0;
}

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

main > .container {
    padding: 0 !important;
}

.text-right {
    text-align: right;
}

.text-red {
    color: #ff0000;
}

.text-yellow {
    color: #fdc649;
}

.pushbottom-10 {
    margin-bottom: 10px;
}

.hide {
    display: none;
}

.top-nav {
    background: #323031 none repeat scroll 0 0;
    position: relative;
    width: 100%;
}

    .top-nav .logo {
        float: left;
        margin-right: 10px;
        padding: 7px;
    }

        .top-nav .logo img {
            max-width: 100%;
        }

    .top-nav .nav-links {
        float: left;
        list-style: outside none none;
        margin: 0 0 0 10px;
        padding: 0;
    }

@media (min-width: 320px) and (max-width: 767px) {
    .top-nav .nav-links {
        margin: 0;
    }

    .modal-content {
        margin-top: 64px;
    }
}

.top-nav .nav-links li {
    float: left;
    font-size: 14px;
    margin: 0 10px;
}

.top-nav .nav-links a {
    color: #ffffff;
    display: block;
    line-height: 16px;
    padding: 21px 0 18px;
    text-decoration: none;
}

@media (max-width: 767px) {
    .top-nav .nav-links li a {
        padding: 5px 0;
    }
}

.top-nav .nav-links li a:hover {
    background: transparent none repeat scroll 0 0;
    color: #fdc649;
    text-decoration: none;
}

.top-nav .nav-links li a:focus, .top-nav .nav-links li a:active, .top-nav .nav-links li a:visited {
    background: transparent none repeat scroll 0 0;
    text-decoration: none;
}

.top-nav .nav-links li a .caret {
    display: none;
}

@media (max-width: 767px) {
    .top-nav .nav-links li a .caret {
        display: inline;
        float: right;
        margin: 8px 5px;
    }
}

.notify-nav {
    background: #87878c;
    padding: 10px 0;
    margin-top: 57px;
    left: 200px;
    position: absolute;
    right: 0;
}

@media (max-width: 1024px) {
    .notify-nav {
        left: 60px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .notify-nav {
        padding-top: 0;
        left: 0;
    }
}

.legend-info {
    margin-top: 10px;
}

.notify-nav .notify-header {
    padding-right: 14px;
}
    /*.notify-nav .notify-header i {
        color: #fdc649;
        font-size: 32px;
        margin-right: 10px;
        height: 32px;
        line-height: 32px;
        float: left;
    }

    .notify-nav .notify-header i {
        color: #fdc649;
        font-size: 32px;
        margin-right: 10px;
        height: 32px;
        line-height: 32px;
        float: left;
}*/

    .notify-nav .notify-header h1 {
        color: #fdc649;
        font-size: 28px;
        margin: 2px 0 0 0;
    }

    .notify-nav .notify-header h4 {
        color: #ffffff;
        font-size: 16px;
        margin: 0 0 0 10px;
    }

    .notify-nav .notify-header .col-md-4 {
        margin-top: 8px;
    }

@media (min-width: 320px) and (max-width: 767px) {
    .notify-nav {
        display: none;
    }
}

.info-icon, .view-icon {
    /*border-radius: 50%;*/
    color: #ffffff;
    display: inline-block;
    height: 32px;
    overflow: hidden;
    text-align: center;
    width: 32px;
    line-height: 32px;
    font-size: 20px;
}

    .info-icon:hover, .view-icon:hover {
        color: #ffffff;
    }
/*@media (max-width: 767px) {
    .info-icon, .view-icon {
        height: 24px;
        width: 24px;
        line-height: 24px;
    }
    }*/

.info-icon {
    background: #67b9e8;
}

.view-icon {
    background: #67b9e8;
}

.icon-text {
    color: #67b9e8;
    display: inline-block;
    /*font-size: 16px;*/
    height: 32px;
    overflow: hidden;
    padding: 0 40px 0 10px;
    position: relative;
    text-decoration: none;
}

    .icon-text i {
        color: #7fc395;
        display: inline-block;
        font-size: 32px;
        height: 32px;
        margin-top: -16px;
        overflow: hidden;
        position: absolute;
        right: 0;
        text-align: center;
        top: 50%;
        width: 32px;
    }

    .icon-text .text {
        display: table-cell;
        height: inherit;
        line-height: 16px;
        vertical-align: middle;
        text-transform: capitalize;
    }

    .icon-text:active, .icon-text:visited, .icon-text:focus {
        color: #67b9e8;
        text-decoration: none;
    }

    .icon-text:hover {
        color: #05558e;
        text-decoration: none;
    }

    .icon-text:hover {
        color: #05558e;
        text-decoration: none;
    }

    .icon-text.icon-text-left {
        padding: 0 10px 0 58px;
    }

        .icon-text.icon-text-left .circle {
            left: 0;
            right: auto;
        }

.add-new .circle {
    background: #fdc649;
}

.view-archive.icon-text-left {
    padding: 0 10px 0 46px;
}

@media (max-width: 767px) {
    .view-archive {
        font-size: 14px;
        padding: 0 34px 0 10px;
    }

        .view-archive.icon-text-left {
            padding: 0 10px 0 34px;
        }
}


.archive-icon {
    background: #67b9e8;
}

.deactive, .ra-display a.deactive {
    background: #898b8b;
}


.view-img-i {
    background-position: -1224px 0;
    height: 32px;
    width: 32px;
}

.archived-i {
    background-position: -1260px 0;
}

@media (max-width: 767px) {
    .view-img-i {
        background-position: -816px 0;
        height: 24px;
        width: 24px;
    }

    .archived-i {
        background-position: -840px 0;
    }
}
.file-i {
    background-position: -520px 0;
}

.save-i {
    background-position: -650px 0;
}

.print-i {
    background-position: -780px 0;
}

.email-i {
    background-position: -910px 0;
}

.circle-xl .fa {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 130px;
    height: 130px;
    font-size: 80px;
}

a .circle-xl .fa, a:hover .circle-xl .fa, a:focus .circle-xl .fa, a:active .circle-xl .fa {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .file-i {
        background-position: -320px 0;
    }

    .save-i {
        background-position: -400px 0;
    }

    .print-i {
        background-position: -480px 0;
    }

    .email-i {
        background-position: -560px 0;
    }

    .circle-xl .fa {
        vertical-align: middle;
        width: 80px;
        height: 80px;
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    #ddList-selectlist3 {
        z-index: 1;
    }

    .iocns-select {
        margin-bottom: 15px;
    }
}

.btn-brown {
    background: #8B3232;
}

.btn-yellow {
    background: #fdc649;
}

.btn-greenish {
    background: #00e6b8;
}

.btn-redish {
    background: #FF0505;
}



.btn-red {
    background: #ea4767;
}

    .btn-red .icon {
        background: #e51942;
    }

.btn-green {
    background: #73c599;
}

    .btn-green .icon {
        background: #009245;
    }


.btn-orange {
    background: #fdd16d;
}

    .btn-orange .icon {
        background: #fdc649;
    }

        .btn-orange .icon i {
            line-height: inherit;
        }

.btn-orange-d {
    background: #f08539;
}

    .btn-orange-d .icon {
        background: #ec6608;
    }

        .btn-orange-d .icon i {
            line-height: inherit;
        }



/*.block-lable {
margin-bottom: 15px;
}*/

.select-a .ddListContainer > a {
    border-color: #05558e !important;
}

.select-a .arrow {
    background: #05558e;
}

.error .select-a {
    border-color: #ff0000 !important;
}



.error .search-a {
    border-color: #cf2f44 !important;
}

.search-a .angucomplete-dropdown {
    border: solid 1px #05558e;
    margin-top: 0;
    max-height: 250px;
    overflow: auto;
    background-color: #fff;
    padding: 5px;
}

.search-a .search-icon {
    background: #05558e;
}

.block-lable label {
    display: block;
    line-height: 20px;
    padding-right: 0;
    white-space: normal !important;
    width: auto;
    font-weight: normal;
}

.block-lable .select-box, .block-lable .search-box {
    display: block;
}

.select-sec.block-lable, .search-sec.block-lable {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .no-phone {
        display: none;
    }
}

.container-scroll {
    max-height: 150px;
}

.container-info {
    /*background: #ffffff;*/
    /*margin-left: 80px;*/
    overflow: hidden;
}

/*@media (max-width: 767px) {
    .container-info {
        margin-left: 54px;
    }
        }*/

.expanded {
    box-shadow: 5px 0 10px 0 rgba(50, 50, 50, 0.5);
}

.backlayer {
    background: #fff;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    opacity: 0.4;
}

 .filters-ra .sub-menu {
    background: #ffffff;
    /*border-top: 1px solid #05558e;*/
    color: #000000;
    /*display: none;*/
    font-size: 16px;
    margin: 0;
    padding: 5px 15px;
    max-height: 300px;
    overflow: auto;
}

.filters-ra .sub-menu li {
        line-height: 40px;
        margin: 0;
        min-height: 40px;
        overflow: hidden;
        padding: 5px 50px 5px 50px;
        position: relative;
    }

.filters-ra {
    margin-bottom: 15px;
}

    .filters-ra h3 {
        margin-top: 5px;
    }

    .filters-ra .sub-menu li .switches-nav {
        position: absolute;
        right: 0px;
        top: 0;
    }

@media (min-width:768px) {
    .filters-ra .sub-menu li {
        float: left;
        width: 50%;
        padding: 5px 70px 5px 50px;
    }

        .filters-ra .sub-menu li .switches-nav {
            right: 20px;
        }

    .hp-info dt {
        width: 100px;
    }

    .hp-info dd {
        margin-left: 115px;
    }
}

.filters-ra .sub-menu li span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}



.filters-ra .sub-menu li .sub-menu-thumb {
    height: 36px;
    left: 0px;
    margin-top: -18px;
    padding: 2px;
    position: absolute;
    top: 50%;
    width: 36px;
}
.filters-ra .sub-menu li .sub-menu-thumb img {
        max-width: 100%;
    }

@media (max-width: 767px) {

    .sm-scroll {
        width: 100%;
        max-width: 100%;
        overflow-x: scroll;
    }
}
.switches-nav {
    float: right;
}

.pushbottom-15 {
    margin-bottom: 15px;
}

.pushtop-20 {
    margin-top: 20px;
}

.red {
    color: #ea4767;
}

.label.red {
    background: #ea4767;
    color: #ffffff;
}

.green {
    color: #7fc395;
}

.label.green {
    background: #7fc395;
    color: #ffffff;
}

.blue {
    color: #67b9e8;
}

.label.blue {
    background: #67b9e8;
    color: #ffffff;
}

.ra-detail-view dl {
    font-size: 15px;
}

    .ra-detail-view dl dt {
        font-size: 16px;
        padding-top: 10px;
        text-transform: capitalize;
    }

    .ra-detail-view dl dd {
        border-bottom: 1px solid #05558e;
        color: #575756;
        overflow: hidden;
        padding: 10px;
        font-size: 14px;
    }

        .ra-detail-view dl dd .icons-list {
            margin: 0;
            padding: 0;
        }

            .ra-detail-view dl dd .icons-list li {
                line-height: 36px;
                margin: 2px 0;
            }

        .ra-detail-view dl dd:last-child {
            border-bottom: medium none;
        }


.site-locations {
    margin: 10px 0;
    padding: 0;
}

    .site-locations li {
        margin-bottom: 15px;
        overflow: hidden;
    }

.affecte-list {
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0;
}

    .affecte-list li {
        float: left;
        height: 36px;
        margin: 5px 0;
        overflow: hidden;
        width: 33.33%;
        position: relative;
        padding: 0 60px 0 55px;
        line-height: 36px;
    }

.modal .affecte-list li {
    width: 50%;
    min-height: 28px;
}

.affecte-list li .sub-menu-thumb {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 10px;
    top: 0;
    display: block;
}

.affecte-list li .switch {
    position: absolute;
    right: 10px;
    top: 0;
}

.affecte-list li .text {
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.affecte-list li .icon-img {
    height: 36px;
    width: 36px;
}

@media (max-width: 1024px) {

    .affecte-list li .nav-icons {
        float: left;
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .affecte-list li {
        height: auto;
        line-height: 24px;
        width: 100%;
    }

    .modal .affecte-list li {
        width: auto;
        float: none;
    }
}

.affecte-list li.nav-disable {
    color: #777777;
}

.hr-blue {
    background: #05558e;
    border: medium none;
    height: 1px;
}

.hr-white {
    background: #ffffff;
    border: medium none;
    height: 1px;
}
.ddListContainer > ul {
    border-color: #05558e;
}

.container-hazard {
    text-align: center;
}

    .container-hazard img {
        margin-bottom: 5px;
        max-height: 128px;
        max-width: 128px;
    }

    .grid-c li .container-hazard .img-sec img, .container-hazard .img-sec img {
        max-height: 106px;
        max-width: 106px;
    }

    .container-hazard .icons-sec {
        overflow: hidden;
        display: inline-block;
    }

    .container-hazard .text {
        display: table-cell;
        font-size: 14px;
        height: 40px;
        line-height: normal;
        max-width: 100%;
        vertical-align: middle;
        width: 600px;
        text-transform: capitalize;
    }

        .container-hazard .text strong {
            display: none;
        }

.control-uname {
    color: #878786;
    height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 16px;
}

.hide-controls .container-hazard .text strong {
    display: inline;
    color: #878786;
    font-weight: 300;
}

.hide-controls .container-hazard .control-uname {
    display: none;
}

@media (min-width:768px) {
    .container-hazard .text {
        display: block;
        height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .hide-controls .container-hazard .text {
        height: 40px;
        white-space: inherit;
        display: table-cell;
    }
}

.hazards-box .text {
    font-size: 16px;
}

.hinfo {
    line-height: 40px;
    margin-bottom: 10px;
    min-height: 40px;
}

    .hinfo .hicons-sec {
        display: table-cell;
        vertical-align: middle;
        width: 105px;
    }

        .hinfo .hicons-sec .edit-icon, .hinfo .hicons-sec .delete-icon {
            float: left;
            margin-right: 10px;
        }

@media (max-width: 767px) {
    .hinfo .hicons-sec {
        width: 70px;
    }
}

.hinfo .text {
    display: table-cell;
    line-height: normal;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .hinfo {
        line-height: 24px;
        min-height: 24px;
    }
}

.container-hazard .img-sec {
    height: 106px;
    width: 106px;
    margin: auto auto 5px auto;
}


.container-hazard.hazards-box {
    margin: 5px 0;
}

.label-text {
    border-bottom: 1px solid #05558e;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

/*.textarea-f label {
    font-weight: normal;
}*/

.textarea-f textarea {
    height: 150px;
}

.modal .textarea-f textarea {
    height: 115px;
}

.modal .height-b textarea {
    height: 135px;
}

.modal .height-s textarea {
    height: 80px;
}

@media (max-width: 767px) {
    .textarea-f textarea {
        height: 100px;
    }

    .container-hazard .img-sec {
        margin: auto;
    }

    .modal .textarea-f textarea {
        height: 80px;
    }

    .modal .height-b textarea {
        height: 80px;
    }
}

.modal .height-b textarea {
    height: 80px;
}

.textarea-large textarea {
    height: 250px;
}

@media (max-width: 767px) {
    .textarea-large textarea {
        height: 150px;
    }
}

.modal-header, .modal-footer {
    border-color: #05558e;
}

.modal-content .modal-footer {
    border-top: 1px solid;
}

.list-group {
    margin: 0;
    padding: 0;
}

    .list-group li {
        margin: 5px;
        min-height: 30px;
        vertical-align: middle;
    }

        .list-group li span {
            display: inline-block;
            line-height: normal;
        }

.modal-header .btn-clear {
    position: absolute;
    right: 15px;
    top: 15px;
}

@media (max-width: 767px) {
    .modal-header .btn-clear {
        padding: 0 28px 0 0;
    }

        .modal-header .btn-clear .text {
            display: none;
        }
}

@media (max-width: 767px) {
    .modal-header .modal-title {
        font-size: 18px;
    }
}

.modal-content {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

/*.grid-c {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    .grid-c li {
        float: left;
        width: 25%;
    }

        .grid-c li .container-hazard {
            margin: 5px 20px;
        }

            .grid-c li .container-hazard .text {
                font-size: 14px;
            }

                .grid-c li .container-hazard .text p {
                    padding-top: 5px;
                    color: #666;
                }*/
@media (max-width: 1024px) {
    .controls-sec .grid-c li {
        width: 33.33%;
    }
}

@media (max-width: 991px) {
    .grid-c li {
        width: 33.33%;
    }

        .grid-c li .container-hazard {
            margin: 5px 10px;
        }
}

@media (min-width:768px) {

    .hazards-grid > li {
        float: none;
        width: 100%;
    }

        .hazards-grid > li > div {
            width: 25%;
            float: left;
        }

    .hide-controls.hazards-grid > li > div {
        width: 100%;
        float: none;
    }
}

@media (min-width:993px) {

    .hazards-grid > li {
        float: none;
        width: 100%;
    }

        .hazards-grid > li > div {
            width: 25%;
            float: left;
        }
}

@media (min-width:768px) and (max-width:992px) {

    .hazards-grid > li {
        float: none;
        width: 100%;
    }

        .hazards-grid > li > div {
            width: 33.33%;
            float: left;
        }
}




@media (max-width: 767px) {
    .grid-c.grid-controls li {
        float: none;
        overflow: hidden;
        width: 100%;
    }

        .grid-c.grid-controls li .container-hazard {
            display: table;
            margin: 5px 0;
            overflow: hidden;
            width: 100%;
        }

            .grid-c.grid-controls li .container-hazard .img-sec {
                display: table-cell;
                vertical-align: middle;
                width: 50px;
                height: 50px;
                word-wrap: break-word;
            }

                .grid-c.grid-controls li .container-hazard .img-sec img {
                    float: left;
                    margin-right: 10px;
                    max-width: 50px;
                    max-height: 50px;
                }

            .grid-c.grid-controls li .container-hazard .text {
                height: 50px;
                text-align: left;
                width: auto;
                padding-left: 10px;
            }

            .grid-c.grid-controls li .container-hazard .icons-sec {
                display: table-cell;
                text-align: right;
                vertical-align: middle;
                width: 80px;
            }

    .icon-one.grid-controls li .container-hazard .icons-sec {
        width: 30px;
    }
}

@media (max-width: 580px) {
    .grid-c.grid-controls li .container-hazard .img-sec {
        width: 36px;
        height: 36px;
        display: none;
    }

        .grid-c.grid-controls li .container-hazard .img-sec img {
            max-width: 36px;
            max-height: 36px;
        }

    .grid-c.grid-controls li .container-hazard .text {
        height: 36px;
        padding-left: 0;
    }
}

.grid-c.hide-controls {
    min-height: 150px;
    padding-right: 140px;
    position: relative;
}

    .grid-c.hide-controls li {
        float: none;
        overflow: hidden;
        width: 100%;
        min-height: 40px;
    }

        .grid-c.hide-controls li .container-hazard {
            padding-left: 85px;
            position: relative;
        }

            .grid-c.hide-controls li .container-hazard.icons3 {
                padding-left: 120px;
            }

.grid-c.hide-text .container-hazard .control-uname {
    display: none;
}

.grid-c.hide-text .container-hazard .text {
    display: none;
}

.review .hide-controls li .container-hazard {
    padding-left: 0px;
    position: relative;
}

.grid-c.hide-controls li .container-hazard .icons-sec {
    left: -10px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
}

    .grid-c.hide-controls li .container-hazard .icons-sec a {
        margin: 0 5px;
    }

.grid-c.hide-controls li .container-hazard .text {
    text-align: left;
    width: 100%;
}

.grid-c.hide-controls li .container-hazard .img-sec {
    display: none;
}

@media (max-width: 767px) {
    .grid-c.hide-controls li .container-hazard {
        padding-left: 75px;
    }

        .grid-c.hide-controls li .container-hazard .icons-sec {
            margin-top: -16px;
            left: 0;
        }

            .grid-c.hide-controls li .container-hazard .icons-sec a {
                margin: 0 3px;
            }

        .grid-c.hide-controls li .container-hazard .text {
            height: 34px;
        }
}

.grid-c.hide-controls .add-control {
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
}

    .grid-c.hide-controls .add-control .container-hazard {
        margin: 5px 0;
        padding: 0;
        position: relative;
    }

        .grid-c.hide-controls .add-control .container-hazard .text {
            text-align: center;
        }

        .grid-c.hide-controls .add-control .container-hazard .img-sec {
            display: block;
        }

.icon-one.hide-controls li .container-hazard {
    padding-left: 40px;
}

.icon-one .container-hazard .icons-sec {
    width: 40px;
}

@media (max-width: 767px) {
    .hide-controls {
        min-height: 100px;
        padding-right: 0;
    }

        .hide-controls .add-control {
            position: static;
            text-align: center;
            width: 100%;
        }

            .hide-controls .add-control .container-hazard {
                margin: 5px 0;
                padding: 0;
                position: relative;
            }

                .hide-controls .add-control .container-hazard .text {
                    text-align: left;
                }

                .hide-controls .add-control .container-hazard .img-sec {
                    display: table-cell;
                }


    .icon-one.hide-controls li .container-hazard {
        padding-left: 30px;
    }

    .icon-one .container-hazard .icons-sec {
        width: 30px;
    }
}

@media (max-width: 580px) {
    .hide-controls {
        min-height: 50px;
    }

        .hide-controls li .container-hazard .text {
            height: 30px;
        }
}

.hide-hazards img {
    display: none;
}

.hide-hazards .container-hazard .text {
    display: none;
}

.hide-hazards .text {
    text-align: left;
}

@media (max-width: 767px) {
    .controls-sec .hazards-box, .controls-sec .grid-controls {
        padding-top: 30px;
    }

    .hazards-box::before {
        content: attr(data-title);
        font-size: 18px;
        left: 0;
        position: absolute;
        text-align: center;
        top: 5px;
        width: 100%;
    }

    .grid-controls::before {
        content: attr(data-title);
        font-size: 20px;
        left: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

    .container-hazard.hazards-box {
        margin-bottom: 10px;
    }

    .hazards-box.hide-hazards .text {
        text-align: center;
    }

    .container-hazard.hazards-box img {
        max-height: 100px;
    }
}

@media (max-width:580px) {
    .container-hazard.hazards-box img {
        max-height: 60px;
    }
}

.preview-sec {
    overflow: hidden;
    margin-bottom: 20px;
}

    .preview-sec .labels {
        display: block;
        margin-bottom: 5px;
    }

    .preview-sec .preview {
        border: 1px solid #b7b7b7;
    }

        .preview-sec .preview .text {
            min-height: 32px;
        }

        .preview-sec .preview .icon-display {
            height: 160px;
            padding: 5px;
            position: relative;
            text-align: center;
        }

            .preview-sec .preview .icon-display .shape, .preview-sec .preview .icon-display .graphic {
                color: #ea4767;
                height: 160px;
                left: 0;
                padding: 10px;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: 1;
            }

@media (max-width:767px) {

    .preview-sec .preview .icon-display {
        height: 100px;
    }

        .preview-sec .preview .icon-display .shape, .preview-sec .preview .icon-display .graphic {
            height: inherit;
            padding: 5px;
        }
}

.preview-sec .preview .icon-display .shape img, .preview-sec .preview .icon-display .graphic img, .preview .icon-display img {
    max-width: 100%;
    max-height: 100%;
}

.preview-sec .preview .icon-display .graphic {
    color: #ffffff;
    z-index: 2;
}

.preview-sec .preview .text {
    display: block;
    padding: 5px;
    text-align: center;
}

.colors-panel {
    overflow: hidden;
}

    .colors-panel .text {
        display: block;
        margin-bottom: 5px;
    }

    .colors-panel .colors-sec {
        overflow: hidden;
        text-align: left;
    }

        .colors-panel .colors-sec .colors {
            border: 2px solid transparent;
            display: inline-block;
            height: 36px;
            width: 36px;
        }

        .colors-panel .colors-sec .active.colors {
            border-color: #005c91;
        }

    .colors-panel .yellow-cl {
        background: #fdc649;
    }

    .colors-panel .red-cl {
        background: #ea4767;
    }

    .colors-panel .green-cl {
        background: #7fc395;
    }

    .colors-panel .blue-cl {
        background: #67b9e8;
    }

.file-attach-sec {
    background: #67b9e8;
    color: #ffffff;
    padding: 15px;
}

    .file-attach-sec .attachment {
        padding-left: 60px;
        position: relative;
    }

        .file-attach-sec .attachment a {
            color: #ffffff;
            text-decoration: underline;
        }

        .file-attach-sec .attachment i {
            font-size: 40px;
            left: 0;
            position: absolute;
            top: 0;
        }

        .file-attach-sec .attachment .att-icon-sec {
            height: 40px;
            left: 0;
            position: absolute;
            top: 0;
            width: 40px;
        }

@media(max-width:767px) {
    .file-attach-sec .attachment {
        padding-left: 30px;
    }

        .file-attach-sec .attachment i {
            font-size: 20px;
        }
}

.file-attach-sec ul {
    margin: 0;
    padding: 0;
}

    .file-attach-sec ul li {
        overflow: hidden;
    }

        .file-attach-sec ul li .progress-sec {
            padding-right: 40px;
            position: relative;
            padding-top: 3px;
        }

            .file-attach-sec ul li .progress-sec .text {
                float: left;
                font-size: 14px;
                line-height: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                width: 50%;
            }

            .file-attach-sec ul li .progress-sec .progress-m {
                float: left;
                width: 50%;
            }

                .file-attach-sec ul li .progress-sec .progress-m .progress {
                    background: #05558e;
                    border-radius: 10px;
                    height: 15px;
                    margin: 8px 0;
                }

                    .file-attach-sec ul li .progress-sec .progress-m .progress .progress-bar {
                        font-size: 10px;
                        line-height: 15px;
                    }

                    .file-attach-sec ul li .progress-sec .progress-m .progress .no-val {
                        font-size: 10px;
                        line-height: 15px;
                        text-align: center;
                        width: 100%;
                    }

            .file-attach-sec ul li .progress-sec .delete-icon {
                height: 26px;
                position: absolute;
                right: 0;
                top: 0;
                width: 26px;
            }

                .file-attach-sec ul li .progress-sec .delete-icon i {
                    line-height: 26px !important;
                    width: 26px !important;
                    text-align: center;
                    display: table-cell;
                }

.iocns-select {
    margin-bottom: 20px;
}

    .iocns-select:first-child {
        position: relative;
        z-index: 6;
    }

    .iocns-select:nth-child(2) {
        position: relative;
        z-index: 5;
    }

    /*.iocns-select label {
        font-weight: normal;
    }*/

    .iocns-select .select-icon-box {
        position: relative;
    }

        .iocns-select .select-icon-box .selected-item {
            border: 1px solid #05558e;
            display: block;
            height: 120px;
            padding: 5px;
            text-align: center;
        }

            .iocns-select .select-icon-box .selected-item img {
                max-width: 110px;
            }

        .iocns-select .select-icon-box .arrow {
            background: #05558e;
            color: #ffffff;
            font-size: 35px;
            height: 119px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            width: 30px;
        }

            .iocns-select .select-icon-box .arrow .fa {
                bottom: 5px;
                left: 5px;
                position: absolute;
            }

    .iocns-select .ddListContainer {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 3;
    }

        .iocns-select .ddListContainer ul li a {
            padding-right: 30px;
            text-align: center;
        }

            .iocns-select .ddListContainer ul li a img {
                float: none;
                margin: 4px;
                max-height: 40px;
                max-width: 40px;
            }

        .iocns-select .ddListContainer a {
            padding-right: 30px;
            text-align: center;
        }

            .iocns-select .ddListContainer a img {
                float: none;
                margin: 4px;
                max-height: 110px;
                max-width: 110px;
            }

@media (max-width:767px) {
    .iocns-select .select-icon-box .selected-item {
        height: 90px;
    }

    .iocns-select .ddListContainer a img {
        max-height: 80px;
        max-width: 80px;
    }

    .iocns-select .select-icon-box .arrow {
        height: 89px;
    }
}

.grid-icons-sec {
    min-width: 80px;
    text-align: right;
}

    .grid-icons-sec a {
        float: right;
        margin-left: 10px;
    }

.drag-sec {
    margin-bottom: 20px;
}

    .drag-sec h4 {
        margin-bottom: 5px;
    }

        .drag-sec h4 span {
            font-size: 14px;
        }

    .drag-sec .slider-bt-val {
        color: #000000;
        line-height: 12px;
    }

@media (max-width: 767px) {
    .only-sm {
        display: none;
    }
}


.slider.slider-disabled .slider-handle {
    background: #67b9e8;
}

.table-cell {
    display: table-cell;
    height: 195px;
    vertical-align: bottom;
}

@media (max-width: 767px) {
    .table-cell {
        float: right;
        height: auto;
    }
}

.scroll-pop {
    max-height: 400px;
}

.file-attach-sec ul li .progress-sec.page-in .text {
    width: 35%;
}

.file-attach-sec ul li .progress-sec.page-in .add-label {
    float: left;
    width: 25%;
}

    .file-attach-sec ul li .progress-sec.page-in .add-label input[type="text"] {
        border: 1px solid #05558e;
        color: #000000;
        margin: 0 5%;
        padding: 1px 5px;
        width: 90%;
    }

.file-attach-sec ul li .progress-sec.page-in .progress-m {
    width: 40%;
}

.icon-set {
    display: inline-block;
    position: relative;
}

    .icon-set .circle-xl {
        border-radius: 50%;
        height: 130px;
        position: relative;
        width: 130px;
        margin: 0 auto 7px auto;
    }

        .icon-set .circle-xl .text {
            display: block;
            font-size: 14px;
            font-weight: 700;
            left: 29px;
            line-height: 28px;
            position: absolute;
            text-transform: uppercase;
            top: 36px;
            width: 52px;
            z-index: 1;
        }

    .icon-set .circle-md {
        border-radius: 50%;
        position: relative;
        height: 80px;
        width: 80px;
    }

        .icon-set .circle-md .text {
            display: block;
            font-size: 11px;
            font-weight: 700;
            left: 17px;
            line-height: 28px;
            position: absolute;
            text-transform: uppercase;
            top: 17px;
            width: 32px;
            z-index: 1;
        }

    .icon-set .circle-mds {
        height: 22px;
        width: 22px;
        border-radius: 50%;
        bottom: 0;
        position: absolute;
        right: 5px;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        line-height: 22px;
    }

@media (max-width: 767px) {
    .icon-set .circle-xl {
        height: 80px;
        width: 80px;
    }

        .icon-set .circle-xl .text {
            font-size: 11px;
            left: 17px;
            line-height: 18px;
            top: 22px;
            width: 32px;
        }
}

.icon-set .circle-xs {
    border-radius: 50%;
    bottom: 0;
    height: 30px;
    position: absolute;
    right: 5px;
    width: 30px;
}

@media (max-width: 767px) {
    .icon-set .circle-xs {
        height: 24px;
        width: 24px;
    }
}

.file-type-sec {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    .file-type-sec li {
        text-align: center;
        float: left;
        padding: 10px;
        width: 25%;
        list-style: none;
    }

@media (max-width: 767px) {
    .file-type-sec li {
        width: 33.33%;
    }
}

@media (max-width: 580px) {
    .file-type-sec li {
        width: 50%;
    }
}

.file-type {
    text-align: center;
    display: block;
}

    .file-type a {
        text-decoration: none;
        overflow: hidden;
        display: inline-block;
        max-width: 100%;
    }

        .file-type a:hover, .file-type a:focus {
            text-decoration: none;
        }

        .file-type a h3 {
            color: #000000;
            font-size: 18px;
            margin-top: 10px;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .file-type a .text {
            display: block;
            text-align: center;
            font-size: 16px;
            height: 26px;
        }

        .file-type a:hover > .text {
            text-decoration: underline;
        }

@media (max-width: 767px) {
    .file-type a h3 {
        font-size: 16px;
    }
}

.file-type a .text-sm {
    color: #000000;
    font-size: 12px;
}

.icon-orange {
    background: #fdc649;
}

    .icon-orange .text {
        color: #fdc649;
    }

.icon-red {
    background: #ea4767;
}

    .icon-red .text {
        color: #ea4767;
    }

.icon-blue {
    background: #67b9e8;
}

    .icon-blue .text {
        color: #67b9e8;
    }

.icon-green {
    background: #7fc395;
}

    .icon-green .text {
        color: #7fc395;
    }

.icon-dark-blue {
    background: #05558e;
}

.file-block {
    background: #000000;
    padding: 10px;
    text-align: center;
}

.details {
    padding: 10px 0;
}

.review {
    border: 1px solid #217ba0;
    /*height: 550px;*/
    margin-bottom: 30px;
    padding: 10px 10px 10px 20px;
    background: #fff;
}

    .review .citation-logo {
        max-width: 110px;
    }

    .review .container-scroll h4 {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .review .review-container-scroll {
        max-height: 520px;
        padding-right: 5px;
        padding-bottom: 15px;
    }

    .review .company-details {
        border-bottom: 1px solid #05558e;
    }

.preview .icon-s {
    margin: 20px 0 10px;
}


#creatTask .input-group {
    border: 1px solid #05558e;
    height: 40px;
}

#creatTask label {
    font-weight: normal;
}

.ra-tabs-container canvas {
    min-width: 130px;
    width: 100%;
    max-width: 200px;
    display: inline-block;
}

@media (max-width: 767px) {
    #creatTask .modal-footer {
        padding: 10px 0;
        text-align: left;
    }

    .review {
        padding: 0;
        height: auto;
        border-left: 0;
        border-right: 0;
    }

        .review .review-container-scroll {
            max-height: inherit;
        }

    .ra-tabs-container {
        padding-top: 15px !important;
    }
}

.date {
    position: relative;
    width: 100%;
}

    .date .dropdown-menu table tr td, .date .dropdown-menu table tr th {
        height: auto;
        text-align: center;
    }

        .date .dropdown-menu table tr td span {
            height: 20px;
            line-height: 20px;
        }

    .date .dropdown-menu table tr:hover {
        background: transparent;
    }

.ngCell .grid-icons-sec a {
    margin-top: 9px;
}

.grid-icons-sec img {
    margin: 8px 0px 10px 22px;
    float: left;
}

.alert.alert-dismissable.align-to-top {
    margin-top: 0px;
    z-index: 5;
    position: absolute;
    width: 100%;
    max-width: 1170px;
}

.date table tr td:hover {
    background: transparent;
}


/*//////////////////////// Evidence CSS //////////////*/
.modal-dialog > .modal-content > .modal-header, .modal-dialog > form > .modal-content > .modal-header {
    padding: 15px;
    border-bottom: 1px solid #05558E;
    min-height: 50px;
    background: #fff;
}

.modal-content .modal-header {
    border-bottom: 1px solid #05558E;
}

.modal-content .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #616167;
}

.file-attach-sec ul li .progress-sec.page-in .add-label {
    width: 25%;
    float: left;
}

    .file-attach-sec ul li .progress-sec.page-in .add-label input[type="text"] {
        width: 90%;
        margin: 0px 5%;
        border: 1px solid #05558E;
        color: #000;
        padding: 1px 5px;
    }

.progress-bar-success {
    background-color: #5CB85C;
}

.file-attach-sec ul li .progress-sec.page-in .text {
    width: 35%;
}

.file-attach-sec ul li .progress-sec.page-in .progress-m {
    width: 40%;
}

.attachment input[type="file"] {
    color: #fff;
}

.info h3 {
    margin: 20px 0px 10px;
}

.btn-link.btn-file, .btn-link.btn-file:hover, .btn-link.btn-file:focus {
    color: #fff;
    text-decoration: underline;
}

.modal-content .modal-body {
    padding: 15px;
}

@media (min-width:768px) {
    .modal-content .modal-body-scroll {
        max-height: 600px;
        overflow-y: auto;
    }
}

@media (min-width:768px) and (max-height:700px) {
    .modal-content .modal-body-scroll {
        max-height: 420px;
    }
}

@media (min-width:768px) and (max-height:600px) {
    .modal-content .modal-body-scroll {
        max-height: 320px;
    }
}

/*.ra-archive .ngRow {
    position: relative;
    top: 0px !important;
    height: 45px !important;
}

    .ra-archive .ngRow .ngCell {
        height: 46px !important;
    }*/

.page-nav {
    margin-bottom: 2em;
}

.review .grid-style {
    min-height: 100px;
}

.footer ul.icons-list {
    margin-top: 17px;
}

.review .review-container-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}


.container-info .ngCellText {
    line-height: 40px;
}

@media (max-width:767px) {
    .page-nav {
        padding-left: 0;
    }

    /*.ngCell .grid-icons-sec a {
        margin-top: 14px;
    }*/
}

virtualization {
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    display: block;
}

    virtualization div.renderer {
        display: block;
        width: 100%;
        cursor: pointer;
        position: absolute;
        height: 30px;
        line-height: 30px;
    }

/* dashboard */

.icons-small {
    font-size: 35px;
    text-align: center;
    display: block;
    text-decoration: none;
}
.panel-grid {
    border: none;
    box-shadow: none;
    min-height: 180px;
}

    .panel-grid .panel-heading {
        border: none;
        background: none;
        font-size: 20px;
        padding: 10px 15px;
    }

        .panel-grid .panel-heading .add-c-i {
            margin-top: -16px;
            position: absolute;
            right: 0px;
            top: 50%;
        }

    .panel-grid .panel-body {
        padding: 0;
    }

        .panel-grid .panel-body .tablesorter {
            line-height: 20px;
            margin: 0;
        }

            .panel-grid .panel-body .tablesorter thead {
                border-bottom: 1px solid #9f9fa3;
            }

                .panel-grid .panel-body .tablesorter thead th {
                    background: #ffffff;
                }

            .panel-grid .panel-body .tablesorter td {
                padding: 5px;
            }

            .panel-grid .panel-body .tablesorter .fa {
                font-size: 20px;
            }

.panel.panel-grid.theme-blue .panel-body {
    min-height: 136px;
    border: solid 1px #87878c;
    padding: 0 5px;
}

.add-c-i {
    background: #fdc649;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 32px;
}

    .add-c-i i {
        line-height: 32px;
    }

    .add-c-i:hover, .add-c-i:active, .add-c-i:focus {
        color: #ffffff;
    }

.more-c-i {
    background: #67b9e8;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    width: 32px;
}

    .more-c-i i {
        line-height: 32px;
        margin-left: 3px !important;
    }

    .more-c-i:hover, .more-c-i:active, .more-c-i:focus {
        color: #ffffff;
    }

.next-c-i {
    color: #67b9e8;
    display: inline-block;
    font-size: 30px;
    line-height: normal;
    text-decoration: none;
}

    .next-c-i i {
        line-height: normal;
    }

    .next-c-i:hover, .next-c-i:active, .next-c-i:focus {
        color: #67b9e8;
    }


.widget-support {
    border: 1px solid #67b9e8;
    background: #67b9e8;
    color: #ffffff;
    font-size: 16px;
    /*margin-bottom: 30px;*/
    padding: 5px 10px;
    text-align: center;
    height: 40px;
}

    .widget-support .info {
        height: 28px;
        text-align: left;
        vertical-align: middle;
        width: 100%;
    }

        .widget-support .info i {
            font-size: 28px;
            margin: 0 5px;
            line-height: 38px;
        }

            .widget-support .info i.fa {
                font-size: 24px;
            }

            .widget-support .info i:before, .widget-support .info i:after {
                margin: 0 !important;
            }

        .widget-support .info .text {
            margin-right: 10px;
            line-height: 28px;
        }


        .widget-support .info a {
            color: #ffffff;
            text-decoration: none;
        }

            .widget-support .info a:hover, .widget-support .info a:focus, .widget-support .info a:active, .widget-support .info a:visited {
                color: #ffffff;
                text-decoration: none;
            }

    .widget-support.bg-green {
        background: #99cfaa;
        border-color: #7fc395;
        color: #ffffff;
    }

    .widget-support.bg-red {
        background: #ea4767;
        border-color: #ea4767;
        color: #ffffff;
    }

    .widget-support.bg-orange {
        background: #fdd16d;
        border-color: #fdc649;
        color: #ffffff;
    }

    .widget-support.bg-blue {
        background: #67b9e8;
        border-color: #67b9e8;
        color: #ffffff;
    }

.tips {
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px;
}

    .tips .text {
        display: table-cell;
        height: 65px;
        vertical-align: middle;
    }

        .tips .text .fa {
            color: #7fc395;
            font-size: 40px;
            margin-right: 10px;
        }

.widget-feeds {
    background: #ffffff;
    border-radius: 0;
    margin-bottom: 15px;
}

    .widget-feeds .text {
        display: table-cell;
        height: 124px;
        vertical-align: middle;
    }

.accordion-b .panel-group {
    margin: 0 0 15px 0;
    margin: 0;
    margin-bottom: 10px;
}

.panel.theme-blue, .accordion-b .panel {
    border: none;
    box-shadow: none;
    border-radius: 0px;
    margin-bottom: 15px;
}

    .panel.theme-blue > .panel-heading, .accordion-b .panel > .panel-heading {
        background: #87878c;
        color: #ffffff;
        font-weight: bold;
        border-radius: 0px;
        position: relative;
        border: solid 1px #888888;
    }

    .panel.theme-blue.panel-open .panel-heading {
        background: #67b9e8;
        border-color: #67b9e8;
    }

    .panel.theme-blue.panel-open .panel-body {
        border-color: #67b9e8;
    }

    .panel.theme-blue .accordion-open .panel-heading, .panel.theme-blue .panel-open .panel-heading, .accordion-b .accordion-open .panel-heading, .accordion-b .panel-open .panel-heading {
        background: #67b9e8;
        border-color: #67b9e8;
    }

    .panel.theme-blue .accordion-open .panel-body, .panel.theme-blue .panel-open .panel-body, .accordion-b .accordion-open .panel-body, .accordion-b .panel-open .panel-body {
        border-color: #67b9e8;
    }

    .panel.theme-blue .panel-heading .panel-title, .accordion-b .panel-heading .panel-title {
        font-size: 20px;
        color: inherit;
        background: none;
        min-height: 30px;
        line-height: 30px;
        position: relative;
    }

        .panel.theme-blue .panel-heading .panel-title .text, .accordion-b .panel-heading .panel-title .small {
            font-size: 18px;
        }

        .panel.theme-blue .panel-heading .panel-title i {
            float: none;
        }

        .panel.theme-blue .panel-heading .panel-title .text, .accordion-b .panel-heading .panel-title .text {
            color: inherit;
            display: block;
            overflow: hidden;
            padding-right: 25px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .panel.theme-blue .panel-heading .panel-title a, .accordion-b .panel-heading .panel-title a {
            color: #fff;
            display: block;
            text-decoration: none;
            vertical-align: middle;
            min-height: 10px;
        }

            .panel.theme-blue .panel-heading .panel-title a .btn-link-icon-left, .accordion-b .panel-heading .panel-title a .btn-link-icon-left {
                font-size: 34px;
                left: -5px /* dashboard widgets icons*/;
                margin-top: -16px;
                position: absolute;
                text-align: center;
                top: 50%;
                width: 36px;
            }

.panel .panel-heading i:before, .panel .panel-heading i:after {
    margin: 0;
}

.panel.theme-blue .panel-heading .panel-title a .btn-link-icon-left img, .accordion-b .panel-heading .panel-title a .btn-link-icon-left img {
    margin-left: -2px;
    max-width: 40px;
}

.panel.theme-blue .panel-heading .panel-title a .text, .accordion-b .panel-heading .panel-title a .text {
    color: #fff;
    display: block;
    line-height: 30px;
    overflow: hidden;
    padding: 0 20px 0 40px;
    text-overflow: ellipsis;
}

    .panel.theme-blue .panel-heading .panel-title a .text.no-icon, .accordion-b .panel-heading .panel-title a .text.no-icon {
        padding-left: 0;
    }

.panel.theme-blue .panel-heading .panel-title a .fa-angle-up, .theme-blue .panel-heading .panel-title a .fa-angle-down,
.accordion-b .panel-heading .panel-title a .fa-angle-up, .accordion-b .panel-title a i.fa-angle-down {
    font-size: 40px;
    margin-top: -10px;
    position: absolute;
    right: 0px;
    top: 50%;
    line-height: 18px;
}

.theme-blue .panel-heading .panel-title a:hover, .theme-blue .panel-heading .panel-title a:focus, .theme-blue .panel-heading .panel-title a:active, .theme-blue .panel-heading .panel-title a:visited,
.accordion-b .panel-title a:hover, .accordion-b .panel-title a:focus, .accordion-b .panel-title a:active, .accordion-b .panel-title a:visited {
    color: #ffffff;
}

.info .pic {
    background: #eeeeee;
    border-radius: 50%;
    float: left;
    height: 100px;
    margin-bottom: 15px;
    margin-right: 25px;
    width: 100px;
    overflow: hidden;
}

.info .rt-sec {
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

.info .name {
    color: #67b9e8;
    font-size: 20px;
}

.info .pnum {
    color: #000000;
    display: block;
    font-size: 26px;
    margin-bottom: 10px;
    overflow: hidden;
}

    .info .pnum .fa-phone {
        color: #777777;
        margin-right: 8px;
    }

.info .card-num {
    background: #fdd16d;
    border: 1px solid #fdc649;
    color: #000000;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
}

    .info .card-num span {
        font-size: 16px;
        font-weight: normal;
    }

.info .mail {
    margin-bottom: 10px;
}

/*.panel.theme-blue .panel-body.bg-blue, .accordion-b-bgblue .panel-body {
    background: #67b9e8 !important;
    color: #ffffff;
    border-top: solid 1px #fff;
}
*/
.theme-blue .bg-blue .left.carousel-control, .accordion-b .left.carousel-control {
    left: -40px;
}

    .theme-blue .bg-blue .left.carousel-control i, .accordion-b .left.carousel-control i {
        left: 10px;
    }

.theme-blue .bg-blue .right.carousel-control, .accordion-b .right.carousel-control {
    right: -40px;
}

    .theme-blue .bg-blue .right.carousel-control i, .accordion-b .right.carousel-control i {
        right: 10px;
    }

.theme-blue .bg-blue .carousel-control.left, .theme-blue .bg-blue .carousel-control.right,
.accordion-b .carousel-control.left, .accordion-b .carousel-control.right {
    background: none;
    color: #67b9e8;
    opacity: 1;
    text-decoration: none;
    text-shadow: none;
}

    .theme-blue .bg-blue .carousel-control.left i, .theme-blue .bg-blue .carousel-control.right i,
    .accordion-b .carousel-control.left i, .accordion-b .carousel-control.right i {
        font-size: 57px;
        margin-top: -31px;
        position: absolute;
        top: 50%;
        color: inherit;
    }

.theme-blue .bg-blue a i {
    font-size: 37px;
    margin-top: -31px;
    position: absolute;
    top: 50%;
    color: inherit;
}

.panel.theme-blue .panel-body, .accordion-b .panel-body {
    min-height: 123px;
    border: solid 1px #87878c;
}

.carousel-tips .carousel-inner {
    font-size: 14px;
    margin: 0 auto;
    text-align: left;
}

.theme-blue .bg-blue a, .accordion-b-bgblue a {
    color: #fff;
}

/* need normal link colour on dashboard */

#ELTip .panel-body .carousel .carousel-inner a,
#HSTip .panel-body .carousel .carousel-inner a {
    color: #67b9e8;
}

@media (max-width: 580px) {
    .panel.theme-blue .panel-heading .panel-title, .accordion-b .panel-heading .panel-title, .widget-support .text {
        font-size: 18px;
    }
}


/*.header {
    position: relative;
    z-index: 6;
}*/

a {
    cursor: pointer;
}

.grid-c.hide-text li .container-hazard .text, .hide-text.container-hazard .text {
    display: none;
}

.grid-c.hide-text li .container-hazard .img-sec {
    margin-bottom: 10px;
}

.grid-c.hide-text li {
    /* width: auto; */
}

/*.btn-nav .icon .fa-angle-right, .btn-link-combo-info .icon .fa-angle-right, .btn-nav .icon .fa-angle-left, .btn-link-combo-info .icon .fa-angle-left {
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .btn-nav .icon .fa-angle-right:before, .btn-link-combo-info .icon .fa-angle-right:before {
        content: "\e258";
    }

    .btn-nav .icon .fa-angle-left:before, .btn-link-combo-info .icon .fa-angle-left:before {
        content: "\e257";
    }*/

.sub-menu-thumb.img-scroll, .sub-menu-thumb .img-scroll {
    max-width: 150px;
    overflow: hidden;
    display: block;
    padding: 0;
}

    .sub-menu-thumb.img-scroll div:nth-child(4)::before, .sub-menu-thumb .img-scroll div:nth-child(4)::before {
        content: '...';
        position: absolute;
    }

    .sub-menu-thumb.img-scroll div:nth-child(n+4) img {
        display: none;
    }

    .sub-menu-thumb.img-scroll div:nth-child(n+4) img {
        visibility: hidden;
    }

    .sub-menu-thumb.img-scroll div:nth-child(n+4) img {
        visibility: hidden;
    }

/*@media (max-width:980px) {

    .sub-menu-thumb.img-scroll, .sub-menu-thumb .img-scroll {
        max-width: 100px;
    }

        .sub-menu-thumb.img-scroll div:nth-child(4)::before, .sub-menu-thumb .img-scroll div:nth-child(4)::before {
            content: '';
        }

        .sub-menu-thumb.img-scroll div:nth-child(3)::before, .sub-menu-thumb .img-scroll div:nth-child(3)::before {
            content: '...';
            position: absolute;
        }

        .sub-menu-thumb.img-scroll div:nth-child(n+3) img {
            visibility: hidden;
        }

        .sub-menu-thumb.img-scroll div:nth-child(n+3) img {
            visibility: hidden;
        }

        .sub-menu-thumb.img-scroll div:nth-child(n+3) img {
            display: none;
        }
}*/

@media (max-width:680px) {

    .sub-menu-thumb.img-scroll, .sub-menu-thumb .img-scroll {
        /*max-width: 48px;*/
        padding: 0;
    }

        /*.sub-menu-thumb.img-scroll div:nth-child(3)::before, .sub-menu-thumb .img-scroll div:nth-child(3)::before {
            content: '';
        }*/

        .sub-menu-thumb.img-scroll img, .sub-menu-thumb .img-scroll img {
            max-width: 26px;
            max-height: 26px;
        }

    /*.sub-menu-thumb.img-scroll div:nth-child(2)::before, .sub-menu-thumb .img-scroll div:nth-child(2)::before {
            content: '...';
            position: absolute;
        }

        .sub-menu-thumb.img-scroll div:nth-child(n+2) img {
            visibility: hidden;
        }

        .sub-menu-thumb.img-scroll div:nth-child(n+2) img {
            visibility: hidden;
        }

        .sub-menu-thumb.img-scroll div:nth-child(n+2) img {
            display: none;
        }*/
}

.close-inbody {
    position: absolute;
    right: 7px;
    top: 7px;
}

.all-icons-sec {
    overflow: hidden;
}

    .all-icons-sec .ng-scope {
        float: left;
        width: 50px;
        height: 50px;
        padding: 5px;
    }

    .all-icons-sec img {
        max-width: 40px;
        max-height: 40px;
    }

.panel-grid.theme-blue .ngRow, .panel-grid.theme-blue .ngHeaderScroller > div {
    padding: 0;
}

.panel-grid.theme-blue .ngCellText, .panel-grid.theme-blue .ngHeaderText {
    padding: 5px 7px;
}

.panel-grid.theme-blue .ngTopPanel {
    background: #fff;
    color: #000;
}

.panel-grid.theme-blue .ngHeaderContainer {
    padding: 0;
    border-bottom: solid 1px #9d9d98;
}

.panel-grid.theme-blue .ngViewport {
    margin-top: 0;
}

.panel-grid.theme-blue .ngGroupPanel + .ngHeaderContainer {
    height: 30px !important;
}

.panel-grid.theme-blue .ngRow {
    border: none;
}

.review-grid .grid-style.ng-scope.ngGrid > .ngTopPanel {
    background: #eeeeee;
    color: #000;
}

.review-grid .ngRow {
    border: none;
}

    .review-grid .ngRow.odd {
        background: #fff;
    }

.review .h3-title {
    color: #000;
    font-size: 24px;
}

.review .grid-style > .ngTopPanel + .ngViewport {
    max-height: inherit;
}

.review .ngViewport {
    overflow: auto;
}

.review .hide-controls {
    padding: 0;
}

    .review .hide-controls li .container-hazard {
        margin: 5px 0;
    }

.view-archive i {
    display: table-cell;
    font-size: 32px;
    line-height: 32px;
    width: 32px;
    color: #444;
    position: absolute;
    left: 0;
}


.icon-one.hide-controls {
    padding-right: 0;
}

.review .hide-controls {
    min-height: inherit;
}

@media (max-width:980px) {
    h1, .h1 {
        font-size: 30px;
    }
}

.panel-grid.theme-blue .ngSortButtonUp, .panel-grid.theme-blue .ngSortButtonDown {
    top: 11px;
}

@media (max-width:768px) {
    .hide-text.grid-controls li {
        width: 33.3%;
        float: left;
        margin-bottom: 10px;
    }

        .hide-text.grid-controls li .container-hazard .img-sec {
            display: block;
        }

        .hide-text.grid-controls li .container-hazard .icons-sec {
            display: inline-block;
        }

    .hide-text .img-sec {
        margin-bottom: 5px;
    }
}


.hr-grey {
    background: #eee;
    height: 1px;
    padding: 0;
    border: none;
    margin: 5px 0;
}

@media (max-width:768px) {
    .modal .pushbottom-15 {
        margin-bottom: 0;
    }
}


.hide-controls .container-hazard .img-sec {
    display: none;
}

.carousel-tips .carousel-inner > .item {
    height: 120px;
    width: 100%;
    background: transparent;
    border: none;
    float: none;
    padding: 0;
    margin: 0;
}

.carousel-tips .panel-body {
    padding: 10px 40px;
}

/*.carousel-tips .panel-heading > .panel-title .btn-link-icon-left i {
    float: none;
    position: absolute;
    margin-left: -8px;
}*/
/*.panel-default .btn-link-icon-left{position:absolute; left:-5px;}
.panel-default .btn-link-icon-left i{font-size:30px;} Document vault issue*/
.email-form-mask .dropdown-menu {
    overflow: auto;
    width: 92%;
}


select option:disabled {
    color: #ccc;
}

.icon-violet {
    background: #b689bc;
}

    .icon-violet .text {
        color: #b689bc;
    }


.selectedOption {
    width: 300px;
    display: inline-block;
}

ui-virtual-list {
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    display: block;
}

    ui-virtual-list .canvas {
        /*background-color: #eee;*/
        position: relative;
        width: 100%;
    }

        ui-virtual-list .canvas > div.ng-scope {
            width: 100%;
        }

    ui-virtual-list div.renderer {
        display: block;
        width: 25%;
        float: left;
        cursor: pointer;
        position: initial;
        /* height: 200px;
           margin-bottom:15px;*/
    }

.hide-controls .container-hazard .img-sec {
    display: none;
}

@media (max-width:992px) {
    ui-virtual-list div.renderer {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    ui-virtual-list div.renderer {
        float: none;
        overflow: hidden;
        width: 100%;
    }

        ui-virtual-list div.renderer .container-hazard {
            display: table;
            margin: 5px 0;
            overflow: hidden;
            width: 100%;
        }

            ui-virtual-list div.renderer .container-hazard .img-sec {
                display: table-cell;
                vertical-align: middle;
                width: 50px;
                word-wrap: break-word;
                height: 50px;
            }

                ui-virtual-list div.renderer .container-hazard .img-sec img {
                    float: left;
                    margin-right: 10px;
                    max-width: 50px;
                    max-height: 50px;
                }

            ui-virtual-list div.renderer .container-hazard .text {
                height: 50px;
                text-align: left;
            }

            ui-virtual-list div.renderer .container-hazard .icons-sec {
                display: table-cell;
                text-align: right;
                vertical-align: middle;
                width: 30px;
            }

            ui-virtual-list div.renderer .container-hazard img {
                max-width: 50px;
            }
}

@media (max-width: 580px) {
    ui-virtual-list div.renderer .container-hazard .img-sec {
        width: 36px;
        height: 36px;
    }

        ui-virtual-list div.renderer .container-hazard .img-sec img {
            max-width: 30px;
            max-height: 30px;
        }

    ui-virtual-list div.renderer .container-hazard .text {
        height: 36px;
    }
}

ui-virtual-list .hide-controls div.renderer {
    float: none;
    overflow: hidden;
    width: 100%;
}

ui-virtual-list .hide-controls .container-hazard {
    padding-left: 85px;
    position: relative;
}

ui-virtual-list .hide-controls.icon-one .container-hazard {
    padding-left: 60px;
    margin: 5px 0;
}

ui-virtual-list .hide-controls .container-hazard .icons-sec {
    left: 10px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
}

    ui-virtual-list .hide-controls .container-hazard .icons-sec a {
        margin: 0 5px;
    }

ui-virtual-list .hide-controls .container-hazard .text {
    text-align: left;
    width: 100%;
}

ui-virtual-list .hide-controls .container-hazard .img-sec {
    display: none;
}

@media (max-width: 767px) {
    ui-virtual-list .hide-controls .container-hazard {
        padding-left: 40px;
    }

        ui-virtual-list .hide-controls .container-hazard .icons-sec {
            margin-top: -12px;
        }

            ui-virtual-list .hide-controls .container-hazard .icons-sec a {
                margin: 0 3px;
            }

    ui-virtual-list .hide-controls.icon-one .container-hazard {
        padding-left: 50px;
    }

    ui-virtual-list .hide-controls div.renderer .container-hazard .img-sec {
        display: none;
    }

    ui-virtual-list .hide-text div.renderer {
        width: 33.3%;
        float: left;
        margin-bottom: 10px;
    }

        ui-virtual-list .hide-text div.renderer .container-hazard .img-sec {
            display: block;
        }

            ui-virtual-list .hide-text div.renderer .container-hazard .img-sec img {
                float: none;
                margin: 0;
            }

        ui-virtual-list .hide-text div.renderer .container-hazard .icons-sec {
            display: inline-block;
        }

    .hide-text .img-sec {
        margin-bottom: 5px;
    }

    ui-virtual-list .hide-controls div.renderer .container-hazard .text {
        height: 30px;
    }
}
/*form multiselect start*/

.padding-zero {
    padding: 0px;
}

.pushleft15 {
    padding-left: 15px;
}

.pushleft5 {
    padding-left: 5px;
}

.select-box .btn-group.open .dropdown-toggle {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.multiselect.dropdown-toggle .multiselect-selected-text {
    font-size: 14px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 92%;
}

/*.select-box label.error {
display: none !important;
}*/

.select-box .dropdown-menu > li > a {
    padding: 4px 10px 4px 30px;
    border-radius: 0;
}

.select-box .multiselect.dropdown-toggle:focus, .select-box .multiselect.dropdown-toggle:active {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.select-box .multiselect-container > li > a > label {
    padding: 0;
}

.multiselect.dropdown-toggle {
    background: none;
    /*border: solid 1px #ccc;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden !important;
    padding-left: 5px;
    text-align: left;
    width: 100%;
}

.select-icon .multiselect.dropdown-toggle:hover,
.select-icon .multiselect.dropdown-toggle:active,
.select-icon .multiselect.dropdown-toggle:focus {
    background: none;
    box-shadow: none;
}

.select-icon .multiselect.dropdown-toggle .caret {
    display: none;
}

.select-icon .btn-group {
    width: 100%;
    border: 1px solid #05558e;
    padding: 2px 5px;
    word-wrap: break-word;
}

.select-icon .multiselect-container.dropdown-menu {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
}

.multiselect-container.dropdown-menu {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 38px;
    border-radius: 0px;
}

.select-box .btn-group .dropdown-toggle {
    line-height: 24px;
}

@media (max-width:767px) {
    .multiselect-container.dropdown-menu {
        margin-top: 28px;
    }

    .select-box .btn-group .dropdown-toggle {
        line-height: 14px;
    }
}

.select-icon .dropdown-menu::after {
    border: none;
}

.select-icon .multiselect-container > li a {
    padding: 2px 5px;
}

    .select-icon .multiselect-container > li a label {
        padding-left: 30px;
    }

.check-inline {
    margin-right: 10px;
}

.dropdown-multiselect {
    width: 100%;
}

    .dropdown-multiselect .dropdown-toggle {
        border-radius: 0;
        border: none;
        text-align: left;
        width: 90%;
        float: none !important;
    }

    .dropdown-multiselect span.caret {
        display: none;
    }

/*.dropdown-toggle b.caret {
    display: none;
}*/

ul.dropdown-menu-form {
    width: 100%;
}

/*form multiselect End*/
.fileuploader-src .filename {
    padding: 8px 10px;
    float: left;
}

.attachment-link {
    position: relative;
    top: -10px;
}

.tracking-fields div {
    clear: both;
}

.container.static-position {
    position: static;
}

.review-container-scroll canvas {
    display: none;
}

@media(min-width:768px) {
    .slider-val-text h5:first-child {
        margin-top: 30px;
    }
}

.overflow-ellipse {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.slider-val-text h5 span {
    color: #333;
    font-weight: normal;
}

.acknowledgement {
    max-height: 100%;
    page-break-before: always;
}

    .acknowledgement p {
        margin-bottom: 15px;
    }

.table-ack {
    width: 48%;
    display: table;
    max-height: 100%;
    border: solid 1px #000;
}

    .table-ack .col1, .table-ack .col2, .table-ack .col3 {
        height: inherit;
        display: table-cell;
        width: 40%;
        padding: 5px;
        vertical-align: middle;
    }

    .table-ack .col3 {
        width: 20%;
    }

    .table-ack .thead .col1, .table-ack .thead .col2, .table-ack .thead .col3 {
        border-bottom: solid 1px #000;
        font-weight: bold;
        background-color: #86878c;
        color: #fff;
    }

    .table-ack .col2, .table-ack .col3 {
        border-left: solid 1px #000;
    }

    .table-ack .thead {
        height: 40px;
        display: table-row;
    }

    .table-ack .tbody {
        height: 580px;
        display: table-row;
    }

@media print and ( orientation:landscape) {

    .table-ack .tbody {
        height: 500px;
        display: table-row;
    }
}

.date .btn.active, .form-group [date-picker] table .btn.active {
    background: none;
    color: #228acf;
    box-shadow: none;
    border: solid 1px #67b9e8 !important;
}


.preview-sec #upload, .preview-sec #clear {
    margin-top: 10px;
    float: left;
}

.preview-sec #clear {
    float: right;
}

@media(max-width:767px) {

    .preview-sec #clear {
        margin-bottom: 10px;
    }
}

.selected-hazards-list {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

    .selected-hazards-list > li {
        padding: 10px 0;
    }

        .selected-hazards-list > li .hazard-block .img-sec {
            display: table-cell;
        }

            .selected-hazards-list > li .hazard-block .img-sec span {
                display: block;
                height: 160px;
                margin-right: 10px;
                max-width: 100%;
                width: 160px;
            }

@media screen and (max-width: 767px) {
    .selected-hazards-list > li .hazard-block .img-sec span {
        height: 60px;
        width: 60px;
    }
}

@media screen and (max-width: 580px) {
    .selected-hazards-list > li .hazard-block .img-sec span {
        height: 30px;
        width: 30px;
    }
}

.selected-hazards-list > li .hazard-block .img-sec span img {
    max-height: 100%;
}

.selected-hazards-list > li .hazard-block .prd-info {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

    .selected-hazards-list > li .hazard-block .prd-info ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .selected-hazards-list > li .hazard-block .prd-info ul li {
            display: table-row;
            overflow: hidden;
            vertical-align: top;
            width: 100%;
        }

            .selected-hazards-list > li .hazard-block .prd-info ul li h5 {
                font-size: 15px;
                font-weight: 600;
                margin: 0;
                padding: 8px 10px;
            }

            .selected-hazards-list > li .hazard-block .prd-info ul li .col-l {
                color: #000;
                display: table-cell;
                height: 30px;
                padding: 3px 10px;
                width: 30%;
            }

@media screen and (max-width: 580px) {
    .selected-hazards-list > li .hazard-block .prd-info ul li .col-l {
        display: block;
        height: auto;
        width: 100%;
    }
}

.selected-hazards-list > li .hazard-block .prd-info ul li .col-r {
    color: #666;
    display: table-cell;
    height: 30px;
    padding: 3px 10px 3px 15px;
    position: relative;
    width: 70%;
}

@media screen and (max-width: 580px) {
    .selected-hazards-list > li .hazard-block .prd-info ul li .col-r {
        display: block;
        height: auto;
        padding: 3px 10px;
        width: 100%;
    }
}

.selected-hazards-list > li .hazard-block .prd-info ul li .col-r::before {
    color: #000;
    content: ":";
    left: 0;
    position: absolute;
}

@media screen and (max-width: 580px) {
    .selected-hazards-list > li .hazard-block .prd-info ul li .col-r::before {
        content: "";
    }
}

.selected-hazards-list > li .hazard-block .prd-info ul li.prd-title {
    display: block;
}

.selected-hazards-list > li + li {
    border-top: 1px dotted #ccc;
}

.selected-hazards-list.hide-text > li {
    float: left;
    width: 25%;
}

    .selected-hazards-list.hide-text > li .hazard-block .img-sec {
        display: block;
        text-align: center;
    }

        .selected-hazards-list.hide-text > li .hazard-block .img-sec span {
            margin: auto;
        }

    .selected-hazards-list.hide-text > li .hazard-block .prd-info {
        display: none;
    }

    .selected-hazards-list.hide-text > li + li {
        border-top: medium none;
    }

.selected-hazards-list.hide-controls > li .hazard-block .img-sec {
    display: none;
}

.selected-hazards-list.hide-controls > li .hazard-block .prd-info {
    display: block;
}

.client-type-sec {
    margin-top: 30px;
}

.scroll-consultants {
    max-height: 150px;
    overflow-y: auto;
}

.client-icons-list {
    margin: 0;
    padding: 0 10px;
    list-style: none;
    overflow: hidden;
}

    .client-icons-list li {
        float: left;
        width: 33.33%;
    }

        .client-icons-list li i {
            color: #ccc;
        }

        .client-icons-list li.active i {
            color: #67b9e8;
        }

.fearure-icon {
    font-size: 40px;
    display: inline-block;
}

.client-date-list {
    margin: 0;
    padding: 0 10px;
    list-style: none;
}

    .client-date-list li {
        margin-bottom: 10px;
        padding-left: 30px;
        position: relative;
        font-size: 16px;
    }

        .client-date-list li .icon-sf-cloud {
            font-size: 18px;
            top: 0;
        }

        .client-date-list li i {
            position: absolute;
            left: 0;
            top: 3px;
        }

.client-type-sec .pic-sec {
    margin-bottom: 20px;
}

@media (max-width:992px) {
    .col-padding0 .form-group {
        padding: 0 !important;
    }

    .btn-toolbar-m .btn {
        width: auto !important;
    }
}

.pushtop-30 {
    margin-top: 30px !important;
}

@media (min-width:768px) {
    .version-sec .col-sm-8.col-md-7 {
        width: 100% !important;
        padding: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .progress-indicator .navbar-header {
        line-height: 32px;
    }
}


.pullleft-5 {
    padding-right: 5px !important;
}

.ngCellText span {
    cursor: pointer !important;
}

.procedures-steps {
    background: transparent;
    border: none;
    font-style: normal;
    font-family: inherit;
    font-size: 14px;
    padding: 0;
    margin-top: 15px;
}



#addressMap {
    height: 400px;
}

.cropArea {
    background: #E4E4E4;
    overflow: hidden;
    width: 500px;
    height: 350px;
}

img-crop {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

canvas {
    display: block;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

.jcrop-holder .ord-n, .ord-s, .ord-e, .ord-w {
    display: none;
}

.jcrop-hline, .jcrop-vline {
    opacity: 1 !important;
}

.jcrop-handle {
    opacity: 1 !important;
    border: 3px #EEE solid;
    font-size: 1px;
    height: 15px;
    width: 15px;
    border-radius: 8px;
}

.jcrop-holder input[type="radio"] + div {
    opacity: 0.8 !important;
}



.form-group.error .select-multiplebox {
    border: 1px solid #cf2f44 !important;
    margin-bottom: 5px !important;
}

.incident-date.dropdown-menu i.glyphicon {
    display: inline-block;
    color: black;
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
}

.incident-date.dropdown-menu .table-responsive {
    border: none;
}

.incident-date.dropdown-menu .datetimepicker .switch {
    display: table-cell;
}

.multiselect-container.dropdown-menu li a {
    padding: 0px;
}

    .multiselect-container.dropdown-menu li a label {
        padding: 5px 10px 5px 30px;
        margin-bottom: 0px !important;
        text-align: left !important;
        min-height: inherit;
        white-space: normal;
        padding-right: 10px;
    }

        .multiselect-container.dropdown-menu li a label input {
            margin-top: 2px;
        }

.form-group.error .multiselect-container.dropdown-menu li a label {
    color: #333;
}
/*.multiplebox-textwrap .multiselect-container.dropdown-menu li a label{white-space:normal; padding-right:10px;}*/
.print-table td {
    height: 40px;
    padding: 0 5px;
}

.pushtop-20.applyPagebreak.ra-detail-view.col-sm-12 {
    overflow: hidden;
}

@media (max-width: 767px) {
    .table-grid .row-head {
        display: none;
    }

    .table-grid .row {
        border-top: 1px solid #9f9fa3;
        padding-bottom: 10px;
    }

        .table-grid .row div {
            padding-left: 50%;
            position: relative;
        }

            .table-grid .row div::before {
                content: attr(data-name);
                font-weight: bold;
                left: 10px;
                position: absolute;
            }
}

.btn-sec {
    text-align: right;
}

#accidentrecordcntr {
    border: none;
    height: 550px;
    overflow: auto;
}

a .accident-count {
    background: #ec6608;
    border-radius: 100%;
    display: block;
    font-size: 45px;
    height: 150px;
    line-height: 150px;
    margin: 0 auto;
    max-width: 150px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.ofc-list a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

.ofc-list li {
    margin: 3px 0px 0px 0px;
    display: table-row;
}

.ofc-list a span {
    background: #fdc649;
    color: #fff;
    font-weight: bold;
    padding: 2px 3px;
    width: 40px;
    text-align: center;
    display: inline-block;
}

.ofc-list .green {
    background: #7fc395;
}

.ofc-list .navy {
    background: #05558e;
}

.ofc-list .red {
    background: #e51941;
}

.ofc-list .blue {
    background: #67b9e8;
}

.colors-panel canvas {
    POSITION: static;
    left: 0px;
    top: 0px;
    margin: 0 auto;
    cursor: pointer;
}

.accident-count p {
    position: absolute;
    left: 0px;
    right: 0px;
}

.site-item {
    float: left;
    width: 50%;
}

@media (min-width:640px) and (max-width:900px) {
    .accident-count.col-sm-4, .col-sm-8.ofc-list.pushtop-20, .chart-sec {
        width: 100%;
    }

    .accident-count {
        position: relative;
        left: 25%;
    }
}

@media(min-width:1023px) {
    .chart-sec {
        width: 40% !important;
    }

    .col-sm-8.ofc-list.pushtop-20.padding0 {
        width: 60% !important;
    }
}

@media(max-width:767px) {
    .site-item {
        width: 37%;
    }
}

#printInfo .print-table td {
    height: 40px;
    padding: 0 5px;
}

.ng-invalid-autocomplete-required .anguvalid input {
    border-color: red !important;
}


.switch-sec {
    overflow: hidden;
}

    .switch-sec label {
        font-weight: normal;
        line-height: 32px;
    }

    .switch-sec .bootstrap-switch {
        float: right;
    }

/*.comments-btn-bt {
    margin-bottom: -52px;
}*/


.title-bg-blue {
    background-color: #d9edf9;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px;
}

.age-list {
    clear: both;
    list-style: outside none none;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
}

    .age-list li {
        float: left;
        overflow: hidden;
        padding: 5px 10px;
    }

        .age-list li .group-head {
            font-weight: bold;
            line-height: 80px;
        }

        .age-list li:first-child {
            padding-left: 0;
        }

@media (max-width: 767px) {
    /*.age-list li:first-child {
        display: block;
        float: none;
    }*/

    .age-list li:first-child .group-head {
        line-height: 20px;
    }
}

.age-list .circle-age {
    cursor: pointer;
    font-weight: normal;
    height: 80px;
    position: relative;
    width: 80px;
}

    .age-list .circle-age span {
        border: 3px solid #eee;
        border-radius: 50%;
        display: table-cell;
        height: 80px;
        text-align: center;
        vertical-align: middle;
        width: 80px;
    }

    .age-list .circle-age input[type="radio"] {
        left: -80px;
        position: absolute;
    }

        .age-list .circle-age input[type="radio"]:checked + span {
            background-color: #67b9e8;
            border-color: #ffffff;
            box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
            color: #ffffff;
            font-weight: bold;
        }

.injury-list {
    list-style: outside none none;
    overflow: hidden;
    padding: 0;
}

    .injury-list li {
        float: left;
        overflow: hidden;
        padding: 5px;
    }

    .injury-list .circle-in {
        cursor: pointer;
        font-weight: normal;
        height: 100px;
        position: relative;
        width: 100px;
    }

        .injury-list .circle-in span {
            border: 3px solid #eee;
            border-radius: 50%;
            display: table-cell;
            height: 100px;
            text-align: center;
            vertical-align: middle;
            width: 100px;
        }

        .injury-list .circle-in input[type="checkbox"] {
            left: -100px;
            position: absolute;
        }

            .injury-list .circle-in input[type="checkbox"]:checked + span {
                background-color: #ec6608;
                border-color: #ffffff;
                box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
                color: #ffffff;
                font-weight: bold;
            }

.signature-line {
    display: table;
    margin: 10px 0 20px;
}

    .signature-line span {
        display: table-cell;
        white-space: nowrap;
    }

    .signature-line .text {
        padding-right: 10px;
    }

    .signature-line .bt-line {
        border-bottom: 1px solid #9f9fa3;
        width: 100%;
    }

.address-info {
    float: left;
    margin: 0;
    padding: 0;
}

/*.select-box .multiselect-container.dropdown-menu, .multi-select-box .multiselect-container.dropdown-menu {
    background: #fff;
    border: 1px solid #05888e;
    width: 100%;
    margin-top: 38px;
    border-radius: 0px;
}*/

.error .multiselect-container li label {
    color: #333333;
}

.form-horizontal .multiselect-container.dropdown-menu {
    margin-top: 0;
}

/*.select-box .btn-group {
    z-index: 3;
}*/

.dropdown-multiselect .dropdown-toggle {
    width: 100%;
    text-align: left;
}

    .dropdown-multiselect .dropdown-toggle .caret {
        float: right;
        margin-top: 10px;
    }

.dropdown-multiselect .dropdown-menu {
    border-radius: 0;
}

/*.select-sec .dropdown-multiselect, .multi-select-box .dropdown-multiselect {
    width: 100%;
}*/

/*.select-sec .dropdown-multiselect .dropdown-toggle, .multi-select-box .dropdown-multiselect .dropdown-toggle {
        border-radius: 0;
        border: none;
        text-align: left;
        width: 90%;
    }

    .select-sec .dropdown-multiselect span.caret, .multi-select-box .dropdown-multiselect span.caret {
        display: none;
    }*/

/*.select-sec .dropdown-toggle b.caret, .multi-select-box .dropdown-toggle b.caret {
    display: none;
}*/

ul.dropdown-menu-form {
    width: 100%;
}

/*form multiselect End*/
.fileuploader-src .filename {
    padding: 8px 10px;
    float: left;
}

.date .btn.active, .form-group [date-picker] table .btn.active {
    background: none;
    color: #228acf;
    box-shadow: none;
    border: solid 1px #67b9e8 !important;
}

.date td.active + td.active .btn.active, .form-group [date-picker] table td.active + td.active .btn.active {
    background: #67b9e8;
    color: #fff;
    box-shadow: none;
    border: solid 1px #67b9e8 !important;
}

/*.multi-select-box .multiselect.dropdown-toggle {
    border: solid 1px #ccc;
    background: #fff;
    box-shadow: none;
}

.error .multi-select-box .multiselect.dropdown-toggle {
    border-color: #ff0000;
}

.multi-select-box .dropdown-menu > li > a {
    padding-left: 30px;
}

.multi-select-box .multiselect-container.dropdown-menu {
    border-color: #ccc;
}

.form-horizontal .multi-select-box .btn-group {
    height: 38px;
}*/

.btn-toolbar .btn {
    width: auto;
}

/*.multi-select-box .fa-play {
    position: absolute;
    right: 21px;
    font-size: 8px;
    margin-top: -22px;
    z-index: 4;
}*/

#clientAffiliationtext > span {
    font-size: 25px !important;
    background-color: #898b8b;
    color: #fdc649;
    padding: 5px;
    text-align: center;
    display: block;
}

.btn-toolbar .btn {
    width: auto;
    min-width: inherit;
    border-radius: 0;
}

.company-dts {
    overflow: hidden;
}

@media (max-width:767px) {
    .company-dts .btn-holder.float-it {
        width: auto;
    }
}


.btns-rgroup, .btns-rgroup-clist {
    background: #9f9fa3;
    border: medium none;
    color: #000;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
    padding: 0 32px 0 0;
    position: relative;
    text-decoration: none;
    text-align: center;
    margin-left: 5px;
    width: auto !important;
    overflow: hidden;
    cursor: pointer;
}

    .btns-rgroup-clist.disabled:hover {
        background: #9f9fa3;
    }

    .btns-rgroup input[type="radio"], .btns-rgroup-clist input[type="radio"] {
        position: absolute;
        clip: rect(0,0,0,0);
        pointer-events: none;
    }

    .btns-rgroup .icon, .btns-rgroup-clist .icon {
        background: #87878c;
        color: #000;
        font-size: 20px;
        height: 32px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 32px;
    }

        .btns-rgroup .icon i, .btns-rgroup-clist .icon i {
            top: 0;
            display: table-cell;
            text-align: center;
            line-height: 32px;
            width: 32px;
            color: inherit;
            position: static;
        }

    .btns-rgroup:hover, .btns-rgroup:active, .btns-rgroup:focus, .btns-rgroup:visited {
        color: #000;
        text-decoration: none;
    }

    .btns-rgroup:hover, .btns-rgroup-clist:hover {
        background: #87878c;
    }

.active.btns-rgroup, .active.btns-rgroup-clist {
    background: #fdd16d;
    color: #fff;
}

    .active.btns-rgroup .icon, .active.btns-rgroup:hover, .active.btns-rgroup-clist .icon, .active.btns-rgroup-clist:hover {
        background: #fdc649;
        color: #fff;
    }

    .active.btns-rgroup .icon, .active.btns-rgroup .text, .active.btns-rgroup-clist .icon, .active.btns-rgroup-clist .text {
        color: #fff;
    }

.btns-rgroup .text, .btns-rgroup-clist .text {
    padding: 0 15px;
    width: 50px;
    font-weight: normal;
    color: #000;
    display: none;
}
/*.btns-rgroup-clist.disable {
    background-color: #a1a1a5;
    color: #6e6e72;
    text-shadow: #bbbbbe 1px 1px 0;
    cursor: not-allowed;
    pointer-events: none;
}*/
.btns-rgroup-clist.disabled .text, .btns-rgroup-clist.disabled .icon {
    color: #6e6e72;
}

.btns-rgroup-clist.disabled.active.btn-No .text, .btns-rgroup-clist.disabled.active.btn-No .icon,
.btns-rgroup-clist.disabled.active.btn-Yes .text, .btns-rgroup-clist.disabled.active.btn-Yes .icon {
    color: #fff;
}

.active.btn-No, .active.btn-No.disabled:hover {
    background: #ea4767;
}

    .active.btn-No .icon, .active.btn-No:hover {
        background: #e51942;
    }

.active.btn-Yes, .active.btn-Yes.disabled:hover {
    background: #73c599;
}

    .active.btn-Yes .icon, .active.btn-Yes:hover {
        background: #009245;
    }

.btns-rgroup .icon .fa:before {
    content: "\f11a";
}

.btns-rgroup .icon .fa-Yes:before {
    content: "\f118";
}

.btns-rgroup .icon .fa-No:before {
    content: "\f119";
}
/*MS ctyles*/
.ra-edit .texarea-sm textarea {
    height: 80px;
}

.table-grid {
    line-height: 36px;
    margin-bottom: 15px;
}

.btn-sec {
    text-align: right;
}

.add-form-sec {
    display: table;
    padding: 0 !important;
    width: 100%;
}

    .add-form-sec label {
        display: block;
        padding-right: 10px;
        white-space: nowrap;
    }

    .add-form-sec .box {
        border: 1px solid #05558e;
        height: 30px;
        line-height: 30px;
        padding-right: 30px;
        position: relative;
        width: 100%;
        background: #fff;
    }

.box.error {
    border-color: #cf2f44;
}

.add-form-sec .box .text {
    display: block;
    padding: 0 5px;
}

.add-form-sec .box input[type="text"] {
    border: none;
    height: 38px;
}

@media (max-width:767px) {
    .add-form-sec .box input[type="text"] {
        height: 28px;
    }
}

.add-form-sec {
    position: relative;
}

    .add-form-sec .icon {
        border: medium none;
        color: #555;
        display: block;
        font-size: 16px;
        height: 28px;
        line-height: 28px;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 28px;
        width: 30px;
        z-index: 1;
    }

@media (min-width: 767px) {
    .add-form-sec label {
        font-weight: normal;
    }

    .add-form-sec .box {
        height: 40px;
        line-height: 40px;
        padding-right: 40px;
    }

        .add-form-sec .box .text {
            display: block;
            padding: 0 5px;
        }

        .add-form-sec .box .icon {
            font-size: 22px;
            height: 38px;
            line-height: 38px;
            width: 40px;
        }
}

.table-grid {
    margin-bottom: 15px;
    line-height: 16px;
}

    .table-grid .row div {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .table-grid input[type="text"] {
        border: solid 1px #05558e;
        width: 100%;
        padding: 3px 5px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .table-grid .row-head {
        display: none;
    }

    .table-grid .row {
        border-top: solid 1px #9f9fa3;
        padding-bottom: 10px;
    }

        .table-grid .row:nth-child(2) {
            border-top: none;
        }

        .table-grid .row div {
            position: relative;
            padding-left: 50%;
        }

            .table-grid .row div:before {
                position: absolute;
                left: 15px;
                content: attr(data-name);
                font-weight: bold;
            }
}

.error-text {
    color: #cf2f44;
}

.color-black {
    color: #333;
    font-weight: 600;
}

.list-ms {
    display: table;
    width: 100%;
}

    .list-ms li {
        display: table-row;
    }

        .list-ms li .color-black {
            color: #000;
            font-weight: 400;
            width: 50%;
            display: table-cell;
            padding: 2px 0;
        }

.contractors-grid .ngRow, .attached-grid .ngRow {
    border-bottom: none;
}

.menu-wrap-text {
    white-space: normal !important;
    width: 185px;
}

.display-cell {
    display: table-cell;
    padding-left: 10px;
}

.displaycell {
    display: table-cell;
}

label.displaycell {
    font-weight: normal;
}

    label.displaycell[for="date"] {
        position: relative;
        top: -14px;
    }

.clearboth {
    clear: both;
}

.selected-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .selected-items li {
        line-height: 30px;
        vertical-align: middle;
        padding: 5px 15px;
    }

        .selected-items li .text {
            line-height: normal;
        }

.btn-align {
    clear: both;
    padding-top: 25px;
}

    .btn-align .form-group {
        margin: 0;
    }

.version-right {
    clear: both;
    padding-top: 25px;
}

    .version-right .tracking-fields {
        float: right;
    }

.pushtop-5 {
    margin-top: 5px;
}

.pushtop-10 {
    margin-top: 10px;
}

.date-display {
    font-size: 20px;
    text-align: center;
}

.disabled-select {
    opacity: 0.2;
}

    .disabled-select select {
        display: none;
    }

.h-status {
    display: block;
    height: inherit;
    padding: 2px 10px;
    color: #fff;
}

.clist-grid .h-status {
    line-height: 24px;
}

@media(min-width:992px) {
    .pushtop-32 {
        margin-top: 32px;
    }

    #TimelineTable.ng-table td:last-child {
        width: 20%;
    }
}

@media screen and (min-width: 1250px) {

    #TimelineTable.ng-table td:last-child {
        width: 15%;
    }
}

/* T&C*/
.order-list ol {
    counter-reset: item;
    padding-left: 10px;
}

    .order-list ol > li {
        display: block;
        margin-bottom: 15px;
        padding-left: 40px;
        position: relative;
    }

        .order-list ol > li h5 {
            display: inline-block;
            font-weight: bold;
            margin: 0 0 10px;
        }

        .order-list ol > li > ol {
            counter-reset: item;
            margin-left: -40px;
            padding-left: 0;
        }

            .order-list ol > li > ol > li {
                display: block;
                margin-bottom: 10px;
                padding-left: 40px;
                position: relative;
            }

                .order-list ol > li > ol > li > ol {
                    counter-reset: listStyle;
                    margin-left: 0;
                    margin-top: 10px;
                    padding-left: 25px;
                }

                    .order-list ol > li > ol > li > ol > li {
                        counter-increment: listStyle;
                        display: block;
                        margin-bottom: 10px;
                        padding-left: 10px;
                        position: relative;
                    }

                    .order-list ol > li > ol > li > ol li::before {
                        content: "(" counter(listStyle, lower-alpha) ")";
                        left: -25px;
                        position: absolute;
                        top: 0;
                    }

                .order-list ol > li > ol > li::before {
                    content: counters(item, ".", decimal) " ";
                    counter-increment: item;
                    left: 0;
                    position: absolute;
                    top: 0;
                }

        .order-list ol > li::before {
            content: counters(item, ".", decimal) " ";
            counter-increment: item;
            left: 0;
            position: absolute;
            top: 0;
        }

.mselect-zindex {
    position: relative;
    z-index: 7;
}

.checklist ul {
    padding-left: 0px;
}
/* checklist */
.check-list-ol {
    padding: 0;
    counter-reset: item;
    clear: both;
}

    .check-list-ol li {
        position: relative;
        overflow: hidden;
        padding-left: 25px;
    }

        .check-list-ol li .left-col {
            width: 70%;
            vertical-align: middle;
            line-height: 40px;
            float: left;
            vertical-align: middle;
            position: relative;
        }

            .check-list-ol li .left-col span {
                line-height: normal;
                display: inline-block;
            }

        .check-list-ol li .right-col {
            width: 30%;
            vertical-align: middle;
            text-align: right;
            float: left;
        }

        .check-list-ol li .left-col:before {
            content: counters(item, ".") ". ";
            counter-increment: item;
            position: absolute;
            left: -25px;
            top: 0;
        }

.switch-right {
    float: right;
    margin-bottom: 10px;
}

    .switch-right label {
        margin-right: 10px;
        margin-top: 5px;
        font-weight: normal;
    }

.group .inline-label label {
    width: 25%;
}


.group-item .h5-title {
    font-weight: bold;
    margin-bottom: 15px;
}

.group-item .input-a {
    margin-bottom: 20px;
}

.group-item .attachment {
    color: #555555;
    font-size: 16px;
    text-decoration: none;
}

    .group-item .attachment i {
        font-size: 20px;
        font-weight: bold;
        margin-right: 5px;
    }

.attachments-sec {
    overflow-x: auto;
}

    .attachments-sec .attch-file {
        background: #ffffff;
        position: relative;
        width: 110px;
        padding: 5px;
        border: solid 1px #9f9fa3;
        float: left;
        margin: 0 5px 5px 0;
    }

        .attachments-sec .attch-file .close {
            position: absolute;
            right: 0;
            top: 0;
            opacity: 1;
            font-size: 14px;
            background: #ffffff;
        }

        .attachments-sec .attch-file .img-sec {
            height: 100px;
            width: 100px;
            overflow: hidden;
        }

            .attachments-sec .attch-file .img-sec img {
                max-width: 100%;
            }

        .attachments-sec .attch-file .file-name {
            text-align: left;
            padding-top: 5px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            line-height: 16px;
        }

.clist-grid .row {
    line-height: 30px;
    margin-bottom: 10px;
}

.clist-grid .btn-green,
.clist-grid .btn-red,
.clist-grid .btn-orange {
    color: #ffffff;
}

.s-year {
    margin: 0 5px;
}

.pushtop-5 {
    margin-top: 5px;
}

.date-display {
    font-size: 20px;
    text-align: center;
}

.btn-grey {
    background: #9f9fa3;
    color: #575756 !important;
}

.year-cl {
    overflow: hidden;
}

    .year-cl button {
        width: 16.66%;
        line-height: 40px;
        margin: 0;
        border: none;
        color: #ffffff;
        font-size: 18px;
        float: left;
        border: solid 1px #ffffff;
        padding: 10px 5px;
    }

.month-cl {
    overflow: hidden;
    display: none;
}

    .month-cl .week span {
        width: 14.28%;
        display: block;
        padding: 10px 5px;
        background: #05558e;
        float: left;
        color: #ffffff;
        text-align: center;
        font-size: 18px;
        border: solid 1px #ffffff;
    }


/*history checklist*/
.icon-set .circle-sm {
    border-radius: 50%;
    height: 80px;
    position: relative;
    width: 80px;
}

    .icon-set .circle-sm .text {
        display: block;
        font-size: 12px;
        font-weight: 700;
        left: 17px;
        line-height: 18px;
        position: absolute;
        text-transform: uppercase;
        top: 21px;
        width: 32px;
    }

.icon-set .circle-xsm {
    border-radius: 50%;
    bottom: 0;
    height: 24px;
    position: absolute;
    right: 5px;
    width: 24px;
}

.icon-sm {
    background: url("/content/images/icons-xxl-phone.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 16px;
    height: 80px;
    width: 80px;
}

    .icon-sm.file-i {
        background-position: -320px 0;
    }

    .icon-sm.save-i {
        background-position: -400px 0;
    }

    .icon-sm.print-i {
        background-position: -480px 0;
    }

    .icon-sm.email-i {
        background-position: -560px 0;
    }

.circle-xsm .icons-m {
    background: url("/content/images/icons24.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 24px;
    overflow: hidden;
    width: 24px;
}

.file-type-sec-sm li {
    width: 14.28%;
}

@media (max-width: 992px) {
    .file-type-sec-sm li {
        width: 16.66%;
    }

    header > section {
        max-width: 300px;
    }
}

@media (max-width: 767px) {
    .file-type-sec-sm li {
        width: 20%;
    }
}

@media (max-width: 580px) {
    .file-type-sec-sm li {
        width: 33.33%;
    }
}

.file-type-sec-sm .file-type {
    text-align: center;
}

    .file-type-sec-sm .file-type a h3 {
        font-size: 14px;
    }

.month-cl .days button {
    width: 14.28%;
    float: left;
    display: block;
    padding: 10px 5px;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    border: solid 1px #ffffff;
}

.s-date {
    margin-right: 5px;
}

.calendar-display .clist-grid {
    display: none;
}

.btn-sec-right .col-sm-8.col-md-7 {
    float: right;
}

.bg-dblue {
    background: #05558e;
}

@media (min-width: 768px) {
    .seperater-line li:nth-child(odd) {
        border-right: solid 1px #ccc;
    }
}

.selected-items.row {
    margin: 0 -15px;
}

.history-details {
    padding: 15px;
}

.valign-m {
    vertical-align: middle;
}

.search-box .angucomplete-row div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    display: block;
}

.address-info li {
    margin-bottom: 10px;
}

.contact-info {
    float: right;
    margin: 0;
    padding: 0;
}

    .contact-info li {
        color: #555555;
        margin-bottom: 10px;
    }

        .contact-info li b {
            color: #000000;
        }

        .contact-info li i {
            color: #333333;
            font-size: 20px;
            margin-right: 10px;
        }

.address-sec {
    overflow: hidden;
}

.h4-text {
    color: #000000;
}

    .h4-text span {
        color: #555555;
    }

.lable-grid label {
    width: 140px;
    display: table-cell;
}

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

    .lable-grid .form-group span {
        display: table-cell;
    }

.pushtop-0 {
    margin-top: 0 !important;
}

.graph-info {
    padding: 0;
    margin: 16px 30px 0 0;
    float: right;
    list-style: none;
}

    .graph-info li {
        float: left;
        overflow: hidden;
        margin-right: 15px;
    }

        .graph-info li .cl-block {
            display: block;
            width: 16px;
            height: 16px;
            float: left;
            border: solid 1px #ececec;
            margin-right: 5px;
        }

        .graph-info li .text {
            float: left;
            line-height: normal;
        }

@media(max-width:640px) {
    .graph-info {
        margin: 16px 0 0 0;
        float: left;
    }

        .graph-info li {
            float: none;
            margin-right: 0;
        }
}

.btn-dblue {
    background-color: #05558e;
}

.graph-info li .cl-block.btn-blue {
    background: #67b9e8;
}

.dotted-line {
    position: relative;
    border-bottom: dashed 1px #666;
    margin-top: 30px;
}

    .dotted-line span {
        position: absolute;
        width: 16%;
        top: -11px;
        height: 30px;
        text-align: center;
        background: #fff;
        left: 50%;
        margin-left: -8%;
    }

@media(max-width:767px) {
    .dotted-line span {
        width: 38%;
        margin-left: -19%;
    }
}

.h5-title {
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 10px;
    border-bottom: solid 1px #ccc;
    color: #222;
    background-color: #f6f6f6;
}

.accident-dt-view .col-xs-12 {
    margin-bottom: 10px;
}

.accident-dt-view p {
    margin-bottom: 5px;
}

.accident-dt-view b {
    color: #555;
}

.accident-dt-grid b, .accident-dt-grid1 b, .accident-dt-grid2 b {
    display: inline-block;
    float: left;
    position: relative;
}

.accident-dt-grid2 b {
    padding-right: 10px;
    margin-right: 5px;
}

.accident-dt-grid b {
    width: 195px;
}

.accident-dt-grid1 b {
    width: 100px;
}

    .accident-dt-grid1 b:after, .accident-dt-grid b:after, .accident-dt-grid2 b:after {
        content: ':';
        position: absolute;
        right: 0;
        top: 0;
    }

.accident-dt-grid1 .grd-info, .accident-dt-grid .grd-info {
    display: inline-block;
    float: left;
    padding-left: 5px;
}

.noview {
    display: none;
}

@media (max-width:767px) {
    .accident-dt-grid2 b {
        width: 120px;
    }
}

.radio-group-inline label {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

    .radio-group-inline label input {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -6px;
    }
/* Cunsultant */
.legend {
    margin: 5px 0 15px 15px;
    padding: 0;
    overflow: hidden;
}

    .legend li {
        float: left;
        white-space: nowrap;
        margin-right: 20px;
        line-height: 16px;
    }

        .legend li span {
            display: inline-block;
            float: left;
        }

        .legend li .clg {
            width: 15px;
            height: 15px;
            border: solid 1px #575756;
            margin-left: 10px;
        }

.count-circle {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: solid 1px #67b9e8;
    display: block;
    border-radius: 50%;
    margin-left: 15px;
}

.cl-blue {
    background: #67b9e8;
}

.cl-dblue {
    background: #05558e;
}

.cl-red {
    background: #e51942;
}

.cl-green {
    background: #009245;
}

.cl-yellow {
    background: #fdc649;
}

.cl-yellow-l {
    background: #fdd16d;
}

.cl-orange {
    background: #ec6608;
}

.cr-s {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.cl-types {
    background: #fff;
}

    .cl-types h5 {
        background: #85c7ed;
        padding: 10px;
        margin: 0;
        border: solid 1px #ececec;
        color: #fff;
    }

.cl-types-list {
    margin: 0;
    padding: 5px 10px 10px 10px;
    list-style: none;
}

    .cl-types-list li ul {
        margin: 0 0 0 10px;
        padding: 0;
        list-style: none;
    }

    .cl-types-list li .profile-pic {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        border: solid 1px #eee;
        text-align: center;
    }

        .cl-types-list li .profile-pic i {
            font-size: 30px;
            color: #767676;
        }

.pl-list li {
    margin-bottom: 10px;
}

.extra-visit .form-group.error label.error {
    left: 15px;
}

.icon-s:visited {
    color: #fff;
}
/*Time selector*/
.timeSelectorDirective {
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .timeSelectorDirective .increase, .timeSelectorDirective .decrease {
        text-align: center;
        vertical-align: middle;
        color: rgb(112, 112, 112);
        text-shadow: 0px 1px #FFF;
        cursor: pointer;
        -webkit-transition: 500ms ease-out all;
        -moz-transition: 500ms ease-out all;
        -ms-transition: 500ms ease-out all;
        -o-transition: 500ms ease-out all;
        transition: 500ms ease-out all;
        font-size: 100%;
        line-height: 15px;
        padding: 0 3px;
        margin: 0px;
    }

        .timeSelectorDirective .increase:hover, .timeSelectorDirective .decrease:hover {
            color: rgba(112, 112, 112, 0.5);
            border-color: #CCC;
            background-color: #FFF;
        }

        .timeSelectorDirective .increase:active, .timeSelectorDirective .decrease:active {
            color: rgb(112, 112, 112);
            box-shadow: inset 1px 1px 1px #DDD;
        }

    .timeSelectorDirective .section {
        display: inline-block;
    }

    .timeSelectorDirective .display {
        background-color: rgb(247, 247, 247);
        color: #555555;
        padding: 5px;
        margin: 0px 0 0 3px;
        min-width: 30px;
        text-align: center;
        border: 1px solid #DDD;
        box-shadow: 1px 1px 1px #FFFFFF;
        float: left;
        width: 30px;
    }

.time-controls {
    float: left;
    border: solid 1px #ccc;
    border-left: none;
}

.tabnav .nav-tabs a {
    text-decoration: none;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    min-width: inherit;
}

.btns-group-right .col-sm-8.col-md-7 {
    float: right;
    clear: both;
}

.psw-strength {
    background: #9f9fa3;
    height: 5px;
}

    .psw-strength .bar {
        display: block;
        height: 5px;
    }

.cls-list li {
    overflow: hidden;
    padding: 5px;
}

    .cls-list li span {
        width: 50%;
        float: left;
    }

    .cls-list li ul li:nth-child(even) {
        background-color: #f9f9f9;
    }

.cal-month-box .badge {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0px;
}

.margin0 {
    margin: 0 !important;
}

.cl-head {
    background: #f9f9f9;
    padding: 5px;
    border: 1px solid #e1e1e1;
    clear: both;
}

.cl-types .client-icons-list li {
    text-align: center;
}

.cls-list li b span {
    width: auto;
    float: none;
    color: #767676;
    font-weight: normal;
}

.cls-list .feature-icon {
    font-size: 24px;
}

.cls-list span.text {
    width: 100%;
    line-height: 20px;
    padding-right: 30px;
    position: relative;
    display: block;
}

.cls-list span.cl-icon {
    width: 24px;
    line-height: 24px;
    height: 26px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
}

.multiselect-parent.btn-group.dropdown-multiselect .dropdown-toggle {
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: none;
    background: #fff;
}

/*select#advicecardview.form-control {
    width: 54%;
    height: 33px;
    font-size: 13px;
}*/
.right-filter {
    width: 20%;
}

#validateCustomerForm label {
    font-size: 14px !important;
}

.validcutomer-input input.form-control {
    display: inline !important;
    /*width: 91%;*/
}

#Company .angucomplete-holder {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
/*#Company input.form-control{width:97.8%;}*/

.userinfo .text-right img {
    max-height: 200px;
    max-width: 200px;
}

.select-box.select-a.select-listbox.disabled {
    background: #e6e6e6;
}

.select-box.select-a.select-listbox span.s-text {
    font-size: 16px;
}

.select-box.select-a.select-listbox.disabled {
    background: #e6e6e6;
}

.select-box.select-a.select-listbox span.s-text {
    font-size: 16px;
}


.dash-templates .grid-style[data-ng-grid=unassignedGrid], .dash-templates .grid-style[data-ng-grid=assignedGrid] {
    width: auto;
}

.custom-radio {
    cursor: pointer;
    padding: 10px 4px;
    text-align: center !important;
    /*border: solid 1px #ddd;*/
    float: left;
    width: 50% !important;
}

    .custom-radio input[type="radio"] {
        left: 0;
        opacity: 0;
        position: relative;
        top: 0;
        z-index: 9999;
        display: none;
    }

        .custom-radio input[type="radio"] + span::before {
            content: "\f096";
            display: inline-block;
            font-size: 20px;
            position: relative;
        }

        .custom-radio input[type="radio"]:checked + span::before {
            content: "\f046";
        }

.custom-radio-sec {
    padding: 0 0 0 10px;
}

.custom-radio[disabled] {
    cursor: not-allowed;
}

@media (max-width:767px) {
    .custom-radio-sec {
        padding: 0 15px;
        border-top: dashed 1px #ccc;
    }

    .block-preview > div:first-child .custom-radio-sec:first-child {
        border-top: none;
    }

    .custom-radio {
        width: auto !important;
    }
}

.autocomplete ul {
    overflow-x: hidden;
    width: 95%;
    max-height: 400px;
}

.document-list {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background: #f9f9f9;
    border: solid 1px #eee;
}

    .document-list li {
        width: 25%;
        float: left;
    }

@media (max-width:991px) {
    .document-list li {
        width: 33.33%;
    }
}

@media (max-width:680px) {
    .document-list li {
        width: 50%;
    }
}

@media (max-width:430px) {
    .document-list li {
        width: 100%;
        float: none;
    }
}

.document-list .block-box {
    margin: 10px;
    border: solid 1px #ccc;
    padding: 10px;
    text-align: center;
    min-height: 156px;
    background: #fff;
}


.doc-valut .control-label {
    font-weight: normal;
}

.doc-valut .date {
    border: solid 1px #05558e;
}

.panel-settings {
    padding: 10px 15px !important;
}

.panel-settings {
    padding: 10px 15px !important;
}

ul.list-unorder, ul.list-unorder li {
    list-style: initial !important;
}

    ul.list-unorder li {
        margin-bottom: 5px;
    }

.whitebox {
    background-color: #fff;
    padding: 15px;
}

.gridspace-15 .ngCellText {
    padding: 5px 15px;
}

.vmiddle {
    margin-top: 15px;
}

@media (min-width:768px) {
    .vmiddle {
        margin-top: 100px;
    }
}
/* tree h */

.tree-h {
    text-align: center;
    max-width: 100%;
    overflow: auto;
    position: relative;
    background: #fff;
    padding: 15px;
}

.root {
    position: relative;
    display: table-cell;
}

.tree-h .info {
    height: 90px;
    width: 120px;
    padding: 10px;
    /*border: solid 1px #ccc;*/
    position: relative;
    margin: auto;
    text-align: center;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
    background-color: #d6ecf9;
    cursor: pointer;
    box-sizing: border-box;
}

    .tree-h .info .icon-sec {
        display: block;
        font-size: 40px;
        line-height: 40px;
        color: #05558e;
    }

    .tree-h .info.site-block {
        background-color: #d6ecdd;
        cursor: default;
    }

        .tree-h .info.site-block .icon-sec {
            color: #7fc395;
        }

    .tree-h .info.active, .tree-h .info.active .icon-sec {
        background-color: #fee6ae;
        color: #555;
    }

    .tree-h .info .text {
        display: block;
        padding: 5px 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.group-block {
    text-align: center;
    display: inline-block;
    margin: auto;
    padding-top: 20px;
    position: relative;
}

    .group-block:before {
        content: "";
        border-left: solid 1px #3388dd;
        position: absolute;
        left: 50%;
        top: 0px;
        height: 20px;
        z-index: 1;
    }

.tree-h .parent-block {
    position: relative;
    display: table-cell;
    padding: 20px 10px 0 10px;
    /*cursor: pointer;*/
    vertical-align: top;
}

    .tree-h .parent-block:before {
        content: "";
        border-top: solid 1px #3388dd;
        position: absolute;
        left: 0;
        top: 0px;
        width: 100%;
        z-index: 1;
    }

    .tree-h .parent-block:last-child:before {
        left: 0;
        width: 50%;
    }

    .tree-h .parent-block:first-child:before {
        left: 50%;
        width: 50%;
    }

.tree-h .group-block > .sites-only.parent-block:first-child:before {
    left: 35%;
    width: 69%;
}

.tree-h .parent-block:last-child:first-child:before {
    width: 0% !important;
}

.tree-h .parent-block .info:before {
    content: "";
    border-left: solid 1px #3388dd;
    position: absolute;
    left: 50%;
    top: -20px;
    height: 20px;
    z-index: 1;
}

.tree-h .parent-block.site-structure {
    left: 80px;
}

.tree-h .parent-block + .parent-block.site-structure {
    padding-left: 30px;
    left: 0;
}

.tree-h .parent-block.site-structure:before {
    width: 0px !important;
}

.tree-h .parent-block + .parent-block.site-structure:before {
    width: 10px !important;
}

.tree-h .parent-block + .parent-block.site-structure:after {
    left: 10px;
}

.tree-h .parent-block.site-structure .info:before {
    left: -20px;
    height: 130%;
    content: "";
    border-left: solid 1px #3388dd;
    position: absolute;
    top: -20px;
}

.tree-h .parent-block.site-structure .info:last-child:before {
    height: 73%;
}

.tree-h .parent-block.site-structure .info:after {
    content: "";
    border-top: solid 1px #3388dd;
    position: absolute;
    z-index: 1;
    width: 20px !important;
    left: -20px;
    top: 50%;
}

.tree-h .parent-block.site-structure .info {
    margin-bottom: 20px;
}

.tree-h .parent-block.sites-only {
    padding-right: 80px;
}

.tree-h .parent-block.siteone:before {
    border-top: none;
}

select.mselect-height[multiple] {
    height: 320px;
}

select.mselect-height1[multiple] {
    height: 510px;
}

.move-selection .btn {
    min-width: inherit;
}

.color-box {
    width: 30px;
    height: 30px;
}

.dash-templates .grid-actions-panel {
    margin-top: 0px;
}

    .dash-templates .grid-actions-panel h3 {
        margin-top: 7px;
    }

.dash-templates > div {
    /*padding: 10px 15px;*/
}

.dash-templates .actionGridPanel .btn {
    min-width: 10%;
}

.dash-templates.removeable .grid-actions-panel {
    margin-bottom: 7px;
}

.margin0, .upload-photo.margin0 {
    margin: 0 !important;
}

.document-sec {
    background: #f9f9f9;
    padding: 0 15px 15px 15px;
    overflow: hidden;
    border: solid 1px #ccc;
}

    .document-sec h5 {
        margin: 0 -15px;
        padding: 5px 15px;
        line-height: 30px;
        background: #eee;
        border-bottom: solid 1px #ccc;
    }

.selected-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .selected-items li {
        line-height: 30px;
        vertical-align: middle;
        padding: 5px 15px;
    }

        .selected-items li .text {
            line-height: normal;
        }

.title-bg-sm {
    background-color: #e0effa;
    padding: 10px 15px;
    margin: 0;
    line-height: 20px;
}
/*Time selector*/
.timeSelectorDirective {
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .timeSelectorDirective .increase, .timeSelectorDirective .decrease {
        text-align: center;
        vertical-align: middle;
        color: rgb(112, 112, 112);
        text-shadow: 0px 1px #FFF;
        cursor: pointer;
        -webkit-transition: 500ms ease-out all;
        -moz-transition: 500ms ease-out all;
        -ms-transition: 500ms ease-out all;
        -o-transition: 500ms ease-out all;
        transition: 500ms ease-out all;
        font-size: 100%;
        line-height: 15px;
        padding: 0 3px;
        margin: 0px;
    }

        .timeSelectorDirective .increase:hover, .timeSelectorDirective .decrease:hover {
            color: rgba(112, 112, 112, 0.5);
            border-color: #CCC;
            background-color: #FFF;
        }

        .timeSelectorDirective .increase:active, .timeSelectorDirective .decrease:active {
            color: rgb(112, 112, 112);
            box-shadow: inset 1px 1px 1px #DDD;
        }

    .timeSelectorDirective .section {
        display: inline-block;
    }

    .timeSelectorDirective .display {
        background-color: rgb(247, 247, 247);
        color: #555555;
        padding: 5px;
        margin: 0px 0 0 3px;
        min-width: 30px;
        text-align: center;
        border: 1px solid #DDD;
        box-shadow: 1px 1px 1px #FFFFFF;
        float: left;
    }

.time-controls {
    float: left;
    border: solid 1px #ccc;
    border-left: none;
}

.act-yellow {
    color: #fdc649;
}

.act-orange {
    color: #ec6608;
}

.act-blue {
    color: #67b9e8;
}

.act-dblue {
    color: #05558e;
}

.act-green {
    color: #7fc395;
}

.act-red {
    color: #e51941;
}

.act-grey {
    color: #575756;
}

.act-icons a {
    font-size: 20px;
    margin: 0 3px;
}

.status-icons i {
    font-size: 26px;
    margin: 0 3px;
    height: 26px;
    line-height: 26px;
}

    .status-icons i:before, .status-icons i:after {
        margin: 0;
    }
.act-icons button {
    background: transparent;
    border: none;
    font-size: 27px;
    margin: 0 3px;
    padding: 0;
    line-height: 26px;
}

    .act-icons button .icon-users:before {
        margin: 0;
    }

.overflow-show {
    overflow: initial;
}

.padding-bt0 {
    padding-bottom: 0 !important;
}

.select-item-text {
    background-color: #f9f9f9;
    margin: -12px;
    padding: 10px;
    text-align: center;
}

.badge-count {
    border-radius: 50%;
    background-color: #e51941;
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 30px;
    float: right;
    top: 0;
    border: solid 1px #ccc;
    right: 28px;
}

.tree-team {
    color: #444;
    float: left;
    margin-top: 12px;
    margin-right: 10px;
    margin-left: -10px;
}

#moveright .fa-arrow-down, #moveleft .fa-arrow-up {
    display: none;
}

@media (max-width:767px) {
    #moveright {
        float: right;
    }

        #moveright .fa-arrow-right, #moveleft .fa-arrow-left {
            display: none;
        }

        #moveright .fa-arrow-down, #moveleft .fa-arrow-up {
            display: inline-block;
        }
}

.pushleft30 {
    margin-left: 30px;
}

.pushleft10 {
    margin-left: 10px !important;
}

.low .psw-strength .bar {
    width: 15%;
    background-color: #e51941;
}

.weak .psw-strength .bar {
    width: 30%;
    background-color: #e51941;
}

.medium .psw-strength .bar {
    width: 45%;
    background-color: #fdc649;
}

.good .psw-strength .bar {
    width: 70%;
    background-color: #7fc395;
}

.strong .psw-strength .bar {
    width: 100%;
    background-color: #009245;
}

.indicator .text {
    font-size: 12px;
    float: right;
}

.low .text {
    color: #e51941;
}

.weak .text {
    color: #e51941;
}

.medium .text {
    color: #fdc649;
}

.good .text {
    color: #7fc395;
}

.strong .text {
    color: #009245;
}

.rest-ul {
    margin: 0;
    padding: 0;
}

.title-event {
    background: #85c7ed;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px;
    color: #fff;
}

.error-nowrap label.error {
    white-space: nowrap;
}

.error-order {
    margin: 0;
    padding: 0 0 0 10px;
}

    .error-order li {
        list-style: initial;
    }

.modal-title span {
    color: #888;
    font-size: 18px;
}

.overflow-inherit {
    overflow: inherit;
}

.border-grey {
    border: solid 1px #ccc;
    padding: 8px 10px 7px;
}

.template-details-actions .tmenu-widget.tmenu-treeview {
    max-height: 600px;
}

.block-child-edit .well > div {
    max-height: 200px;
    overflow: auto;
}

.menu-head.navbar-header {
    margin: 5px 0px !important;
}

.txtbox-error {
    border: 1px solid #fc0a02;
}

.collapse-checkbox {
    position: relative;
    right: 3%;
    float: right;
}

    .collapse-checkbox input[type="checkbox"] {
        vertical-align: middle;
    }

#chkAllOperations {
    margin-top: 0px;
}

.btn-list.dropdown-toggle {
    background: #85c7ed;
    border: 1px solid #85c7ed;
}

    .btn-list.dropdown-toggle.active {
        background: #337ab7;
        border: 1px solid #337ab7;
    }

.autocomplete-control {
    position: relative;
}

    .autocomplete-control .angucomplete-dropdown, .search-a .angucomplete-dropdown, .search-box .angucomplete-dropdown, .angucomplete-holder .angucomplete-dropdown {
        padding: 5px;
        background-color: #fff;
        position: absolute;
        width: 100%;
        z-index: 6;
        top: 32px;
        border: 1px solid #b7b7b7;
        margin-top: 0;
        max-height: 250px;
        overflow: auto;
    }

.angucomplete-selected-row {
    background-color: #67b9e8;
    color: #ffffff;
}

.file-type .file-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 10px 0;
    font-size: 16px;
}
/* rating */
.rating-line {
    text-align: center;
    overflow: hidden;
}

    .rating-line div {
        width: 33.33%;
        float: left;
        position: relative;
        height: 100px;
        padding: 0 5px;
    }

        .rating-line div:after {
            border-left: solid 2px #000;
            content: '';
            position: absolute;
        }

        .rating-line div:before {
            border-bottom: solid 2px #000;
            content: '';
            position: absolute;
        }

    .rating-line .line-l:after {
        height: 50px;
        bottom: 0;
        left: 50%;
    }

    .rating-line .line-l:before {
        width: 50%;
        bottom: 0;
        left: 50%;
    }

    .rating-line .line-m:after {
        height: 40px;
        bottom: 0;
        left: 50%;
    }

    .rating-line .line-m:before {
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .rating-line .line-r:after {
        height: 50px;
        bottom: 0;
        right: 50%;
    }

    .rating-line .line-r:before {
        width: 50%;
        bottom: 0;
        right: 50%;
    }

.flip-v {
    margin-top: 20px;
    clear: both;
}

    .flip-v div {
        padding-top: 60px;
    }

    .flip-v .line-l:after {
        height: 50px;
        bottom: auto;
        top: 0;
        left: 50%;
    }

    .flip-v .line-l:before {
        width: 50%;
        bottom: auto;
        top: 0;
        left: 50%;
    }

    .flip-v .line-m:after {
        height: 40px;
        bottom: auto;
        top: 0;
        left: 50%;
    }

    .flip-v .line-m:before {
        width: 100%;
        bottom: auto;
        top: 0;
        left: 0;
    }

    .flip-v .line-r:after {
        height: 50px;
        bottom: auto;
        top: 0;
        right: 50%;
    }

    .flip-v .line-r:before {
        width: 50%;
        bottom: auto;
        top: 0;
        right: 50%;
    }
/* preview */
.primary-text {
    color: #fdc649;
}

.primary-table {
    width: 100%;
    border-collapse: collapse;
}

.text-center {
    text-align: center;
}

.primary-table th {
    background-color: #86878c;
    padding: 5px 10px;
    color: #fff;
    border: solid 1px #575756;
}

.primary-table td {
    padding: 5px 10px;
    border: solid 1px #575756;
}

.primary-table-gray {
    width: 100%;
    border-collapse: collapse;
}

    .primary-table-gray th {
        background-color: #86878c;
        padding: 5px 10px;
        color: #fff;
        border: solid 1px #575756;
        text-align: center;
    }

    .primary-table-gray td {
        padding: 5px 10px;
        border: solid 1px #575756;
    }

.primary-panel {
    border: solid 1px #575756;
    overflow: hidden;
}

    .primary-panel .panel-head {
        background-color: #86878c;
        padding: 5px 10px;
        color: #fff;
        border-bottom: solid 1px #575756;
        font-weight: bold;
    }

    .primary-panel .panel-body {
        padding: 10px;
        overflow: hidden;
    }

.table-grid {
    width: 100%;
    border-collapse: collapse;
}

    .table-grid th, .table-grid td {
        padding: 5px 10px;
        border: solid 1px #575756;
        text-align: left;
    }

.table-grid-normal {
    width: 100%;
    border-collapse: collapse;
}

    .table-grid-normal td {
        padding: 5px 10px;
        white-space: nowrap;
    }

.top10 {
    margin-top: 10px;
}

.top20 {
    margin-top: 20px;
}

.top30 {
    margin-top: 30px;
}

.legend-rating {
    margin: 0;
    list-style: none;
}

    .legend-rating li {
        margin: 0 0 10px 0;
        float: none;
    }

        .legend-rating li .clg {
            margin-right: 5px;
            margin-left: 0;
        }

.preview-hazard {
    overflow: hidden;
    min-width: 60px;
}

    .preview-hazard .hazard-img {
        width: 80px;
        height: 80px;
        display: block;
    }

        .preview-hazard .hazard-img img {
            max-width: 100%;
            max-height: 100%;
        }

    .preview-hazard .hazard-title {
        display: block;
    }

.preview-controls {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

    .preview-controls li {
        display: inline-table;
        width: 50%;
        overflow: hidden;
        vertical-align: top;
    }

        .preview-controls li .container-box {
            position: relative;
            padding: 7px 10px 7px 65px;
            min-height: 70px;
        }

        .preview-controls li.full-row {
            width: 100%;
            float: none;
            overflow: hidden;
            clear: both;
        }

    .preview-controls .img-control {
        width: 50px;
        height: 50px;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 11px;
    }

        .preview-controls .img-control img {
            max-width: 100%;
        }

    .preview-controls .control-info {
        overflow: hidden;
    }

        .preview-controls .control-info pre {
            text-align: justify;
        }

.text-mode .preview-controls {
    padding-left: 20px;
}

    .text-mode .preview-controls li {
        display: block;
        width: auto;
        overflow: visible;
    }

        .text-mode .preview-controls li .container-box {
            padding-left: 10px;
            overflow: visible;
            min-height: 30px;
        }

            .text-mode .preview-controls li .container-box:before {
                content: "•";
                left: -8px;
                font-size: 20px;
                position: absolute;
                top: 4px;
            }

    .text-mode .preview-controls .img-control, .text-mode .preview-hazard .hazard-img, .text-mode .preview-rating-graph {
        display: none;
    }

.image-mode .control-info, .image-mode .preview-rating-text {
    display: none;
}

.image-mode .preview-controls li {
    width: auto;
    padding: 7px;
}

    .image-mode .preview-controls li .container-box {
        padding: 7px;
    }

.image-mode .preview-controls .img-control {
    position: static;
}

.image-mode .hazard-title {
    display: none;
}

.preview-panel-grid {
    border: none !important;
}

    .preview-panel-grid .panel-head {
        border: solid 1px #575756;
        border-bottom: none !important;
    }

.preview-rating-graph {
    width: 100px;
}

    .preview-rating-graph img {
        max-height: 100px;
    }

.image-mode .preview-controls li.full-row {
    width: auto;
    float: left;
}

@media(max-width:580px) {
    .preview-controls li .container-box {
        padding: 7px;
        min-height: 30px;
    }

    .preview-controls .img-control {
        display: none;
    }
}

@media(max-width:991px) {
    .preview-controls li {
        width: 100%;
    }
}
/* end */

.rating-popup {
    display: none;
    width: 900px;
    max-width: 100%;
    height: 500px;
    position: absolute;
    background: #fff;
    border: solid 1px #ccc;
    padding: 15px;
    z-index: 10;
    overflow: auto;
}

.legend-rating {
    margin: 0;
}

    .legend-rating li {
        margin-bottom: 10px;
    }

        .legend-rating li span {
            margin: 0 10px 0 0;
        }

.popover {
    max-width: 800px;
}

@media(max-width:991px) {
    .popover {
        max-width: 680px;
    }
}

.info-rating {
    font-size: 30px;
}

.no-action-btn.hide-controls {
    padding: 0;
}

    .no-action-btn.hide-controls .container-hazard {
        padding: 0;
    }

.no-action-btn.hide-controls {
    padding: 0;
}

    .no-action-btn.hide-controls .container-hazard {
        padding: 0;
    }


.panel .panel-heading .onoff2switch {
    margin: -4px -30px 0 0;
}

.table-grid .icons-list {
    margin: 0;
}

    .table-grid .icons-list li {
        margin-bottom: 5px;
    }

.check-control {
    cursor: pointer;
}

    .check-control .icons-sec i {
        font-size: 24px;
        color: #878786;
    }

    .check-control .icons-sec .fa-check-square {
        color: #7fc395;
    }

.progress {
    background-color: #ccc;
}

.progress-bar {
    text-indent: 10px;
}

.inline-form label.error {
    left: 15px !important;
}

.form-horizontal .autocomplete-control label.error {
    left: 0px !important;
}

.top7 {
    padding-top: 7px;
}

.grid-modal {
    width: 870px;
}

@media (max-width:991px) {
    .grid-modal {
        width: auto;
    }
}

.graph-info-m {
    margin: 15px 0 0 0;
    float: left;
}

    .graph-info-m li {
        float: none;
        margin-bottom: 10px;
        margin-right: 0;
    }

.form-group [date-picker].alertdate .glyphicon.glyphicon-warning-sign {
    color: #cf2f44;
    display: none;
    position: absolute;
    right: 54px;
    top: 9px;
    z-index: 10;
}

.form-group.error [date-picker].alertdate .glyphicon.glyphicon-warning-sign {
    display: block;
}
/*#search-operation{margin-left:53px;}*/

.permissions-list {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
}

@media(max-width:991px) {
    .permissions-list {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
}

@media(max-width:767px) {
    .permissions-list {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
}

.permissions-list input[type="checkbox"] {
    display: flex;
    float: left;
}

.permissions-list span {
    display: flex;
    padding-left: 5px;
}

@media(min-width:768px) {
    .has-feedback .form-control {
        padding-right: 0px;
    }
}

.emp-search {
    float: left;
}

@media(max-width:1024px) {
    .emp-search {
        float: none;
    }

        .emp-search div {
            margin-top: 10px;
        }
}

@media(max-width:1023px) {
    .has-feedback.manage-search {
        width: 100%;
        margin-bottom: 10px;
    }
}

.incidents-left-sec > a {
    float: left;
    width: 150px;
    height: 150px;
    display: block;
    text-decoration: none;
}

    .incidents-left-sec > a .accident-count {
        left: 0;
    }

    .incidents-left-sec > a:hover {
        text-decoration: none;
    }

.incidents-left-sec .ofc-list {
    float: left;
    white-space: nowrap;
    padding-left:25px;
   }

    .incidents-left-sec .ofc-list .site-item, .incidents-right-sec .ofc-list .site-item {
        padding-right: 15px;
        text-align: right;
        display: table-cell;
        float: none;
        width: 130px;
    }

.slte-cl-list {
    display: table-cell;
    padding: 2px;
}

@media(max-width:992px) {
    .slte-cl-list, .incidents-left-sec .ofc-list .site-item, .incidents-right-sec .ofc-list .site-item {
        display: block;
        text-align: left;
    }
}

.incidents-right-sec > canvas {
    float: left;
    max-width: 250px;
}

.incidents-right-sec .ofc-list {
    float: left;
    padding-left: 0;
    white-space: nowrap;
}

@media (min-width:768px) and (max-width:1200px) {
    .incidents-left-sec, .incidents-right-sec {
        text-align: center;
    }

        .incidents-left-sec > a, .incidents-left-sec .ofc-list, .incidents-right-sec > canvas, .incidents-right-sec .ofc-list {
            float: none;
            margin: auto;
            margin-top: 15px;
        }

        .incidents-left-sec .ofc-list, .incidents-right-sec .ofc-list {
            width: auto;
            display: inline-block;
        }

        .incidents-left-sec > a {
            text-align: center;
        }

        .incidents-left-sec .ofc-list {
            padding-left: 10px;
        }
}
#canvaschart{width:350px; max-width:100%; float:left;}
.incidents-chart{width:250px;}
@media (min-width:1024px){
    .incidents-chart{float:left;}
}
@media (max-width:767px){
    .incidents-left-sec, .incidents-right-sec{text-align:center;}
    .incidents-left-sec > a{margin:auto;}
    .incidents-left-sec .ofc-list, .incidents-right-sec .ofc-list{float:none; display:inline-block; padding:10px;}
    .incidents-chart{margin:auto;}
}
.btns-action-grid .fa-arrow-left, .btns-action-grid .fa-arrow-right {
    display: none;
}

@media (min-width:992px) {
    .btns-action-grid {
        margin-top: 75px;
    }
    .top90{margin-top:90px;}
        .btns-action-grid .fa-arrow-down, .btns-action-grid .fa-arrow-up {
            display: none;
        }

        .btns-action-grid .fa-arrow-left, .btns-action-grid .fa-arrow-right {
            display: inline-block;
        }
}

@media (max-width:992px) {
    .btns-action-grid {
        text-align: center;
        margin-top: 20px;
    }

        .btns-action-grid .actionGridPanel {
            display: inline-block;
            margin: auto;
        }

    .incidents-right-sec > canvas, .incidents-left-sec > a {
        float: none;
    }
}

.align-right {
    text-align: right;
}

#buttonfooter a {
    float: none !important;
}

#sd-well .input-group-addon.btn-grey {
    cursor: not-allowed;
}

.well div > label.custom-checkbox {
    font-weight: normal;
}

    .well div > label.custom-checkbox input[type="checkbox"], .well div > label.custom-checkbox span {
        display: flex;
    }

    .well div > label.custom-checkbox span {
        padding-left: 5px;
    }

#filter-servicename {
    margin-left: 10px;
}
/*#sharedvault .form-group{margin-right:10px;}*/
/*#atlasForm .accordion-vault .panel-heading span span i{font-size:22px;margin-top:3px;}
#atlasForm .accordion-vault .panel-heading span i{font-size:40px;}*/
.inline-table li {
    display: inline-table;
    vertical-align: top;
}

.inline-table.file-type-sec li {
    float: none;
}

.employeelist .btns-default:first-child {
    margin-left: 5px;
}

.employeelist .btns-default {
    margin-bottom: 10px;
}

#pic-holder {
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.documentVault {
    margin-right: 30px;
}

/*.cke_editor_Body_dialog tr:last-child > td*/
.align-right {
    text-align: right;
}

#buttonfooter a {
    float: none !important;
}

#sd-well .input-group-addon.btn-grey {
    cursor: not-allowed;
}

.well div > label.custom-checkbox {
    font-weight: normal;
}

    .well div > label.custom-checkbox input[type="checkbox"], .well div > label.custom-checkbox span {
        display: flex;
    }

    .well div > label.custom-checkbox span {
        padding-left: 5px;
    }

.inline-table li {
    display: inline-table;
    vertical-align: top;
}

.inline-table.file-type-sec li {
    float: none;
}

.documentVault {
    margin-right: 30px;
}

.cke_editor_Body_dialog tr:last-child > td {
    padding-bottom: 0px;
}

.cke_dialog_body tr:first-child td {
    padding-top: 0px;
}

.datetimepicker .table > thead > tr > th {
    vertical-align: middle;
    background-color: #fff;
    border-bottom: none;
    color: #000;
    text-align: center;
}

.datetimepicker .table > thead > tr > th, .datetimepicker .table > tbody > tr > th, .datetimepicker .table > tfoot > tr > th, .table > thead > tr > td, .datetimepicker .table > tbody > tr > td, .datetimepicker .table > tfoot > tr > td {
    padding: 5px;
    line-height: inherit;
    vertical-align: middle;
    border-bottom: none;
    width: auto;
    text-align: center;
}

.cat-arrows {
    width: 16px;
    height: 16px;
    display: block;
}

#newprofile .ngCellText.colt2 {
    width: 265px !important;
}

.pushleft0 {
    padding-left: 0 !important;
}

.sm-right {
    text-align: right;
}

@media(min-width:992px) {
    .label-placeholder {
        margin-top: 25px;
    }

    .sm-right {
        text-align: left;
    }
}
/*#sharedvault .form-group{margin-right:10px;}*/
.accordion-vault .panel-default {
    border-color: #87878c;
}

    .accordion-vault .panel-default > .panel-heading {
        background-color: #87878c;
    }

.accordion-vault .accordion-open > .panel-heading {
    background-color: #67b9e8;
}

.accordion-vault a.accordion-toggle {
    color: #fff;
}

.accordion-vault h4 span {
    font-size: 18px;
    font-weight: normal;
}

.accordion-vault .panel-heading > .panel-title i {
    font-size: 28px;
    margin-top: 3px;
}

.accordion-vault .panel-heading > .panel-title .title-text {
    display: inline-block;
    overflow: hidden;
    width: 75%;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.title-desc .panel-heading > .panel-title {
    line-height: 16px;
}

    .title-desc .panel-heading > .panel-title small {
        color: #fff;
        display: block;
        padding: 5px 30px 0 0;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.Help .panel.panel-table > .panel-heading {
    background-color: #67b9e8;
    color: #fff;
    font-size: 1.3em;
}

.search-article {
    height: 300px;
    overflow: auto;
    margin: 10px 0px;
    background: #fff;
    padding: 15px;
}

.Help .panel-body div > a {
    color: #333;
    font-size: 16px;
}

    #userList .subject:hover, .Help .panel-body div > a:hover, .Help .panel.theme-blue .panel-heading .panel-title > a:hover {
        color: #fdbe30;
    }

.search-heading {
    padding: 20px 15px 5px;
    background: #ddd;
}

.Help .panel-heading h4 a {
    font-size: 16px;
    margin-top: -19px;
}

.Help .search-form a {
    width: 40px;
    display: block;
    height: 34px;
}

.Help .panel.panel-grid.theme-blue .panel-body {
    padding: 15px 20px;
}

.Help .panel-heading h4 a.text-link {
    font-size: 16px;
    margin-top: -29px;
}

#userList a {
    text-decoration: none;
}

.Help .cap {
    margin: 5px 0px;
}

.cke_editor_Body_dialog tr:last-child > td, .cke_dialog_body tr:last-child > td {
    padding-bottom: 0px;
}

.cke_editor_Body_dialog tr:first-child td, .cke_dialog_body tr:first-child td {
    padding-top: 0px;
}

.cke_dialog_close_button {
    top: 25px;
}

#ticketBody #cke_BodyEditor {
    width: auto !important;
}

.panel-body.contact-us i {
    width: 20px;
    display: inline-block;
}

.overflow-hidden {
    overflow: hidden;
}

fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    width: 100%;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

.scheduler-border ul li {
    list-style: none;
}

.scheduler-border ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding: 0px;
}

#treeList ul li a label.catName {
    word-break: break-all;
    width: 80%;
    font-weight: normal;
}

#treeList ul li a span.catCount, #queue ul > li a span.catCount {
    display: inline-block;
    width: 18%;
    word-break: break-all;
}

.Help .search-form input {
    font-size: 150%;
}

.Help .panel.panel-grid.theme-blue .panel-body {
    min-height: 200px;
}

.article-attachments {
    clear: both;
    overflow: hidden;
}

    .article-attachments a {
        display: inline-block;
        margin: 0 10px 10px 0;
    }


.row-flex, .row-flex > div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    flex-flow: row wrap;
    align-content: flex-start;
    flex: 0;
}

.row-flex > div[class*='col-'] div {
    width: 100%;
}

.kb-articleitem {
    max-height: 300px;
    overflow: auto;
}

.select-multiplebox {
    min-height: 32px;
}

    .select-multiplebox .btn-group {
        border: 1px solid #b7b7b7;
        /*height: 32px;*/
    }

        .select-multiplebox .btn-group .multiselect {
            height: 30px;
        }

.user-multiselectbox .select-multiplebox .btn-group {
    width: 120px !important;
}


.select-multiplebox .btn-group .btn {
    float: none !important;
    width: 100%;
    background-color: #fff;
}
/* employee screen css end*/
.affecte-list li {
    padding-left: 45px;
    padding-right: 70px;
    position: relative;
}

    .affecte-list li .img-holder {
        position: absolute;
        left: 0;
        text-align: center;
    }

.select-multiplebox .dropdown-toggle b.caret {
    display: inline-block !important;
    float: right;
    margin-top: 9px;
}

.affecte-list li .text {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.affecte-list li .switches-nav {
    position: absolute;
    right: 8px;
    top: 0;
}

.select-multiplebox .btn-group .multiselect-container.dropdown-menu {
    margin-top: 0px;
}

.select-multiplebox .btn-group.open .dropdown-toggle {
    box-shadow: none;
}
/* new styles */
.panels-grid .panel-body {
    padding: 0;
}

    .panels-grid .panel-body .ng-grid-style {
        margin: 0;
    }

.img-upload-sec label {
    margin-top: 20px;
}
/*.modal{top:80px !important;}*/
@media (min-width:768px) {
    .mt-sm-5 {
        margin-top: 5px;
    }

    .mt-sm-10 {
        margin-top: 10px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .mt-sm-20 {
        margin-top: 20px;
    }
}

.img-upload-sec label {
    margin-top: 20px;
}

/*.modal {
    top: 0px !important;
}*/

@media (min-width:768px) {
    .mt-sm-5 {
        margin-top: 5px;
    }

    .mt-sm-10 {
        margin-top: 10px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .mt-sm-20 {
        margin-top: 20px;
    }
}


.doccat {
    background: #67b9e8;
    padding: 33px 10px;
    text-align: center;
    width: 23.7%;
    margin-right: 15px;
    float: left;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    height: 100px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

    .doccat:hover {
        background: #85c7ed;
    }

    .doccat a, .doccat a:hover {
        color: #fff;
    }

    .doccat span a {
        vertical-align: middle;
    }

#distributeDocumentForm .select-multiplebox .btn-group {
    border: 1px solid #b7b7b7;
    height: 34px;
}

#distributeDocumentForm .select-multiplebox .dropdown-toggle b.caret {
    display: inline-block !important;
    float: right;
    margin-top: 9px;
}

#distributeDocumentForm .select-multiplebox .btn-group .multiselect-container.dropdown-menu {
    margin-top: 0px;
}

#distributeDocumentForm .select-multiplebox .btn-group .multiselect.dropdown-toggle {
    padding: 5px 12px;
}

#distributeDocumentForm .select-multiplebox .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.scheduler-border ul li {
    list-style: none;
}

.scheduler-border ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    padding: 0px;
}

    .scheduler-border ul li label {
        font-weight: normal;
        vertical-align: middle;
    }

#distributeDocumentForm .scheduler-border legend {
    font-size: 14px !important;
}

.signature-background .signature {
    border: 1px solid #ccc;
}

#distributeDocumentForm .select-multiplebox .btn-group .multiselect.dropdown-toggle .multiselect-selected-text {
    width: 90%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

#awtVideo .modal-dialog > .modal-content > .modal-footer {
    margin-top: 0px;
}

.atlas-video i {
    font-size: 36px;
}

.help-infm {
    padding-top: 27px;
}

.btn-groups.text-right .btns-default {
    margin-left: 5px !important;
}

.section-folders {
    margin-bottom: 20px;
}

.folders {
    background: #67b9e8;
    color: #fff;
    display: block;
    padding: 5px 10px;
    padding: 5px 50px 5px 10px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .folders .fa {
        color: rgba(255,255,255,0.33);
    }

.fa-fw {
    width: 1.4em;
}

.folders .badge {
    background: rgba(255,255,255,0.33);
    color: #fff;
    position: absolute;
    right: 10px;
    top: 5px;
}

.folders .document-head {
    width: 50%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.foldersGreen {
    background: #7fc395;
}

    .foldersGreen .fa {
        color: #a2d3b2;
    }

    .foldersGreen .badge {
        background: rgba(96,176,68,0.33);
    }

    .foldersGreen:hover {
        background: #a2d3b2;
        color: #01ff2b;
        text-decoration: none;
    }

        .foldersGreen:hover .fa {
            color: #7fc395;
        }

        .foldersGreen:hover .badge {
            color: #7fc395;
        }


.btn-sec-m {
    overflow: hidden;
    clear: both;
}

    .btn-sec-m .form-group {
        float: right;
        margin: 0 5px 0 0;
    }

.scroll-block1 .question-block-header.block-notification .panel-collapse .panel-body {
    max-height: inherit;
}

.paddingleft0 {
    padding-left: 0px;
}

.paddingright0 {
    padding-right: 0px;
}

.image-selectbox {
    position: relative;
}

    .image-selectbox .dropdown > button {
        width: 100%;
        display: block;
        border: 1px solid #05558e;
        background-color: #05558e;
        position: relative;
        padding: 0 30px 0 0;
    }

        .image-selectbox .dropdown > button .selected-img {
            display: block;
            background: #fff;
            padding: 10px;
            height: 118px;
        }

        .image-selectbox .dropdown > button:focus {
            box-shadow: none;
            outline: none;
        }

        .image-selectbox .dropdown > button .arrow-icon {
            position: absolute;
            right: 0px;
            bottom: 10px;
            color: #fff;
            width: 30px;
            font-size: 36px;
        }

        .image-selectbox .dropdown > button img {
            max-height: 100px;
        }

    .image-selectbox .dropdown-menu {
        max-height: 200px;
        overflow-y: auto;
        top: 100%;
        border-color: #05558e;
        width: 100%;
        border-radius: 0;
        margin-top: -1px;
    }

        .image-selectbox .dropdown-menu li {
            text-align: center;
            padding: 5px;
        }

    .image-selectbox .dropdown > button .arrow-icon .fa-angle-right {
        display: none;
    }

@media(min-width:768px) {
    .image-selectbox .dropdown > button .arrow-icon {
        position: absolute;
        right: 0px;
        top: 50%;
        color: #fff;
        width: 30px;
        font-size: 36px;
        margin-top: -25px;
    }

        .image-selectbox .dropdown > button .arrow-icon .fa-angle-right {
            display: inline-block;
        }

        .image-selectbox .dropdown > button .arrow-icon .fa-angle-down {
            display: none;
        }

    .image-selectbox .dropdown-menu {
        max-height: 200px;
        overflow-y: auto;
        top: 0;
        margin-top: 0;
        /* bottom: 118px; */
        border-color: #05558e;
        max-width: 180px;
        border-radius: 0;
        left: 100%;
        height: 100%;
        width: 201px;
    }

        .image-selectbox .dropdown-menu li {
            text-align: center;
            padding: 5px;
            width: 55px;
            float: left;
        }
}

.image-selectbox .dropdown-menu li:hover {
    background-color: #ccc;
}

.image-selectbox .dropdown-menu img {
    max-width: 40px;
    max-height: 40px;
}

.doc-type .grid-style > .ngTopPanel + .ngViewport {
    max-height: inherit;
}

.doc-icon {
    font-size: 38px;
    margin-bottom: 10px;
    line-height: 54px;
}

.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
    min-height: 60px !important;
}

.cal-month-day {
    height: 60px !important;
}

.table-grid pre, .primary-table pre, .primary-panel pre {
    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-line;
    white-space: pre\9;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.affecte-list {
    clear: both;
}

.select-all-switch {
    padding: 0 10px 10px 0;
    float: right;
}

    .select-all-switch > label {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
    }

    .select-all-switch .switch-container {
        display: table-cell;
    }

        .select-all-switch .switch-container .onoff2switch {
            margin-bottom: 0;
        }

.upload-other i {
    font-size: 44px;
}

.comments-sec {
    background-color: #fff;
    padding: 15px;
}

    .comments-sec .title {
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .comments-sec .date-info {
        color: #999;
        font-size: 14px;
        margin-bottom: 10px;
    }

        .comments-sec .date-info i {
            margin-right: 10px;
            color: #555;
        }

.comment-posts {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .comment-posts li:nth-child(even) {
        background-color: #f9f9f9;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }

.panel-body-scroll {
    max-height: 400px;
    overflow: auto;
}

.ngViewport .upload-other i {
    font-size: 30px;
}


.document-list .block-box.bg-danger {
    background-color: #f2dede;
    /*cursor: default;*/
}

validate-user label {
    text-align: right;
    width: 180px;
    font-size: 14px;
}

.validate-user h3 {
    font-size: 18px;
}

.validate-user input[type="text"].form-control, .validate-user .select-box.select-a, .validate-user .search-sec .search-box {
    width: 244px;
}

.search-a .angucomplete-dropdown {
    width: 100%;
}

.btn-disable {
    background: #9F9FA3;
}

    .btn-disable .icon {
        background: #797978;
    }

.success-message {
    background: #85C7ED;
    color: #3777A5;
    padding: 10px 15px;
}

.warning-message {
    background: #F9B2C0;
    color: #e51942;
    padding: 10px 15px;
}

#TicketDetailModel .modal-body {
    height: 400px;
    overflow: auto;
}

.search-icon.btn-red {
    background: #e51942;
}

.search-icon.btn-green {
    background: #009245;
}

    .search-icon.btn-red .icon, .search-icon.btn-green .icon {
        margin-left: 5px;
    }

.image-selectbox-sm {
    position: relative;
}

    .image-selectbox-sm .dropdown > button {
        width: 100%;
        display: block;
        border: 1px solid #ccc;
        background-color: #fff;
        position: relative;
        padding: 0 30px 0 0;
    }

        .image-selectbox-sm .dropdown > button .selected-img {
            display: block;
            background: #fff;
            padding: 6px 10px;
            height: 32px;
            text-align: left;
        }

        .image-selectbox-sm .dropdown > button:focus {
            box-shadow: none;
            outline: none;
        }

        .image-selectbox-sm .dropdown > button .arrow-icon {
            position: absolute;
            right: 0px;
            bottom: 6px;
            color: #000;
            width: 30px;
            font-size: 14px;
        }

        .image-selectbox-sm .dropdown > button img {
            max-height: 100px;
        }

    .image-selectbox-sm .dropdown-menu .scroll > ul {
        max-height: 200px;
        overflow-y: auto;
        width: 100%;
    }

    .image-selectbox-sm .dropdown-menu li {
        padding: 5px;
    }

        .image-selectbox-sm .dropdown-menu li ul li:hover {
            background: none;
            cursor: default;
        }

        .image-selectbox-sm .dropdown-menu li[role="presentation"]:hover {
            background: none;
        }

        .image-selectbox-sm .dropdown-menu li ul li ul li:hover {
            background-color: #ccc;
            cursor: default;
        }

        .image-selectbox-sm .dropdown-menu li ul {
            padding: 0px;
        }

    .image-selectbox-sm .dropdown-menu img {
        max-width: 40px;
        max-height: 40px;
    }




.ngPagerContainer.ngNoMultiSelect {
    margin-top: 0px !important;
}

#modalAddEmpAddhocform .form-group.error, #modalAddEmpAddhocform .form-group.error label.error {
    background: none !important;
}

#modalAddEmpAddhocform .form-group.error {
    display: block;
}

.accordion-add-pop {
    position: absolute;
    top: 12px;
    right: 50px;
    z-index: 1;
    cursor: pointer;
}

    .accordion-add-pop i {
        margin: 0 !important;
        font-size: 28px;
    }

/* calendar */

.on-absence {
    background-color: #fdc649;
}

.on-holiday {
    background-color: #67b9e8;
}

.on-pending-holiday {
    background-color: #e1e1e2;
}

.on-ph {
    background-color: #7fc395;
}

.cal-day-today {
    background-color: #e8fde7;
}

.cal-month-day .cal-events-num {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40px;
    margin: 4px 0 0 2px !important;
}

@media (min-width:992px) {
    .cal-month-day .cal-events-num {
        max-width: 50px;
        margin: 6px 0 0 5px !important;
    }
}

@media (min-width:1270px) {
    .cal-month-day .cal-events-num {
        max-width: 51px;
        margin: 10px 0 0 6px !important;
    }
}

.block-box.mb0 + div {
    margin: 0px 10px 10px 10px;
}

.width100 {
    width: 100% !important;
}

.panel-scrollbar {
    margin: -15px;
    padding: 15px;
}

.inblock {
    display: inline-block;
}

.prefUsersDiv .grid-style > .ngTopPanel + .ngViewport {
    max-height: 300px;
}

#activeUserDDL {
    width: 88%;
    float: left;
    margin-right: 5px;
}

.stats-row .open > .dropdown-menu {
    left: -53px;
}

.stats-row .btn-group {
    margin-left: 5px;
}

.stats-row .dropdown-menu > li > a.active {
    text-decoration: none;
    color: #262626;
    background-color: #63b1e5;
}

#adviceContent.tab-content {
    overflow: hidden;
}

#tblCaseHistory th a, #tblHSCaseHistory th a {
    text-decoration: none;
}

.sortingtag {
    width: 100%;
    display: inline-block;
}

    .sortingtag i {
        margin-top: 4px;
    }
/* auto complete css*/
.ui-autocomplete {
    position: absolute !important;
    left: 0;
    top: 32px !important;
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    min-width: 192px;
    border: solid 1px #ccc;
    max-height: 300px;
    overflow: auto;
}

    .ui-autocomplete li a {
        padding: 5px 10px;
        display: block;
        text-decoration: none;
        color: #333;
    }

        .ui-autocomplete li a:hover {
            background-color: #eee;
            text-decoration: none;
        }

/*.accordion-b.accordion-vault .panel-heading > .panel-title i {
    font-size: 40px !important;
}*/

tag-manager .input-group {
    width: 100%;
}

#divSubscribersListAdvisor .outerroundedborder, #divSubscribersListInternal .outerroundedborder, .advisorcoments {
    float: left;
    padding: 1px 5px;
    height: 26px;
    line-height: 18px;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #e9edf3;
}

.attachmentslist {
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}

    .attachmentslist:last-child {
        border-bottom: 0px;
    }

#tblCaseHistory pre {
    border: none !important;
    border-radius: 0 !important;
}

.controls-border-bt h6 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    font-size: 14px;
}

.controls-border-bt {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .controls-border-bt:last-child {
        border: 0;
        margin-bottom: 0;
    }

.ui-multiselect-menu {
    z-index: 10 !important;
}

.float-none a {
    float: none !important;
}

.status-grid-icon {
    font-size: 18px;
    margin-top: -4px;
}

.casedetails .sharedoc-cntry .multiselect-container.dropdown-menu {
    max-height: 300px !important;
}

.FileSelect_Public {
    margin-left: 15px;
    float: left;
    position: relative;
    left: -129px;
    margin-bottom: 10px;
}

.internalnotes .cke_contents {
    height: 100px !important;
}

#FileSelect_Public, #FileSelect_Internal {
    float: left;
    z-index: 10;
    position: relative;
    opacity: 0;
}

    #FileSelect_Public input[type=file], #FileSelect_Internal input[type=file] {
        width: 115px;
        height: 33px;
    }

#tblempCaseHistory pre {
    display: block;
    padding: 0px;
    margin: 0px;
    color: #333333;
    background: none;
    border: 0px;
    border-radius: 0px;
}

#el-advice-search .bootstrap-switch {
    margin-bottom: 6px;
}

#adviceContent label {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
}

#divSubscribersListAdvisor .outerroundedborder label, #divSubscribersListInternal .outerroundedborder label {
    margin-bottom: 0px;
    top: 4px;
    position: relative;
    text-align: left;
    width: inherit;
}

#adviceContent .sharedoc-cntry .multiselect-container.dropdown-menu {
    max-height: 300px !important;
}

#selTemplatesAdvisor .dropdown li > span:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 175px;
    display: inline-block;
}

#selTemplatesAdvisor .dropdown li > span:last-child {
    display: none;
}

#selTemplatesAdvisor .dropdown li:hover > span:last-child {
    display: inline-block;
}

#selTemplatesAdvisor .dropdown li ul li:hover {
    background: #67b9e8;
    color: #fff;
}

#divSubscribersListAdvisor .outerroundedborder input[type=checkbox], #divSubscribersListInternal .outerroundedborder input[type=checkbox] {
    position: relative;
    top: 2px;
}

#adviceContent .attchfile label {
    float: left;
}

#bulk-actions-popup, #bulk-hs-actions-popup {
    position: absolute;
    display: none;
    width: 24%;
    background: #999999;
}

    #bulk-actions-popup li a:hover, #bulk-hs-actions-popup li a:hover {
        color: #fdc649;
    }

#bulk-actions-popup, #bulk-hs-actions-popup {
    width: 26%;
    padding: 10px;
}

    #bulk-actions-popup li a, #bulk-hs-actions-popup li a {
        color: #fff;
        font-size: 20px;
    }

    #bulk-actions-popup li, #bulk-hs-actions-popup li {
        display: inline;
        margin-right: 15px;
        float: left;
    }

.arrow_box:after, .arrow_box:before {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:before {
    border-left-color: #d2d5d7;
    border-width: 11px;
    top: 50%;
    margin-top: -11px;
}

.arrow_box {
    position: relative;
    background: #fafafa;
    border: 1px solid #d2d5d7;
}

    .arrow_box:after, .arrow_box:before {
        border-left-color: #999;
    }

#tblCaseHistory thead, #tblHSCaseHistory thead {
    padding-right: 18px;
    background: #86878c;
    height: 33px;
}

#bulk-actions-popup li a.active, #bulk-hs-actions-popup li a.active {
    color: #fdc649;
}

.sharedoc-cntry button.multiselect.dropdown-toggle.btn.btn-small {
    padding: 3px 10px;
}

.sharedoc-cntry .multiselect-container.dropdown-menu {
    max-height: 240px !important;
}

.sharedoc-cntry .multiselect-container > li > a > label {
    color: #555;
    font-size: 14px;
}
/*.form-horizontal .sharedoc-cntry .multiselect-container.dropdown-menu{margin-top:38px;}
.form-horizontal .sharedoc-cntry .multiselect-container.dropdown-menu .checkbox{min-height:auto;}*/
.controls-border-bt h6 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}

.controls-border-bt {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .controls-border-bt:last-child {
        border: 0;
        margin-bottom: 0;
    }
/*.alert-warning {
    background-color: #faae79;
    border-color: #ec6608;
    color: #ec6608;
}*/
.ui-multiselect-menu {
    z-index: 10 !important;
}

.float-none a {
    float: none !important;
}

.status-grid-icon {
    font-size: 18px;
    margin-top: -4px;
}

.pre-wordbeaknormal {
    word-break: normal;
}

.cal-month-box .cal-day-today span[data-cal-date] {
    margin-right: 5px;
}

.cal-month-day > div:first-child {
    width: 88px;
    float: left;
}

.cke_chrome {
    padding: 0px !important;
}

.cke_combo_button {
    margin: 0px 6px 3px 0px !important;
}

#selTemplatesAdvisor ul.dropdown-menu.width100 {
    max-height: 300px;
    overflow: auto;
}

#el-advice-search .multiselect.dropdown-toggle .multiselect-selected-text, #hs-advice-search .multiselect.dropdown-toggle .multiselect-selected-text {
    width: 97%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    display: inline-block;
    line-height: 21px;
}

.bot-align {
    vertical-align: bottom;
}

#divInternalComments {
    border: 1px solid #fff;
}

.paddingleft0 {
    padding-left: 0px;
}

.btns-group div {
    display: inline-block;
}

.modal-header h2, .modal-header h3 {
    margin: 0;
}

.dashboard .panel-grid .ngTopPanel {
    color: #575756;
}

.document-list {
    list-style: none;
}

.permissions-list {
    list-style: none;
}

.textleft {
    text-align: left !important;
}

.preview-rating-graph img {
    max-height: 100px;
    max-width: 100px;
}
/* switch with text*/
.switch-label {
    position: relative;
    padding-right: 70px;
    min-height: 24px;
    margin-bottom: 10px;
}

    .switch-label label {
        text-align: right;
        padding-top: 5px;
        display: block;
    }

    .switch-label .switch {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -12px;
    }

#atlasForm .panel-heading > .panel-title .fa-angle-up, #atlasForm .panel-heading > .panel-title .fa-angle-down {
    margin-top: -10px;
}

.wizard-tabs .tab-content .panel-heading b {
    position: relative;
    top: -28px;
    right: 38px;
    cursor: pointer;
}

    .wizard-tabs .tab-content .panel-heading b span {
        color: #7fc395;
        font-size: 23px;
    }

/*Using for custom error message*/
.custom-error {
    color: #cf2f44 !important;
    position: absolute;
}

.multiselect-parent.btn-group.dropdown-multiselect .dropdown-toggle .caret {
    display: block;
}

.multiselect-parent.btn-group.dropdown-multiselect .checkbox {
    padding-top: 0px;
    min-height: 9px;
}

.multiselect-parent.btn-group.dropdown-multiselect .dropdown-menu.dropdown-menu-form li a {
    padding-left: 30px;
}

#Tbl_caseHistory pre {
    white-space: nowrap;
    text-overflow: ellipsis;
    background: none;
    border: 0px;
}

#add-block-modal .ngViewport {
    height: 500px !important;
}

.previewBox.sitevisit-previewbox {
    position: fixed;
}

    .previewBox.sitevisit-previewbox h3 {
        margin: 0px;
    }

.casedetails .select-multiplebox .btn-group {
            height: 34px;
        }

.edit-icon:hover, .copy-icon:hover, .delete-icon:hover, .archive-icon:hover, .icon-c:hover {
    text-decoration: none;
    color: #fff;
}

.pushtop-8 {
    margin-top: 8px;
}

.question-block-header.panel-custom i.cmpny-texticon {
    font-size: 125%;
    margin: 0px 4px;
    float: none;
}

.prefUsersDiv > div {
    padding: 10px 15px;
}

.marginLeft10 {
    margin-left: 10px !important;
}

.contrct-details > div.text-right {
    float: right;
}

#atlasHolidaysForm .form-group .form-control .input-group .date {
    z-index: 2;
}

#atlasHolidaysForm > textarea {
    z-index: 2;
}

#tandc.modal {
    position: absolute;
    overflow: inherit;
    z-index: 9999;
}

@media (min-width:1024px) {
    #tandc.modal {
        top: 0px !important;
    }

        #tandc.modal .modal-dialog {
            margin-top: 0;
        }
}

.date .dropdown-menu, #datetimepicker1 .dropdown-menu, #datetimepicker2 .dropdown-menu, .dropdown-menu.ng-valid-date {
    /*margin-left: -30px;*/
    right: 0 !important;
    left: auto !important;
}

.mtop-7 {
    margin-top: 7px;
}

.jumbotron h2, .jumbotron .h2 {
    font-size: 40px;
}

.icon-size .fa {
    font-size: 19px !important;
}

.alert-autosave {
    padding: 5px 32px 5px 5px;
}

.pullleft-2 {
    padding-right: 2px !important;
}

.bot20 {
    margin-bottom: 20px;
}




.docDetailBtns a {
    margin-bottom: 10px;
}

#events .table-responsive tbody tr td {
    vertical-align: middle;
}

.delegatnGrp li {
    list-style-type: square;
    margin-left: 10px;
}

.delegatnGrp .panel-body {
    max-height: 130px;
    overflow: auto;
}

.wizard-tabs .tab-content .delegatnGrp .panel-heading {
    padding: 10px 15px;
}

#HolidayRequests th:last-child {
    text-align: center;
}

.margin10 {
    margin: 10px;
}

.mselect-height-m .dropdown-multiselect .dropdown-menu {
    max-height: 250px;
}

.data-collection {
    display: block !important;
}

#sharedvault .select-multiplebox .btn-group {
    height: 32px;
}

#empRequestsGrid i.icon-menu-profile {
    font-size: 24px;
}

.prfPer .ngPagerContainer {
    margin-bottom: 10px;
}

#HolidayRequests .act-icons {
    display: inline-block;
}

@media screen and (min-width:992px) {
    #HolidayRequests.ng-table td:last-child {
        width: 19%;
    }

    #HolidayRequests .act-icons {
        display: block;
        text-align: right;
    }

    #MyHolidaysTable .act-icons {
        display: block;
        text-align: right;
    }
}

@media screen and (min-width: 1210px) {

    #HolidayRequests.ng-table td:last-child {
        width: 17%;
    }

    #HolidayRequests.ng-table td.dashboard-ha {
        width: 14%;
    }
}

@media (min-width: 1025px) and (max-width: 1100px) {
    #HolidayRequests.ng-table td:last-child {
        width: 21%;
    }
}

.ngViewport .ngCellText {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90% !important;
    display: inline-block;
}

@-moz-document url-prefix() {
    #advicetype .dropdown-multiselect .dropdown-toggle .caret {
        margin-top: -10px;
    }
}

.prfPer .grid-style[data-ng-grid=unassignedGrid] .ngFooterPanel {
    overflow: hidden;
}

.ngFooterSelectedItems {
    color: #fff;
}

@media screen and (max-width:767px) {
    .content-toggle {
        display: none;
    }

        .content-toggle.open {
            display: block;
            margin-bottom: 10px;
            border: solid 1px #67b9e8 !important;
        }

    .section-xs-toggle {
        cursor: pointer;
        margin-top: 0;
        position: relative;
        padding-right: 20px;
        background-color: #87878c;
        border-bottom: solid 1px #87878c;
        color: #fff;
    }

        .section-xs-toggle:before {
            font: 26px/1 FontAwesome-webfont;
            content: "\f107";
            position: absolute;
            right: 5px;
            top: 5px;
        }

        .section-xs-toggle.active {
            background-color: #67b9e8;
            color: #fff;
            margin-bottom: 0px;
            border-bottom: solid 1px #67b9e8;
        }

            .section-xs-toggle.active:before {
                content: "\f106";
                color: #fff;
            }

        .section-xs-toggle + .top20, .section-xs-toggle + .top10 {
            margin-top: 0px;
        }

    .m-menu {
        position: relative;
    }

        .m-menu:before {
            content: 'Open menu';
            background-color: #FDC649;
            color: #000;
            position: absolute;
            top: 57px;
            padding: 0 5px;
            font-weight: bold;
            font-size: 12px;
            white-space: nowrap;
            left: 0px;
        }

        .m-menu.m-close:before {
            content: 'Close menu';
        }

        .m-menu:after {
            font: 18px/1 FontAwesome-webfont;
            content: "\f0de";
            position: absolute;
            top: 50px;
            left: 19px;
            color: #FDC649;
        }
}

.default-profile, .default-profile:hover, .default-profile td {
    background: #fdc649 !important;
}

.hour-time {
    width: 40%;
    float: left;
}

/* Table Fixed header and scroll */
div.scrollableContainer {
    position: relative;
    padding-top: 44px;
    border: 1px solid #9E9EA5;
    background: #616167;
}

    div.scrollableContainer .scroll-block {
        max-height: 540px;
    }

@media (max-width: 991px) {
    div.scrollableContainer .scroll-block {
        max-height: 300px;
    }
}

div.scrollingArea {
    max-height: 240px;
    overflow: auto;
    margin-bottom: 40px;
}

    div.scrollingArea .scrollable > thead > tr > th, div.scrollingArea .scrollable > tfoot > tr > td, div.scrollableContainer .scroll-block .scrollable > tfoot > tr > td, div.scrollableContainer .scroll-block .scrollable > thead > tr > th {
        height: 0;
        padding: 0;
    }

table.scrollable div.fixedCol {
    position: absolute;
    top: 0;
    padding: 12px;
    border-left: solid 1px #fff;
}

table.scrollable div.fixed-ft-col {
    position: absolute;
    padding: 10px 12px;
    border-left: solid 1px #fff;
    bottom: 0;
}

table.scrollable > tfoot {
    color: #fff;
}

    table.scrollable > tfoot .total-ft-text {
        width: 100px;
        display: inline-block;
        margin-left: -100px;
        text-align: right;
        border: none;
    }

.scrollable > thead > tr > th:first-child div.fixedCol {
    border: none;
}

table.scrollable {
    margin-bottom: 0px;
}

.dashboard #divWidgetHolidays .table > thead > tr > th {
    width: 20%;
}

.dashboard #HolidayRequests th:last-child {
    text-align: left;
}

.dashboard #divWidgetHolidays table > tbody > tr > td {
    padding: 6px;
}

.ngtablefixedheader table.scrollable th > div {
    position: absolute;
    top: 0;
    padding: 12px;
    border-left: solid 1px #fff;
}

.ngtablefixedheader div.scrollingArea {
    margin-bottom: 0px;
}

.ngtablefixedheader table.scrollable th:first-child > div {
    border: none;
}

.scrollable.ng-table th > div {
    position: absolute;
    top: 10px;
    padding-left: 12px;
}

.form-horizontal .control-labelleft {
    margin-bottom: 0;
    text-align: left;
    padding-top: 6px;
}

/* holidy screen */
.popover-container {
    margin-right: -14px;
    max-height: 125px;
    min-width: 150px;
    overflow-y: auto;
    padding-right: 14px;
}

    .popover-container .table {
        margin-bottom: 0;
    }

        .popover-container .table td {
            padding: 3px 5px;
        }

.pad-15 {
    padding: 15px;
}

.padding-top15 {
    padding-top: 15px;
}

.seletedFolderClass, .seletedFolderClass .fa, .seletedFolderClass:hover, .seletedFolderClass:hover .fa, .seletedFolderClass:hover .badge {
    color: #fff;
}

.seletedFolderClass {
    background-color: #05558E !important;
}

#contractnotesmodal {
    max-height: 500px;
    overflow: auto;
}

    #contractnotesmodal .panel-group {
        margin-bottom: 10px;
    }

.roles-grid-dropdown .dropdown-menu > .active > a, .roles-grid-dropdown .dropdown-menu > .active > a:hover, .roles-grid-dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
}

.title-icon {
    position: relative;
    padding-right: 35px;
    cursor: pointer;
}

    .title-icon .icon {
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
        height: 32px;
        color: #fff;
        display: block;
        line-height: 32px;
        text-align: center;
        margin-top: 2px;
        font-size: 18px;
        cursor: pointer;
    }

span.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
    display: inline-block;
}

.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.btn-overly {
    position: relative;
    display: block;
}

    .btn-overly:hover:before {
        content: 'Update';
        position: absolute;
        background: rgba(253, 206, 98, .5);
        width: 64px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        color: #fff;
        top: 0px;
        left: 0px;
    }

#CopyAtlasForm .form-group {
    margin-bottom: 10px;
}

.smallHeight20 {
    height: 20px;
}

.wrklistwidth {
    width: 14.28%;
}

.group-body .block-box i {
    display: none;
}

.group-body .block-box.active {
    background-color: #d6ecdd;
    border-color: #7fc395;
    color: #7fc395;
    font-weight: bold;
    position: relative;
}

    .group-body .block-box.active i.checkmark {
        font-size: 46px;
        position: absolute;
        top: 50%;
        left: 37%;
        margin-top: -23px;
        display: inline-block;
        z-index: 1;
    }

/**     Start :: Valdr messages sytles   **/

.valdr-message {
    display: none;
}

    .valdr-message.ng-dirty.ng-invalid.ng-touched, .form-submitted .valdr-message.ng-invalid {
        display: inline;
        color: #cf2f44;
    }

.valdr-invalid-dirty-touched-group label, .form-submitted .valdr-form-group.ng-invalid label {
    color: #cf2f44;
}

.form-group .form-control.ng-invalid.ng-dirty.ng-touched {
    border-color: #cf2f44;
}

/**     End :: Valdr messages sytles   **/
.linkHolder {
    color: #67b9e8;
    cursor: pointer;
}

    .linkHolder:hover {
        text-decoration: none;
    }

.ms-logo {
    border-bottom: 1px solid #05558e;
    padding-bottom: 14px;
}

    .ms-logo img {
        max-width: 140px;
        max-height: 90px;
    }

.case-validate .panel-heading {
    border-bottom: 1px solid #ddd;
}

.case-validate h4.panel-title a:hover {
    text-decoration: none;
}

    .case-validate h4.panel-title a:hover span {
        text-decoration: underline;
    }

#transferCallForm .form-horizontal .control-label {
    padding-top: 0px;
}

.form-group.error .checkbox-label label {
    color: #575756 !important;
}

.more-btns .btn-link-combo {
    margin-bottom: 10px;
}

.marginLeft5 {
    margin-left: 5px !important;
}

.enabledocument-helptext {
    color: #575756;
}

.wizard-tabs .certificate-popup {
    padding: 20px 20px 0 20px;
    margin: 0px;
    min-height: 100px;
}

.appendixCheckbox {
    width: 10% !important;
    height: 25px;
    vertical-align: sub;
}

.showAsCert {
    width: 75% !important;
    height: 28px;
    vertical-align: sub;
}

.separator {
    color: #575756;
    border-color: #000 !important;
    margin-top: 0px;
}

.doc-sitelogo {
    max-height: 140px;
}

.cert-icon {
    cursor: default;
    font-size: 20px;
    padding-right: 10px;
    color: #FFD700;
}

a.cert-icon:hover, a.cert-icon:focus {
    color: #FFD700;
    text-decoration: none;
}

.cert-icon i {
    position: relative;
}

    .cert-icon i span {
        position: absolute;
        bottom: 0px;
        font-size: 32px;
        right: 0px;
        color: #e51941;
    }

.companyinfo-tabs li.active span {
    font-size: 18px;
    color: #67b9e8;
}

.nodata-box {
    width: 100%;
    border: 1px solid #eee;
    min-height: 164px;
    text-align: center;
    line-height: 164px;
    color: #87878c;
}

.doc-sitelogo {
    max-height: 140px;
}

.as-sortable-item,
.as-sortable-placeholder {
    display: block;
}

.as-sortable-item {
    -ms-touch-action: none;
    touch-action: none;
}

.as-sortable-item-handle {
}

.as-sortable-placeholder {
    background-color: transparent;
}

.as-sortable-drag {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
    cursor: move;
}

.as-sortable-hidden {
    display: none !important;
}

.as-sortable-un-selectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ******************************************* */
/* Optional CSS, default style for ng-sortable */
/* ******************************************* */

.as-sortable-item,
.as-sortable-placeholder {
    min-height: 20px;
    margin: 1px 2px 5px 1px;
}

.as-sortable-item {
    /* border: solid 0px darkgrey; */
    background-color: #ffffff;
}

.as-sortable-item-handle {
}

.as-sortable-placeholder {
    /* border: 1px dashed darkgrey;*/
    box-sizing: border-box;
    /*  background-color: #dbdbdb;*/
}

.as-sortable-drag {
    opacity: .8;
}

.as-sortable-hidden {
}

.dndauto{height:auto !important;}

.itemwidth {
    width: 160px;
}

    .itemwidth .block-box {
        width: 100% !important;
    }

.disable-label {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.note-fixed {
    max-height: 60px;
    overflow-y: auto;
}

@media (min-width: 768px) {
    .activity-panel .panel-heading {
        font-weight: bold;
    }

    .activity-panel .dl-horizontal dt {
        width: 135px;
        text-align: left;
    }

    .activity-panel .dl-horizontal dd {
        margin-left: 135px;
    }

    .activity-panel .dl-horizontal dt, .activity-panel .dl-horizontal dd {
        font-size: 13px;
        margin-bottom: 2px;
    }
}

.panel-default .panel-heading a .text {
    color: #fff;
}

.activity-item .panel {
    margin-bottom: 0px;
}

.form-group .activity-validation label.checkbox {
    color: #575756;
    font-weight: normal;
}

.ah-calendaricon {
    background-color: #67b9e8;
    color: #fff;
    border-color: #67b9e8;
}

[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 1em;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background-color: #87878c;
    vertical-align: middle;
    margin-right: 1em;
    color: white;
}

/*Offline site visit*/
.content-block {
    margin: 0 auto;
    max-width: 100%;
    padding: 25px;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 5pxpx 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
}

.content-block-nobg {
    margin: 0 auto;
    max-width: 40%;
    padding: 25px;
}

    .content-block-nobg h2 {
        margin: 40px 0 30px 0;
    }

    .content-block-nobg h2 {
        margin: 40px 0 30px 0;
    }

    .content-block-nobg .pin-block {
        margin-top: 40px;
    }

.pin-block {
    text-align: center;
}

    .pin-block .pin-desc {
        margin: 40px 0;
    }

    .pin-block h4 {
        color: #67b9e8;
        margin: 30px 0px 0px;
        font-size: 16px;
        font-weight: 700;
    }

.pin-text-block {
    margin-bottom: 30px;
}

    .pin-text-block input {
        border: 1px solid #86878c;
        width: 46px;
        height: 46px;
        text-align: center;
        font-size: 25px;
    }

.pin-block .btn-link-combo .text {
    color: #fff;
    border-color: #67b9e8;
    width: 200px;
    font-size: 16px;
    font-weight: 700;
}

#step2, #step3, #step4 {
    display: none;
}

.pin-warning-block {
    color: #ec6608;
    font-size: 16px;
    line-height: 34px;
    font-weight: 700;
}

    .pin-warning-block .fa-exclamation-circle {
        font-size: 28px;
    }

.pin-success-block {
    font-size: 16px;
    line-height: 34px;
    font-weight: 700;
}

    .pin-success-block .fa-thumbs-o-up {
        font-size: 28px;
        color: #7fc395;
    }

.pin-block .btn-link-combo-disabled {
    color: #6e6e72;
}

.push-bottom40 {
    margin-top: 40px;
}

.pin-block .btn-signin {
    font-size: 16px;
    font-weight: 700;
}

@media (max-width:991px) {
    .pin-block .btn-link-combo .text {
        display: block !important;
    }
}

.create-pin .pin-text-block {
    padding: 15px;
    margin: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.pin-block .btn-right-align {
    text-align: right;
}
.req-question{
    font-style:italic;
    color:#ea4767;
}
@media(min-width:768px){
    .left-pad-sm-0{padding-left:0 !important;}
    #assigneduser-error{position:absolute;}
}
.color-default{color:#575756 !important;}
.handbook-form .col-sm-9{
    padding: 0px;
}


.wrap-table-text.ng-table th {
    max-width: none;
}

.wrap-table-text.ng-table td {
    white-space: unset;
}