/* Tablet RWD */
.sidebar > .logo > a#lnk_logo {
    background:url(images/atlas-logo-dark-bg.png) no-repeat center center;
    background-size:auto 44px;
    display:block;
 }
.sidebar > .logo > a#lnk_logoqms {
    background: url(images/QMS-new-logo.png) no-repeat center center;
    background-size: auto 44px;
    display: block;
}
@media (max-width:1024px) {
.sidebar > .logo > a, .visible-xs-inline .logo > a {
 background: url(images/atlas-dots.png) no-repeat center center;
   background-size:auto 44px;
    display:block;
}
}

@media (max-width:1024px) and (min-width:768px) {
.sidebar {
 width: 60px;
}

 .sidebar > .logo > a {
     width: 59px;
 }

 .sidebar ul > li > a > i {
     color: #fff;
     font-size: 2em;
     line-height: 1.5em;
     margin-left: 2px;
 }

 .sidebar ul > li > ul > li > a {
     padding-top: 15px;
     padding-bottom: 15px;
 }

     .sidebar ul > li > ul > li > a > [class^="icon-"] {
         display: none;
     }

     .sidebar ul > li > ul > li > a > span {
         display: block;
     }

     .sidebar ul > li > ul > li > a > i.fa.fa-angle-down {
         display: none;
     }

     .sidebar ul > li > ul > li > a > i.fa.fa-angle-right {
         display: block;
     }

 .sidebar a > span {
     display: none;
 }

 .sidebar ul li:hover > ul, .sidebar ul li.hover > ul {
     left: 59px;
 }

     .sidebar ul li:hover > ul > li:hover > ul, .sidebar ul li.hover > ul > li.hover > ul {
         left: 199px;
     }

header.top {
 left: 60px;
 /*right: -60px;*/
}
/*.topbar {
 margin-right: 60px;
}*/

/*.topbar ul li:hover > ul {
     left: 60px;
}*/
}

@media (min-width:768px) {
.sidebar {
 z-index: 1071;
}
}

/* Smartphone RWD */
@media (max-width:767px) {
.sidebar ul li > ul {
 min-width: 210px;
 width: 210px;
 height: auto;
 max-height: 100%;
 overflow-y: auto;
 bottom: 57px;
}

.sidebar ul > li > a > i {
 margin-left: 0;
}

.sidebar ul li > ul > li > ul {
 border-width: 0;
 position: relative;
 height: 0;
 overflow: hidden;
 position: static;
 -webkit-transition: height .2s ease-in-out;
 transition: height .2s ease-in-out;
}

 .sidebar ul li > ul > li > ul > li:last-child {
     border-bottom-width: 0;
 }

 .sidebar ul li > ul > li > ul > li > ul {
     border-width: 0;
     position: relative;
     height: 0;
 }

 .sidebar ul li > ul > li > ul > li.sidebar-header {
     display: none;
 }

 .sidebar ul li > ul > li > ul > li > a {
     padding-left: 20px;
 }

 .sidebar ul li > ul > li > ul > li > ul > li > a {
     padding-left: 30px;
 }

.sidebar ul li:hover > ul > li:hover > ul, .sidebar ul li.hover > ul > li.hover > ul {
 height: auto;
 position: static;
 left: 0;
 min-width: 209px;
 width: 209px;
 color: #fff;
}

.sidebar ul > li > ul > li > a > i.fa.fa-angle-down {
 display: block;
}

.sidebar ul > li > ul > li > a > i.fa.fa-angle-right {
 display: none;
}

.ms-tabs-container .panel-title > a {
 white-space: normal;
}

.ms-tabs-container .panel-heading {
 padding: 10px 12px;
}

.section-header h2 {
 margin-bottom: 10px !important;
}
.onboarding-plans .groupsection-2 .onboarding-column{padding-left:0px;}
.onboarding-plans .groupsection-1 .onboarding-column{padding-right:0px;}
.col-xs-bottom-15{margin-bottom:15px;}
}

@media (min-width:1025px) {
.sidebar a > span {
 display: inline;
}

.sidebar ul > li > ul > li > a > i.fa.fa-angle-down {
 display: none;
}
}

/* having to add this in to compensate for the font size decreasing on small smartphones */
@media (max-width: 580px) {
/*.sidebar ul > li > a > i {
 margin-left: 2px;
}*/
}
/********side bar css end*************/



/*Profile*/
#submenu-profile a.list-group-item {
background: #67b9e8;
border-color: #67b9e8;
color: #fff;
}

#submenu-profile a.list-group-item:hover, #submenu-profile a.list-group-item:active {
 background: #259ade;
 color: #fff;
}

#submenu-profile .list-group {
margin-bottom: 20px;
}

#submenu-profile .list-group-item:first-child, #submenu-profile .list-group-item:last-child {
border-radius: 0;
}

#submenu-profile .list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #222;
}

#submenu-profile p, #submenu-profile .details li {
color: #86878c;
}

/*Responsive Tweaks tablets only*/


@media (max-width:767px) {
.topbar ul > li > a {
 padding: 0 7px;
}

.topbar ul.list-inline > li:first-of-type a {
 padding: 0 6px;
}
}

/* having to add this in to compensate for the font size decreasing on small smartphones */
@media (max-width: 580px) {
header.top a > i {
 line-height: 56px;
}
}

/************top bar css end*****************************/

/*****body css*****/
body.app.no-menu {
padding: 68px 0 0;
}

@media (max-width:1024px) {
body.app {
 padding-left: 60px;
}

 body.app.no-menu {
     padding: 0;
 }
}
/************Footer css starting***************/
@media (max-width:1024px) {
footer .social-icon {
 padding: 0 0 0 3px;
}
}

@media (min-width:768px) {
footer div[class*="col-"] {
 padding: 20px;
}
}
/************Footer css ending***************/

/**************added css starting**************/
.sidebar [class^="icon-"]:before, .sidebar [class*=" icon-"]:before {
margin: 0 0.2em;
}

.topbar [class^="icon-"]:before, .topbar [class*=" icon-"] {
margin: 0 0.2em;
}

.sidebar a, .topbar a {
text-decoration: none;
}

.vcard a {
color: #67b9e8;
}

blockquote p {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}

.text-center .circle {
margin: inherit;
}

.wrapper .main-container {
padding: 20px 20px 210px 20px;
margin-bottom: -210px;
}

.breadcrumb > li {
margin-bottom: 0px;
}

@media (max-width: 991px) {
.wrapper .main-container {
 padding: 15px 15px 310px 15px;
 margin-bottom: -310px;
}
}

@media (max-width: 767px) {
.wrapper .main-container {
 margin-bottom: 0;
 padding-bottom: 0;
 min-height: initial;
}
}

.fixfixed .wrapper .main-container .header, .fixfixed .wrapper .main-container .sidebar {
position: absolute;
}

footer p {
font-size: 14px !important;
}


@media (max-width: 767px) {
body.app {
 padding-left: 50px;
}

main > .container-fluid {
 padding: 20px;
}
}



.userinfo a, .userinfo {
color: #fff;
}

.userinfo img {
 max-width: 150px;
 max-height: 150px;
 margin-bottom: 20px;
}

.userinfo .details i {
 margin-right: 5px;
}

.menu-title i {
font-size: 24px;
margin-right: 5px;
}


/***********header advance search************/
#quick-results a {
display: block;
}

.container {
max-width: 1170px;
}

.atlas-dot {
margin-right: 3px;
}

.container-loading {
position: fixed;
}

.container-loading > .container {
 width: 100% !important;
}

@media (max-width:1024px) and (min-width:768px) {
.container-loading {
 left: 60px;
}

.tckt-details {
 margin-left: 0px;
}

#trCustomFields td > div div {
 width: 100% !important;
}
}

@media (max-width:767px) {
.container-loading {
 left: 0px;
}

 .container-loading > .container {
     padding-left: 15px;
     padding-right: 15px;
 }

     .container-loading > .container .col-xs-10 {
         padding-left: 0;
     }

.atlas-dots {
 margin-left: 0;
 margin-right: 0;
}
}
/***********Loading page css ending**************/
.form-group {
margin-bottom: 20px;
}

.ra-tabs .tab-content {
padding: 30px 15px 20px;
}

.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;
}

.ra-tabs-container {
overflow: auto;
min-height: 125px;
margin-bottom: 20px;
padding: 15px;
border: 0 solid #e5e5e5;
background-color: #fff;
padding: 30px 15px 20px;
}

#us_report_button {
left: 30px;
right: auto;
}

/*.file-type-sec a.file-icon-l {
display: block;
}*/

.file-type-sec a.file-icon-l:hover {
 text-decoration: none;
}
.file-type-sec h5{font-weight:normal; margin:5px 0;}
.file-type-sec .text-sm{font-size: 12px; color: #666; margin-bottom:5px;}
.file-type-sec a h4, .file-type-sec a .text-sm {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
color: inherit;
}

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

@media(max-width:767px) {
.add-control a > .img-sec > i.fa {
 font-size: 3.5em;
 line-height: 1em;
}
}

.slider.slider-horizontal .slider-track {
background: #ddd;
}

.slider.slider-horizontal {
width: 100%;
}

.pdf-icon .circle {
background: #e51941;
}

.print-icon .circle {
background: #05558e;
}

.cqc-text .circle {
font-size: 35px;
line-height: 130px;
}

.search-form input[type="text"] {
height: 34px !important;
}

.icon-menu-search:before, .pic-holder .icon-menu-profile:before {
margin: 0;
}

.filters form .form-group {
margin-left: 0;
}

.tab-content {
overflow: initial;
}

.wizard-tabs .tab-content .panel-heading {
padding: 0;
position: relative;
}

.wizard-tabs .tab-content .panel-heading b {
 position: absolute;
 right: 35px;
 top: 8px;
 cursor: pointer;
}

 .wizard-tabs .tab-content .panel-heading b span {
     color: #7fc395;
     display: block;
     font-size: 24px;
     line-height: 24px;
     margin-right: .3em;
     text-align: center;
     width: 20px;
 }

.wizard-tabs .tab-content .panel-body .ng-grid-style {
margin: 0;
}

.wizard-tabs .tab-content .panel-body .dash-templates > div {
padding: 0;
}

.list-group, .details {
list-style: none;
}

.btn-link-combo.disabled, .btn-link-combo[disabled], fieldset[disabled] .btn-link-combo {
background-color: #a1a1a5;
color: #6e6e72;
text-shadow: #bbbbbe 1px 1px 0;
cursor: not-allowed;
pointer-events: none;
}

.element-disable {
pointer-events: none;
}

.btn-link-combo.disabled .icon, .btn-link-combo[disabled] .icon, fieldset[disabled] .btn-link-combo .icon {
background-color: #87878c;
color: #6e6e72;
}

ul, li {
list-style: none;
}

.filters .form-inline input[type="checkbox"], .filters .form-inline input[type="radio"] {
width: auto;
}

.cursor-default .ngCellText span, .cursor-default div {
cursor: default !important;
}

.table pre {
color: #575756;
background: none;
border: 0px;
border-radius: 0px;
font-family: Arial;
white-space: normal;
padding: 6px;
}
/************added css for casemanagement*************/
.table-responsive #tblTickets th a, .table-responsive #tblTickets th a:visited {
color: #fff;
text-shadow: none;
border-bottom: none;
}

.table-responsive table#tblTickets tr th {
font-size: 14px;
}

#recentview h5 {
padding: 3px 20px;
}

#recentview ul li a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}

#recentview ul li a:hover, #recentview ul li a:focus {
 text-decoration: none;
 color: #262626;
 background-color: #f5f5f5;
}
/*.panel-heading > .panel-title i {
font-size: 125%;
}*/
.table-fixed tbody {
height: 400px;
overflow-y: auto;
width: 100%;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
display: block;
}

.table-fixed tbody td, .table-fixed thead > tr > th {
 float: left;
 border-bottom-width: 0;
}

.table-fixed tbody tr td {
 border-bottom: 0px;
 word-wrap: break-word;
}

#el-advice .form-inline .form-group, #hs-advice .form-inline .form-group {
height: 37px;
}

.holiday .panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
padding: 10px 15px;
border-bottom: 1px solid transparent;
}

.cursor-default .ngCellText span, .cursor-default div {
cursor: default !important;
}

.table pre {
color: #575756;
background: none;
border: 0px;
border-radius: 0px;
font-family: Arial;
white-space: normal;
padding: 6px;
}

/*/ only for 1.6 release /*/
.tab-content .date input[type='text'] {
border-color: #ccc;
height: auto;
}

.dashboard .panel-heading {
cursor: pointer;
}

#el-advice .table-responsive, #hs-advice .table-responsive {
overflow: inherit;
}
/************added css for casemanagement*************/
.container-loading {
z-index: 1068;
}

label.checkbox {
padding-left: 20px;
}

.dashboard .panel-heading .panel-title {
cursor: pointer;
}

.icons-sec-visit .q-nav, .icons-sec-visit .siteVisitGrpBtns {
float: right;
}

.icons-sec-visit .q-nav {
margin-left: 5px;
}

.icons-sec-visit .q-nav button {
 float: left;
}

.icons-sec-visit .siteVisitGrpBtns label {
margin-bottom: 0;
float: left;
}

.inspect-comments {
overflow: hidden;
background-color: #f5f5f5;
padding-top: 10px;
}

#days-due {
width: 100%;
}

textarea {
resize: vertical;
}

/*@media (max-width:1024px) {
table#MyHolidaysTable{width:1024px;margin-bottom:20px;max-width:initial;}
table#MyHolidaysTable+div {width: 1024px;}
table#MyHolidaysTable+div .ng-table-pager{margin-top:0px;}
}*/
#information-icon .fa-lg {
font-size: 26px;
line-height: 39px;
}

.status-icons i.icon-email.act-blue {
font-size: 42px;
}

.employee-tabs.wizard-tabs .nav-tabs > li > a > span {
display: none;
}

@media only screen and (min-width: 992px) {
.employee-tabs.wizard-tabs .nav-tabs > li > a > i {
 display: inline-block;
}

.employee-tabs.wizard-tabs .nav-tabs > li.active > a > span {
 display: inline-block;
 margin-left: 5px;
}
}

@font-face {
font-family: 'framdcn';
src: url('../fonts/FRAMDCN.woff') format('woff');
font-weight: normal;
font-style: normal;
}

.document_vault.file-name, .document_vault.up-date {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
display: block;
}

#MyHolidaysTable tbody > tr > td {
vertical-align: middle;
padding: 0px 10px;
}
/* grid scape */
@media (min-width:992px) {
.position-md {
 position: absolute;
 left: 48.5%;
 z-index:1;
}

.padleft-30 {
 padding-left: 30px !important;
}

.padright-30 {
 padding-right: 30px !important;
}
}

.grid-footer .ngPagerContainer {
clear: both;
}

.grid-footer .ngTotalSelectContainer {
float: right;
margin: 10px;
}

.grid-footer .ngDisplayRowCount {
min-width: 120px;
padding-left: 5px;
}

.panel-mbottom20 .panel-default {
margin-bottom: 20px;
}

@media (max-width:1024px) {
.table-responsive table {
 width: 1024px;
 margin-bottom: 20px;
 max-width: initial;
}

 .table-responsive table + div {
     width: 1024px;
 }

     .table-responsive table + div .ng-table-pager {
         margin-top: 0px;
     }

main .section-header h2, main .section-header .h2 {
 font-size: 26px;
}
}

@media (max-width:768px) {
.table-responsive table {
 width: 100%;
}
}

.table-responsive .table > thead > tr > th,
.table-responsive .table > tbody > tr > th,
.table-responsive .table > tfoot > tr > th,
.table-responsive .table > thead > tr > td,
.table-responsive .table > tbody > tr > td {
vertical-align: middle;
}

.visible-xs-inline {
display: none;
}


@media(max-width:767px) {

.sidebar {
 left: -51px;
 box-shadow: none;
}

 .sidebar.hidemenu {
     box-shadow: 2px 0px 4px 0 rgba(0,0,0,.25);
 }

body.app {
 padding-left: 0;
}

header.top {
 left: 0;
}

.visible-xs-inline .logo {
 width: 51px;
 text-align: center;
 height: 57px;
 border-right: solid 1px #222;
 background: #222;
 position: absolute;
 top: 0;
 left: 0;

}
.visible-xs-inline .logo > a {
 background-size: auto 34px;
 height:100%;
 display:block;
}

.visible-xs-inline {
 display: inline-block !important;
}

.responsive-table-review, .responsive-table-review1 {
 width: 100%;
}

 .responsive-table-review1 th, .responsive-table-review td, .responsive-table-review1 td {
     width: 100%;
     display: block;
     border: none;
 }

 .responsive-table-review thead {
     display: none;
 }

 .responsive-table-review tr:nth-child(even) {
     background-color: #f9f9f9;
 }

 .responsive-table-review tr:nth-child(odd) {
     background-color: #eee;
 }

 .responsive-table-review tr > td {
     padding-top: 36px;
     position: relative;
 }

     .responsive-table-review tr > td:before {
         position: absolute;
         padding: 7px;
         left: 0;
         top: 0;
         width: 100%;
         white-space: nowrap;
         text-align: left;
         font-weight: bold;
         content: attr(data-title-text);
         overflow: hidden;
         text-overflow: ellipsis;
         border-bottom: solid 1px #ccc;
         color: #333;
     }

main .section-header h2, main .section-header .h2 {
 font-size: 22px;
}

main .section-header h3, main .section-header .h3 {
 font-size: 18px;
}

#us_report_button.left {
 left: 0px !important;
 width: 0px;
 text-indent: -999px;
 padding-left: 34px;
}

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

.top-xs15 {
 margin-top: 15px;
}

.topbar ul li:hover > ul {
 left: 0;
}

.affecte-list li .switch {
 margin-top: 0;
 right: 0;
}
}

@media(max-width:580px) {
.icon-text-xl .circle {
 font-size: 35px;
 height: 65px;
 width: 65px;
}

.cqc-text .circle {
 font-size: 23px;
 line-height: 65px;
}

.icon-text-xl .circle i {
 line-height: 65px;
}
/*.nav-tabs > li{float:none;}*/
.ra-tabs .nav-tabs li a {
 padding: 5px 0px;
}
/*.ra-tabs{float:left;}
 .ra-tabs .nav-tabs > li.active > a, .ra-tabs .nav-tabs > li.active > a:hover, .ra-tabs .nav-tabs > li.active > a:focus {
         border-width: 0 0 0 2px;
 }*/
.affecte-list li .sub-menu-thumb, .affecte-list li .img-holder {
 display: none;
}

.affecte-list li {
 padding: 0 60px 0 0;
}

ui-virtual-list div.renderer .container-hazard .img-sec {
 display: none;
}
}
/* panel with switch */
.panel-text, span.panel-text-arrow {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 60px;
}

.panel-switch {
margin-top: -20px;
float: right;
}

span.panel-text-arrow {
padding-right: 0;
width: 85%;
}

i.panel-text-arrow {
margin-top: -16px;
}
/* end */
.container.container-fluid {
max-width: initial;
}

.topbar ul li > ul {
top: -999px;
left: 0;
right: 0;
transition-delay: 0.4s;
}

.topbar ul li:hover > ul {
top: 56px;
transition-delay: 0.4s;
min-height: 20px;
}

.table-responsive table {
margin-bottom: 0px;
}

.table-responsive table + div .ng-table-pager {
 margin-top: 0px;
}

.table-responsive table#SharedDocumentsTable tbody tr td {
 font-size: 14px;
}
/*.pagination > li > a, .pagination > li > span {
 min-width: 28px;
 padding: 4px;
 text-align:center;
}*/

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

.cal-slide-content.cal-event-list {
background-color: #eee;
-webkit-box-shadow: none;
box-shadow: none;
}

.cal-slide-content.cal-event-list a.event-item {
 color: #67b9e8;
}
.cal-slide-content.cal-event-list li .event-item {
cursor: pointer;
}
/* employee bluk import*/
.scroll-tablegrid .table {
margin-bottom: 0;
}

.scroll-tablegrid .table > tbody > tr > td {
 padding-top: 10px;
}

.scroll-tablegrid .table > tbody > tr > td, .scroll-tablegrid .table > thead > tr > th {
 max-width: 100%;
 overflow: visible;
 min-width: 144px;
}

.scroll-tablegrid > .ng-table td div {
overflow: visible;
}

.scroll-tablegrid .table td {
max-width: 100%;
}

.scroll-tablegrid .multiselect-container.dropdown-menu {
width: auto;
max-height: 200px !important;
max-width: 320px;
}

.scroll-tablegrid {
overflow: auto;
max-height: 600px;
position: relative;
}

.scroll-tablegrid .dropdown-menu {
 z-index: 3;
}

.scroll-tablegrid .ng-table-pager {
 display: none;
}

.scroll-tablegrid .form-group .input-group-btn table .btn, .form-group [date-picker] table .btn {
 min-height: 25px;
 border: none;
 padding: 3px 5px;
 font-size: 14px;
 line-height: 20px;
}

.scroll-tablegrid .form-group .input-group-btn table .text-muted {
 font-size: 14px;
}

.scroll-tablegrid > .table > tbody > tr:nth-child(-n+3) td .dropdown-menu {
 margin-top: 2px !important;
}
/*@media (min-width:992px){*/
.scroll-tablegrid > .table {
 margin-top: 40px;
}

.scroll-tablegrid.table-scrollcontainer .table > thead > tr > th {
 position: absolute;
 width: 144px;
 top: 0;
 left: auto;
}

.table-scrollcontainer .ng-table-fixedcolumn, .table-scrollcontainer > .table > thead > tr > th:nth-child(-n+3), .table-scrollcontainer.fixed-col-4 > .table > thead > tr > th:nth-child(-n+4) {
position: absolute;
left: 1px;
width: auto;
}

.scroll-tablegrid.fixed-col-4 > .table > thead > tr > th {
position: absolute;
z-index: 4;
}

.scroll-tablegrid.table-scrollcontainer > .table > thead > tr > th:nth-child(-n+3), .table-scrollcontainer.fixed-col-4 > .table > thead > tr > th:nth-child(-n+4) {
top: 0;
}

.table-scrollcontainer .ng-table-fixedcolumn {
top: auto;
}

.table-scrollcontainer td.ng-table-fixedcolumn {
background-color: #fff;
}

.scroll-tablegrid.table-scrollcontainer > .table {
margin-left: 469px;
}

.table-scrollcontainer.fixed-col-4 > .table {
margin-left: 570px;
}

.scroll-tablegrid.table-scrollcontainer .table > thead > tr > th {
visibility: hidden;
}

.scroll-tablegrid.table-scrollcontainer.visible .table > thead > tr > th, .scroll-tablegrid.table-scrollcontainer .table.visible > thead > tr > th {
visibility: visible;
}

.scroll-tablegrid.visible {
min-height: 380px;
}

.table-scrollcontainer > .table > tbody > tr > td:nth-child(-n+3), .table-scrollcontainer.fixed-col-4 > .table > tbody > tr > td:nth-child(-n+4) {
/*min-height: 46px;*/
z-index: 4;
margin-top: 1px;
}

.scroll-tablegrid.table-scrollcontainer > .table > thead > tr > th:nth-child(-n+3), .scroll-tablegrid.table-scrollcontainer.fixed-col-4 > .table > thead > tr > th:nth-child(-n+4) {
z-index: 5;
}
/*}*/
/*.scroll-tablegrid > .table > tbody > tr > td:nth-child(1), .scroll-tablegrid > .table > thead > tr > th:nth-child(1) {
width: 170px;
}
.scroll-tablegrid > .table > tbody > tr > td:nth-child(2), .scroll-tablegrid > .table > thead > tr > th:nth-child(2) {
 left: 170px;
 width: 150px;
}

.scroll-tablegrid > .table > tbody > tr > td:nth-child(3), .scroll-tablegrid > .table > thead > tr > th:nth-child(3) {
 left: 320px;
 width: 150px;
}*/
.scroll-tablegrid.fixed-col-4 > .table > tbody > tr > td:nth-child(1), .scroll-tablegrid.fixed-col-4 > .table > thead > tr > th:nth-child(1) {
width: 100px;
min-width: 100px;
}

.scroll-tablegrid.fixed-col-4 > .table > tbody > tr > td:nth-child(2), .scroll-tablegrid.fixed-col-4 > .table > thead > tr > th:nth-child(2) {
left: 100px;
width: 170px;
min-width: 170px;
}

.scroll-tablegrid.fixed-col-4 > .table > tbody > tr > td:nth-child(3), .scroll-tablegrid.fixed-col-4 > .table > thead > tr > th:nth-child(3) {
left: 270px;
width: 150px;
min-width: 150px;
}

.scroll-tablegrid.fixed-col-4 > .table > tbody > tr > td:nth-child(4), .scroll-tablegrid.fixed-col-4 > .table > thead > tr > th:nth-child(4) {
left: 420px;
width: 150px;
min-width: 150px;
}

.scroll-tablegrid.grid-head-fixed.fixed-col-4 > .table > thead > tr > th:nth-child(1) {
left: 0 !important;
top: 0;
}

.scroll-tablegrid.grid-head-fixed.fixed-col-4 > .table > thead > tr > th:nth-child(2) {
left: 100px !important;
top: 0;
}

.scroll-tablegrid.grid-head-fixed.fixed-col-4 > .table > thead > tr > th:nth-child(3) {
left: 270px !important;
top: 0;
}

.scroll-tablegrid.grid-head-fixed.fixed-col-4 > .table > thead > tr > th:nth-child(4) {
left: 420px !important;
top: 0;
}

.width250 {
width: 250px;
min-width: 250px;
}

.width125 {
width: 125px;
min-width: 125px;
}

.width190 {
width: 190px;
min-width: 190px;
}

.border0 {
border: none;
}

.width150 {
width: 150px;
min-width: 150px;
}

.push-right-15 {
margin-right: 15px;
}

.scroll-tablegrid > .bg-white .text-muted {
font-size: 12px;
}

.scroll-tablegrid > .table .input-group {
position: static;
}

.scroll-tablegrid > .table .input-group {
top: auto !important;
left: auto !important;
}

.scroll-tablegrid > .table input[type='checkbox'] {
margin: 0;
border: 0;
height: auto;
background: transparent;
vertical-align: middle;
}

.scroll-tablegrid > .table > tbody > tr > td {
height: 64px;
padding-bottom: 0;
vertical-align: top;
/*border-bottom:none;*/
}

.scroll-tablegrid > .table .user-multiselectbox input[type='checkbox'] {
top: 5px;
left: 10px;
}
/*.scroll-tablegrid > .table > tbody > tr:nth-child(even) > td{background-color:#F4F4F4;}*/
/*td.ng-table-fixedcolumn{ height: 65px !important;}*/
.scroll-tablegrid > .table > tbody > tr > td .error {
margin: 0;
}

.scroll-tablegrid > .table > tbody > tr.error-row > td {
/*border-bottom: solid 1px #ff0000;
 border-top: solid 1px #ff0000;*/
background-color: #EEC8CF;
}
/*.scroll-tablegrid > .table > tbody > tr.error-row > td:first-child {
     border-left: solid 1px #ff0000;
 }
 .scroll-tablegrid > .table > tbody > tr.error-row > td:last-child {
     border-right: solid 1px #ff0000;
 }*/
.scroll-tablegrid > .table .form-group {
margin-bottom: 0;
}

.scroll-tablegrid > .table > tbody > tr.hilight-row > td {
background-color: #feedc7;
}

.scroll-tablegrid .form-group.autocomplete-sec {
position: relative;
}

.scroll-tablegrid .autocomplete-sec .dropdown-menu {
max-height: 300px;
overflow: auto;
}
/*.scroll-tablegrid.grid-pager{margin-bottom:60px;}*/
.scroll-tablegrid.grid-pager .ng-table-pager {
margin-top: 18px;
padding: 12px;
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
}

.scroll-tablegrid .form-group.error label.error, .scroll-tablegrid label.error {
z-index: 1;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
height: 18px;
}
/* employee mobile */
@media (max-width:580px) {
.wizard-tabs > .nav-tabs > li > a small, .wizard-tabs > .nav-tabs > li > a:hover small, .wizard-tabs > .nav-tabs > li > a:focus small {
 display: none;
}
}

.date-view-grid.form-group.error {
position: relative;
}

.date-view-grid.form-group.error label.error {
 position: initial;
 clear: both;
 display: block !important;
}

.date-view-grid .input-group-addon {
width: 34px;
height: 32px;
display: block;
float: right;
border-left: 0;
border-right: 1px solid #ccc;
line-height: 20px;
}

.date-view-grid input[type="text"].form-control {
width: 146px;
float: left;
}

/* Hoilday Working Profile */
.table-border {
border: 1px solid #dddddd;
margin: 0;
}

.holiday-profile .panel-body table td {
border: none;
}

.bottom-space-5 {
padding-bottom: 5px;
}

.holiday-profile .panel-body .panel-body {
padding: 15px !important;
}

.holiday-assignments ul {
padding: 0 15px;
list-style: disc;
}

.holiday-assignments ul li {
 list-style: disc;
}

@media(max-width:767px) {
.btngroup-xs-full .btn-group {
 width: 100%;
 margin-bottom: 10px;
}

 .btngroup-xs-full .btn-group .btn {
     width: 33%;
 }

.pushtop-xs-0 {
 margin-top: 0 !important;
}
}

@media only screen and (max-width: 767px) {
.tab-pane > .row .row:not(:first-of-type) {
 margin-top: 5px;
}

.wizard-tabs > .nav-tabs > li > a small {
 display: none;
}

.switch {
 margin-top: 0;
}
/*employee tabs mobile */
.mobile-tabs-view .nav-tabs { /*display:table-cell;*/
 border-right: solid 1px #ccc;
 position: absolute;
 z-index: 1;
}

 .mobile-tabs-view .nav-tabs > li {
     float: none;
 }

     .mobile-tabs-view .nav-tabs > li a {
         border: solid 1px #ccc;
         margin-right: -1px;
         text-align: center;
         font-size: 18px;
     }

.mobile-tabs-view > .nav-tabs > li > a, .mobile-tabs-view > .nav-tabs > li > a:hover, .mobile-tabs-view > .nav-tabs > li > a:focus {
 border: solid 1px #ccc;
 margin-right: -1px;
 border-top: none;
}

.mobile-tabs-view > .nav-tabs > li:first-child > a, .mobile-tabs-view > .nav-tabs > li:first-child > a:hover, .mobile-tabs-view > .nav-tabs > li:first-child > a:focus {
 border-top: solid 1px #ccc;
}

.wizard-tabs > .nav-tabs > li.active > a, .wizard-tabs > .nav-tabs > li.active > a:hover, .wizard-tabs > .nav-tabs > li.active > a:focus {
 border-right-color: #fff;
 border-top: 1px solid #ccc;
}

.mobile-tabs-view .tab-content { /*display:table-cell; width:100%;*/
 border: solid 1px #ccc;
 border-left: 0;
 padding: 15px;
 margin-left: 37px;
 min-height: 400px;
}

.mobile-tabs-view.wizard-tabs .nav-tabs > li > a > i {
 height: auto;
}

.scroll-content-mobile {
 max-height: 420px;
 overflow-y: auto;
 padding: 15px;
 margin: 0 -15px 15px -15px;
}

.mobile-tabs-view .m-title {
 color: #05558e;
}

.tab-pane .row label:not(.control-label) {
 float: none;
 text-align: left !important;
}

.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
 min-height: 35px !important;
}

span[data-cal-date] {
 margin-top: 5px !important;
 margin-right: 5px !important;
}

.cal-month-day {
 height: 45px !important;
}

.cal-month-box .cal-day-today span[data-cal-date] {
 font-size: 1.5em !important;
}

.margin0-xs {
 margin: 0 !important;
}
}

.holiday-profile .fa-angle-up, .holiday-profile .fa-angle-down {
font-weight: bold;
}

.tab-pane .pager {
margin: 0;
}

.switch-toggle + label {
margin: 0;
}

.btn-push-bottom15 .btn-link-combo {
margin-bottom: 15px;
}

.table.table-icons > tbody > tr > th, .table.table-icons > tbody > tr > td {
padding: 7px 12px;
}

/* icon buttons */
.btn-link-icon, .btn-link-icon:hover, .btn-link-icon:focus {
border: medium none;
color: #fff;
display: inline-block;
font-size: 20px;
height: 32px;
width: 32px;
line-height: 32px;
text-decoration: none;
text-align: center;
margin-left: 5px;
}

.btn-link-icon:first-of-type {
 margin-left: 0;
}

.btn-link-icon-default, .btn-link-icon-default:hover, .btn-link-icon-default:focus {
background: #fff;
color: #67b9e8;
}

.btn-link-icon-primary {
background: #fdbe30;
}

.btn-link-icon-color {
color: #fdbe30;
}

.btn-link-icon-info {
background-color: #424248;
}

.btn-link-icon-success {
background-color: #7fc395;
}

.btn-link-icon-warning {
background-color: #ec6608;
}

.btn-link-icon-danger {
background-color: #e51941;
}

.btn-link-icon-disabled, .btn-link-icon-disabled:hover, .btn-link-icon-disabled:focus {
background-color: #87878c;
color: #6e6e72;
}

.btn-link-icon-sm {
height: 24px;
font-size: 12px;
line-height: 24px;
width: 24px;
}

.btn-link-icon-sm i {
 font-size: 80%;
}

.section-header h2 a.btn-link-icon,
.section-header .h2 a.btn-link-icon {
font-size: 14px;
height: 28px;
width: 28px;
padding: 0 0 0;
margin: 0 0 -5px;
}

.section-header h2 a.btn-link-icon, .section-header .h2 a.btn-link-icon {
font-size: 16px;
width: 28px;
height: 28px;
}

.section-header h2 a[aria-expanded="true"].btn-link-icon, .section-header .h2 a[aria-expanded="true"].btn-link-icon {
background: #424248;
}

.alert-warning {
background-color: #fbe0ce;
}

.alert-danger {
background-color: #fad1d9;
}

.btn-sm-display {
text-align: right;
}

@media only screen and (max-width: 992px) {
.btn-sm-display .btn-link-combo .text {
 display: block;
}

.btn-sm-display .btn-link-combo .icon {
 display: none;
}

.btn-sm-display .btn-link-combo, btn-sm-display .btn-link-combo.btn-link-icon-left {
 padding: 0px !important;
}

 .btn-sm-display .btn-link-combo .text {
     max-width: 100%;
 }

main .btn-sm-display h2, main .btn-sm-display .h2 {
 margin-bottom: 15px !important;
}

.btn-sm-display .import-btns button {
 margin-bottom: 10px;
}

.holiday-profile-panel .panel-title > a {
 white-space: normal;
}

.holiday-profile-panel div.scrollableContainer {
 padding-top: 0px;
 background: none;
 border: 1px solid #ddd;
}

.holiday-profile-panel .ng-table-responsive tr:nth-child(even) {
 background-color: #fff;
}

.padd0-xs {
 padding: 0;
}
}



/* dashboard widgets */
.grid-stack-item-content {
font-size: inherit;
text-align: initial;
}

.grid-stack-item-content .fa {
 font-size: inherit;
 display: inline-block;
 margin: 0;
}

.widget-dashboard > .panel-heading {
height: 39px;
background: #87878c;
color: #ffffff;
font-weight: bold;
border-radius: 0px;
position: relative;
border: solid 1px #888888;
padding: 0;
text-align: left;
}

.widget-dashboard .panel-body {
height: 139px;
padding: 0;
}

.widget-dashboard.tasks-panel .panel-body {
height: 139px;
padding: 0 5px;
}

.widget-dashboard .ngTopPanel {
color: #575756;
background: #fff;
}

.widget-dashboard.tasks-panel .panel-body h5 {
margin-left: -20px !important;
}

.widget-dashboard {
border-color: #87878c;
}

.widget-dashboard > .panel-heading a {
 text-decoration: none;
 margin-top: -8px;
}

.widget-dashboard > .panel-heading .fa {
 margin: 0;
 float: none;
 color: #fff;
}

.widget-dashboard > .panel-heading > .panel-title {
 padding: 10px 75px 10px 10px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}

 .widget-dashboard > .panel-heading > .panel-title span.pull-right {
     position: absolute;
     right: 0px;
     top: 10px;
 }

     .widget-dashboard > .panel-heading > .panel-title span.pull-right a {
         float: left;
         display: inline-block;
         font-size: 24px;
         width: 32px;
         height: 32px;
         line-height: 32px;
         text-align: center;
         text-decoration: none;
     }

.widget-dashboard .ngGroupPanel .ngHeaderContainer {
 padding: 0;
 height: 30px !important;
}
/*.widget-dashboard .ngHeaderText{padding:7px; text-align:left; font-weight:600;}
.widget-dashboard .ngHeaderCell{height:35px !important;}*/
.widget-dashboard > .panel-heading a {
 margin-right: 5px;
}
/*.widget-dashboard .ngViewport .ngCellText {
 width: auto;
 padding:5px 7px;
}
.widget-dashboard .ngHeaderContainer {
padding: 0;
border-bottom: solid 1px #9d9d98;
}
.widget-dashboard .ngViewport {
margin-top: 5px;
}
.widget-dashboard .ngRow {
border: none;
text-align:left;
}
.widget-dashboard .ngGroupPanel + .ngHeaderContainer{height:35px !important;}*/
.widget-dashboard .ng-table td, .widget-dashboard .ng-table th {
 padding: 6px;
}

.widget-dashboard .ng-table {
 margin-bottom: 0;
}

.widget-dashboard .table > thead > tr > th {
 background-color: #eee;
 color: #333;
}

.widget-dashboard .ng-table th.sortable .sort-indicator:after, .widget-dashboard .ng-table th.sortable .sort-indicator:before, .ng-table th.sortable .sort-indicator:before {
 border-color: #333 transparent;
}

.widget-dashboard .ng-table th.sortable.sort-desc .sort-indicator:after {
 border-top-color: #333;
}

.widget-dashboard .table > tbody > tr:last-child > td {
 border-bottom: none;
}

.shortcuts-dashboard {
font-size: 64px;
text-align: center;
background: #67b9e8;
color: #ffffff;
display: block;
text-decoration: none;
height: 180px;
position: relative;
-moz-transition: color 0.2s ease-in;
-o-transition: color 0.2s ease-in;
-webkit-transition: color 0.2s ease-in;
}

.shortcuts-dashboard .icon-sec {
 display: block;
 height: 140px;
 overflow: hidden;
 line-height: 140px;
}

 .shortcuts-dashboard .icon-sec i {
     line-height: inherit;
     margin: auto;
 }

.shortcuts-dashboard .text {
 background: #05558e;
 bottom: 0;
 display: block;
 font-size: 15px;
 left: 0;
 padding: 0 5px;
 position: absolute;
 text-align: center;
 width: 100%;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 height: 40px;
 line-height: 40px;
}

.shortcuts-dashboard:hover, .shortcuts-dashboard:active, .shortcuts-dashboard:focus, .shortcuts-dashboard:visited {
 color: #ffffff;
 text-decoration: none;
 /* background: #05558e;*/
}

.icons-small {
font-size: 35px;
text-align: center;
display: block;
text-decoration: none;
}

.contactcards-dashboard .panel-group, .widget-support {
margin-bottom: 30px;
}

.contactcards-dashboard .panel {
margin-bottom: 0;
}

.contactcards-dashboard .panel > .panel-heading, .carousel-tips .panel > .panel-heading {
 background: #67b9e8;
 border-color: #67b9e8;
 padding: 4px 10px;
 text-align: left;
}

.contactcards-dashboard .btn-link-icon-left {
font-size: 30px !important;
}

.contactcards-dashboard .panel > .panel-heading .text, .carousel-tips .panel > .panel-heading .panel-title {
font-size: 16px;
font-weight: normal;
}

.contactcards-dashboard .panel > .panel-heading .indicator, .carousel-tips .panel > .panel-heading .indicator {
font-size: 24px;
margin-top: -10px;
position: absolute;
right: 0px;
top: 50%;
line-height: 18px;
height: 20px;
}

.carousel-tips .panel > .panel-heading .panel-title a {
font-weight: normal;
}

.carousel-tips .panel > .panel-heading > .panel-title .btn-link-icon-left i {
float: none;
}

.contactcards-dashboard .accordion-open > .panel-heading, .carousel-tips .accordion-open > .panel-heading {
background: #87878c;
border: solid 1px #888888;
height: 40px;
}

.carousel-tips .panel-group {
margin-bottom: 0;
}

.carousel-tips .accordion-open .panel-body {
border-color: #888888;
border-top: none;
height: 140px;
}

.contactcards-dashboard .accordion-open .panel-body {
border-color: #888888;
padding: 10px 15px;
border-top: none;
min-height: 140px;
}

.contactcards-dashboard .form-group {
margin-bottom: 10px;
}

.contactcards-dashboard .panel-heading > .panel-heading a .btn-link-icon-left {
margin-top: -18px;
}

.contactcards-dashboard .panel-heading > .panel-heading a .btn-link-icon-left i {
 line-height: 34px;
 float: none;
}

.contactcards-grid .accordion-open .panel-body {
padding: 0 10px;
}

.contactcards-grid .ng-table td, .contactcards-grid .ng-table th {
padding: 6px;
}

.contactcards-grid .ng-table {
margin-bottom: 0;
}

.contactcards-grid .table > thead > tr > th {
background-color: #eee;
color: #333;
}

.contactcards-grid .ng-table th.sortable .sort-indicator:after, .contactcards-grid .ng-table th.sortable .sort-indicator:before, .ng-table th.sortable .sort-indicator:before {
border-color: #333 transparent;
}

.contactcards-grid .ng-table th.sortable.sort-desc .sort-indicator:after {
border-top-color: #333;
}

.contactcards-grid #divWidgetHolidays {
margin: 0 -10px;
}
/*.contactcards-grid .table > thead > tr > th, .contactcards-grid .table > tbody > tr > td{padding:5px 7px !important; background-color:#eee; color:#575756; border-bottom:none;}
.contactcards-grid .table > thead > tr > th{border-bottom:solid 1px #ccc;}
.contactcards-grid .table{margin-bottom:0;}*/
#EmployeeRequests .btn-link-combo {
margin: 10px 5px 10px 0;
}

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

.carousel-tips .left.carousel-control {
left: -40px;
}

.carousel-tips .left.carousel-control i {
 left: 10px;
}

.carousel-tips .right.carousel-control {
right: -40px;
}

.carousel-tips .right.carousel-control i {
 right: 10px;
}

.carousel-tips .carousel-control.left, .carousel-tips .carousel-control.right {
background: none;
color: #67b9e8;
opacity: 1;
text-decoration: none;
text-shadow: none;
}

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

.carousel-tips .text {
color: #fff;
display: block;
line-height: 30px;
overflow: hidden;
padding: 0 0 0 40px;
text-overflow: ellipsis;
}

.carousel-tips .panel-heading {
padding: 4px 10px;
}

.carousel-tips .panel-heading .panel-title {
 padding: 0;
}

 .carousel-tips .panel-heading .panel-title .btn-link-icon-left {
     font-size: 24px;
     left: 10px /* dashboard widgets icons*/;
     margin-top: -12px;
     position: absolute;
     text-align: center;
     top: 50%;
     line-height: 24px;
 }

.carousel-tips .panel-heading > .panel-title .btn-link-icon-left i {
 float: none;
 margin-left: 0px;
}

@media (max-width: 991px) {
.dashboard .panel a {
 min-height: initial;
 text-decoration: none;
}

.shortcuts-dashboard, .widget-dashboard, .carousel-tips .panel-group {
 margin-bottom: 0px;
}

.widget-support, .contactcards-dashboard .panel-group {
 margin-bottom: 20px;
}

.shortcuts-dashboard {
 height: 160px;
}

 .shortcuts-dashboard .icon-sec {
     height: 120px;
     line-height: 120px;
 }

.widget-dashboard .panel-body {
 height: 119px;
 overflow: hidden;
}
/*.widget-dashboard .ngHeaderText { padding:5px 7px;
}
.widget-dashboard .ngViewport {
 margin-top: 0;
}
.widget-dashboard .ngViewport .ngCellText{padding:4px 7px;}
.widget-dashboard .ngGroupPanel + .ngHeaderContainer, .widget-dashboard .ngHeaderCell{height:30px !important;}*/
.widget-dashboard .ng-table td, .widget-dashboard .ng-table th {
 padding: 4px 5px;
}

.carousel-tips .panel-body {
 height: 120px;
}

.contactcards-dashboard .accordion-open .panel-body {
 padding: 5px 10px;
}

.contactcards-dashboard .accordion-open .panel-body {
 min-height: 120px;
}

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

.carousel-tips .carousel-inner > .item {
 height: 100px;
}

.widget-dashboard.tasks-panel .panel-body {
 height: 119px;
}
}
/*@media(min-width:768px) and (max-width:991px) {
.dashboard .row{
 margin-left:-10px;
 margin-right:-10px;
}
.dashboard [class*='col-']{padding-left:10px !important; padding-right:10px !important;}
}*/
@media (max-width: 767px) {
/*.widget-support, .contactcards-dashboard .panel-group{
 margin-bottom: 15px;
}*/
.shortcuts-dashboard {
 height: 120px;
}

 .shortcuts-dashboard .icon-sec {
     height: 90px;
     line-height: 90px;
 }

 .shortcuts-dashboard .text {
     height: 30px;
     line-height: 30px;
 }

.contactcards-dashboard .accordion-open > .panel-heading, .carousel-tips .accordion-open > .panel-heading {
 height: 30px;
}

.contactcards-dashboard .btn-link-icon-left {
 font-size: 26px !important;
}

.widget-support {
 height: 30px;
 padding: 0px 10px;
}

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

.contactcards-dashboard .panel > .panel-heading, .carousel-tips .panel > .panel-heading {
 padding: 0px 10px;
}

.contactcards-dashboard .btn-link-icon-left {
 left: -12px !important;
}

.contactcards-dashboard .panel-title a .text, .carousel-tips .panel-title a .text {
 padding: 0 20px 0 30px !important;
}

 .contactcards-dashboard .panel-title a .text.no-icon {
     padding-left: 0 !important;
 }

.contactcards-dashboard .btn-link-icon-left i {
 font-size: 26px;
}

.contactcards-dashboard .badge-count {
 width: 26px;
 height: 26px;
 line-height: 26px;
}

.carousel-tips .panel-body {
 min-height: 90px;
 height: auto;
}

.carousel-tips .panel-heading > .panel-title .btn-link-icon-left {
 margin-top: -12px !important;
}

 .carousel-tips .panel-heading > .panel-title .btn-link-icon-left i {
     font-size: 24px;
 }

.accordion-b .carousel-control.left i, .accordion-b .carousel-control.right i {
 font-size: 40px;
}

.widget-dashboard > .panel-heading > .panel-title {
 padding: 5px 10px;
}

.widget-dashboard > .panel-heading {
 height: 29px;
}

.ng-table-responsive.ng-table-xs td {
 padding-left: 9px !important;
 padding-top: 30px !important;
 word-wrap: break-word;
}

.ng-table-responsive td:before {
 width: 100% !important;
}

.left-section .col-xs-12.col-sm-3 {
 width: 50%;
}

.widget-dashboard .add-c-i, .widget-dashboard .more-c-i {
 background-color: transparent;
 width: 26px;
 height: 26px;
 line-height: 26px;
 font-size: 24px;
}

 .widget-dashboard .add-c-i i, .widget-dashboard .more-c-i i {
     line-height: 26px;
 }

.widget-dashboard > .panel-heading a {
 margin-top: -4px;
}

.carousel-tips .text {
 line-height: 20px;
}

.carousel-tips .panel-heading .panel-title {
 padding: 0;
}

.carousel-tips .carousel-inner > .item {
 height: 70px;
}

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

.carousel-tips .left.carousel-control {
 left: -30px;
}

.carousel-tips .right.carousel-control {
 right: -30px;
}

.carousel-tips .carousel-control.left i, .carousel-tips .carousel-control.right i {
 font-size: 30px;
 margin-top: -15px;
}

.grid-stack-item .carousel-tips p {
 height: 45px;
 overflow: hidden;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.right-widgets .col-sm-6:nth-child(odd) {
 padding-right: 10px;
}

.right-widgets .col-sm-6:nth-child(even) {
 padding-left: 10px;
}
}

/* color bg*/
.bg-orange {
background-color: #ec6608;
}
.bg-pink {
background-color: #ff00ff;
}
.bg-red {
background-color: #e51941;
}

.bg-green {
background-color: #7fc395;
}

.bg-blue {
background-color: #67b9e8;
}

.bg-yellow {
background-color: #fdc649;
}

.bg-gray {
background-color: #86878c;
}

.bg-green-light {
background-color: #e8fde7;
}

.bg-gray-light {
background-color: #e1e1e2;
}

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

.modelnote-title {
max-height: 150px;
overflow: auto;
}

.modelnote-description {
max-height: 300px;
overflow: auto;
}

.method-statement .tab-content {
overflow: hidden;
}

.ms-tabs-container {
padding: 20px 15px !important;
}

.emp-list-icons span {
margin-left: 5px;
}

.emp-list-icons span:first-child {
 margin-left: 0px;
}

@media only screen and (max-width: 800px) {
.emp-list-icons span {
 margin-left: 2px;
}
}


/* departments tree structure */

#simple-modal {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.4);
z-index: 10000;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}

#simple-modal .inner-modal {
 width: 800px;
 min-height: 600px;
 background: #fff;
 margin: auto;
 padding: 30px;
}

#Tree-Diagram {
-webkit-print-color-adjust: exact;
display: block !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
height: 550px;
position: relative;
cursor: move !important;
text-align: center;
}

#Tree-Diagram .toolbar {
 padding-top: 30px;
 z-index: 9999;
 position: relative;
}

#Tree-Diagram .inner_additional_params {
 margin-bottom: 10px;
}

 #Tree-Diagram .inner_additional_params span {
     display: inline-block;
     margin: 0 5px;
     padding: 2px 5px;
     font-size: 15px;
     background: #747474;
     border: 1px solid #747474;
     color: #fff !important;
 }

     #Tree-Diagram .inner_additional_params span.mobsCount {
         background: #A979B3 !important;
         border: 1px solid #A979B3;
     }

     #Tree-Diagram .inner_additional_params span.chCount {
         background: #C87335 !important;
         border: 1px solid #C87335;
     }

     #Tree-Diagram .inner_additional_params span.assignedMobs {
         background: #B0CB19 !important;
         border: 1px solid #B0CB19;
     }

     #Tree-Diagram .inner_additional_params span.factMob {
         background: #F08137 !important;
         border: 1px solid #F08137;
     }

     #Tree-Diagram .inner_additional_params span.planningMobs {
         background: #EA556F !important;
     }

#Tree-Diagram .tree-roots-elements {
 position: relative;
 text-align: center;
 transform: translate(0,50px);
 display: inline-block;
 transform-origin: 0 0;
 /*white-space: nowrap;*/
 /*cursor: default !important;*/
}

 #Tree-Diagram .tree-roots-elements .tree-parent {
     position: relative;
     display: inline-block;
     margin: 15px;
     vertical-align: top;
     z-index: 1;
 }

     #Tree-Diagram .tree-roots-elements .tree-parent .rect {
         position: relative;
         display: inline-block;
         box-sizing: border-box;
         width: 174px;
         -webkit-print-color-adjust: exact;
         min-height: 90px;
         cursor: default !important;
         vertical-align: middle;
         font-family: arial, helvetica, sans-serif;
         border: 2px solid #fff;
         border-radius: 0;
         box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
         background: none;
         background-color: #d6ecf9;
         font-size: 12px;
         /*padding:5px;*/
     }

.tree-parent .rect .node {
margin-bottom: 20px;
}

.tree-roots-elements .tree-parent .node-employeelist {
height: auto;
padding-bottom: 20px;
/*overflow: auto;*/
margin-top: 30px;
box-sizing: border-box;
-webkit-print-color-adjust: exact;
cursor: default !important;
font-family: arial, helvetica, sans-serif;
text-align: left;
border: 2px solid #fff;
border-radius: 0;
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
font-size: 12px;
}

#Tree-Diagram .tree-roots-elements .tree-parent .node-employeelist:before {
content: "";
width: 50%;
position: absolute;
height: 30px;
left: 0;
top: 90px;
border-right: 1px solid #E50773;
max-width: 100%;
max-height: 100%;
}

.tree-roots-elements .tree-parent .node-employeelist .node-list {
height: auto;
color: #E50773;
overflow: auto;
max-height: 230px;
min-height: 65px;
}

.tree-roots-elements .tree-parent .node-employeelist .node-head {
background-color: #292A2B;
color: #fff;
}

.tree-roots-elements .tree-parent .node-employeelist .node-footer {
width: 170px;
}

.tree-roots-elements .tree-parent .node-employeelist .bold {
font-weight: bold !important;
}

.tree-roots-elements .tree-parent .node-employeelist .isEmployee {
padding: 3px 5px;
/*width: 165px;*/
text-overflow: ellipsis;
overflow-x: hidden;
cursor: pointer !important;
}

.tree-roots-elements .tree-parent .node-employeelist .isEmployee:hover {
 background-color: #f0f6fb;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.white-node {
border: 1px solid #333;
font-size: 14px;
}

.tree-parent .rect .node-icon {
width: 42px;
height: 42px;
border-radius: 50%;
box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
font-size: 28px;
line-height: 44px;
margin: 5px 4px;
position: absolute;
z-index: 1;
}

.tree-parent .node-head {
padding: 5px 20px 5px 5px;
color: #fff;
text-align: left;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.tree-parent .node-footer {
background-color: #d9d9d9;
position: absolute;
width: 100%;
}

.tree-parent .rect .node-info {
padding: 5px 5px 5px 50px;
white-space: normal;
height: 44px;
overflow: hidden;
text-align: left;
display: table-cell;
vertical-align: middle;
}

.tree-parent .node-footer .count {
background-color: #fff;
padding: 1px 5px;
float: right;
color: #333;
margin: 1px;
line-height: 16px;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect .node .badge {
margin-top: 5px;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.Department .node {
background: #E0E0E7;
}
/*.text-dblue, .tree-parent .rect.selected .text-dblue{color:#05558e;}*/
.rect.Company .text-dblue {
color: #fff;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.Company .node {
background-color: #E0E0E7;
color: #fff;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.Company.white-node {
background-color: #fff;
color: #fff;
}

#Tree-Diagram .tree-roots-elements .tree-parent .Company .node-head {
background-color: #292A2B;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.Company .node-icon {
color: #292A2B;
font-size: 24px;
}

#Tree-Diagram .tree-roots-elements .tree-parent .Department .node-head {
background-color: #292A2B;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.Department .node-icon {
color: #292A2B;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.Team {
background: #E0E0E7;
}

#Tree-Diagram .tree-roots-elements .tree-parent .Team .node-head {
background-color: #292A2B;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.Team .node-icon {
color: #292A2B;
}

#Tree-Diagram .tree-roots-elements .tree-parent .tree-element-main {
text-align: center;
width: 174px;
margin: 0 auto;
}

/*#Tree-Diagram .tree-roots-elements .tree-parent .rect.selected {
border: 1px #fdbe30 solid;
background-color:#fee6ae;
color: #575756;
}*/

#Tree-Diagram .tree-roots-elements .tree-parent .white-node .tree-buttons {
background-color: #d9d9d9;
padding: 3px;
display: block;
position: inherit;
}

#Tree-Diagram .tree-roots-elements .tree-parent .tree-buttons {
position: absolute;
display: none;
width: 100%;
/*bottom: 0px;*/
/* height: 100%; */
left: 0;
/*background: rgba(0,0,0, .15);
padding: 5px 0;*/
}

.tree-buttons > div {
display: inline-block;
width: 20px;
height: 20px;
color: #fff;
/*margin-top:40px;*/
box-shadow: 0 0 4px rgba(0,0,0, .2);
}

#Tree-Diagram .tree-roots-elements .tree-parent .update {
background: #fdbe30;
}

.tree-buttons > div span {
line-height: 20px;
display: block;
cursor: pointer;
}

#Tree-Diagram .tree-roots-elements .tree-parent .remove {
background-color: #e51941;
}

#Tree-Diagram .tree-roots-elements .tree-parent .add {
background-color: #7fc395;
}

#Tree-Diagram .tree-roots-elements .tree-parent .expand {
background-color: #67b9e8;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect:hover .tree-buttons {
display: block;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.mob {
background: #00bfc1 !important;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.mob textarea {
 color: #fff !important;
}

#Tree-Diagram .tree-roots-elements .tree-parent .rect.mob .edit span {
 color: #fff !important;
}

/*#Tree-Diagram .tree-roots-elements .tree-parent .tree-element-container {
width: 174px;
height: 90px;
}*/

#Tree-Diagram .tree-roots-elements .tree-parent .rect.loading:before {
content: "";
width: 174px;
height: 0;
background-size: 11%;
left: 0;
top: 0;
display: block;
padding-bottom: 100px;
margin-bottom: -100px;
}

#Tree-Diagram .tree-roots-elements .tree-children {
text-align: center;
/*transform: translate(calc(1px),45px) rotateY(0deg);*/
display: inline-block;
position: relative;
white-space: nowrap;
/*perspective: 3000px;
perspective-origin: center bottom;*/
margin-top: 45px;
}

#Tree-Diagram .tree-roots-elements .tree-children.ng-move, #Tree-Diagram .tree-roots-elements .tree-children.ng-enter, #Tree-Diagram .tree-roots-elements .tree-children.ng-leave {
 transition: all ease .5s;
 transform-origin: center;
}

/*#Tree-Diagram .tree-roots-elements .tree-children.ng-leave.ng-leave-active, #Tree-Diagram .tree-roots-elements .tree-children.ng-move, #Tree-Diagram .tree-roots-elements .tree-children.ng-enter {
transform: translate(calc(1px),45px) rotateY(90deg);
opacity: 0;
}

#Tree-Diagram .tree-roots-elements .tree-children.ng-leave, #Tree-Diagram .tree-roots-elements .tree-children.ng-move.ng-move-active, #Tree-Diagram .tree-roots-elements .tree-children.ng-enter.ng-enter-active {
transform: translate(calc(1px),45px) rotateY(0deg);
opacity: 1;
}*/

#Tree-Diagram .tree-roots-elements .tree-parent {
position: relative;
display: inline-block;
margin: 15px;
vertical-align: top;
}

#Tree-Diagram .tree-roots-elements .line-to {
position: absolute;
top: -30px;
border-top: 1px solid #E50773;
width: calc(100% + 30px);
display: none;
}

#Tree-Diagram .tree-compact {
position: absolute;
-webkit-transform: translate(0,45px);
transform: translate(0,45px);
}

#Tree-Diagram .tree-compact .rect {
 background: #fafafa !important;
 vertical-align: middle;
 display: table-cell;
}

#Tree-Diagram .tree-compact .tree-text {
 font-size: 12px;
}

#Tree-Diagram .tree-text {
font-size: 12px;
line-height: 15px;
/*height: 98px;*/
white-space: normal;
}


#Tree-Diagram .tree-connectors {
position: absolute;
top: -60px;
left: 15px;
height: 60px;
width: 100%;
}

#Tree-Diagram .tree-link {
position: absolute;
}

#Tree-Diagram .tree-element-container {
z-index: 100;
}

#Tree-Diagram .tree-drop-circle {
position: absolute;
top: -5px;
left: -5px;
right: 0;
margin: 0 auto;
width: 184px;
height: 100px;
background: #f2f4f6;
box-shadow: 0 0 1px gray;
opacity: .5;
display: none;
z-index: 9999;
}

#Tree-Diagram .tree-drop-circle.h {
 background: #3e8432;
 box-shadow: 0 0 1px #3e8432;
}

#Tree-Diagram .tree-drop-circle.cshow {
 display: block;
}

#Tree-Diagram .tree-parent.dragging {
pointer-events: none;
z-index: 10000;
}

#Tree-Diagram .tree-parent.dragging > .ghost-box {
 display: block;
}

#Tree-Diagram .ghost-box {
position: absolute;
width: 174px;
height: 90px;
box-shadow: 0 0 6px gray;
display: none;
z-index: -1;
left: 0;
right: 0;
margin: 0 auto;
background-color: #fff;
}

#Tree-Diagram .tree-parent:not(.tree-root):before {
content: "";
width: 50%;
position: absolute;
height: 30px;
left: 0;
top: -30px;
border-right: 1px solid #E50773;
}

#Tree-Diagram .tree-children:before {
content: "";
width: 50%;
position: absolute;
height: 30px;
left: 0;
top: -44px;
border-right: 1px solid #E50773;
max-width: 100%;
max-height: 100%;
}

#Tree-Diagram .tree-compact:before {
content: "";
width: 50%;
position: absolute;
height: 29px;
left: 0;
top: -44px;
border-right: 1px solid #E50773;
}

#Tree-Diagram .tree-addons {
position: absolute;
bottom: 0;
width: 100px;
}

#Tree-Diagram .tree-elements-group {
display: inline-block;
position: relative;
}

#Tree-Diagram .tree-elements-group > div > .line-to {
 left: 0;
 display: block;
}

#Tree-Diagram .tree-elements-group > div:first-of-type > .line-to {
 right: -30px;
 width: calc(50% + 30px);
 display: block;
 left: auto;
}

#Tree-Diagram .tree-elements-group > div:last-of-type > .line-to {
 left: 0;
 right: auto;
 width: 50%;
 display: block;
}

#Tree-Diagram .tree-elements-group .tree-child:last-child {
 margin-right: 0;
}

#Tree-Diagram .tree-elements-group .tree-child:first-child {
 margin-left: 0;
}

#Tree-Diagram .tree-elements-group-haschildren > div:first-child > .line-to {
width: calc(100% + 160px);
position: absolute;
left: -130px;
right: auto;
border-top: 1px solid #E50773;
}

#Tree-Diagram .tree-elements-group-haschildren > div:first-child:not(:only-child) {
margin-left: 30px;
}

#Tree-Diagram .tree-expand-all-button button {
padding: 0;
height: 36px;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-children {
/*-webkit-transform: translate(0,45px);
     transform: translate(0,45px);*/
white-space: normal;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-children .tree-elements-group {
 white-space: nowrap;
 display: block;
 margin: 0 auto;
 text-align: right;
 min-width: 120px;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-parent .tree-element-container {
width: auto !important;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren {
padding-bottom: 30px;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren .tree-parent {
 margin: 15px;
}

 #Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren .tree-parent:after {
     position: absolute;
     top: 55px;
     right: -20px;
     height: 2px;
     width: 50px;
     content: "";
     display: block;
     z-index: -3;
     border-top: solid 1px #E50773;
 }

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren > div {
 margin: 10px !important;
}

 #Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren > div:last-child {
     margin-right: 20px !important;
 }

 #Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren > div > .line-to {
     display: none;
 }

 #Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren > div:before {
     display: none;
 }

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren:before {
 content: "";
 width: 50%;
 position: absolute;
 height: 100%;
 left: auto;
 top: -14px;
 right: 0px;
 border-top: 1px solid #E50773;
 border-right: 1px solid #E50773;
 border-bottom: 1px solid #E50773;
 max-height: 100%;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-haschildren {
text-align: center !important;
white-space: nowrap !important;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-haschildren > div:first-of-type > .line-to {
 right: -30px;
 width: calc(50% + 30px);
 display: block;
 left: auto;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-haschildren > div:first-child:not(:only-of-type) {
 margin-left: 0;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-haschildren > div:only-of-type > .line-to {
 display: none;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .group-line {
position: absolute;
width: calc(100% - 20px);
right: 0;
border-bottom: 1px solid #E50773;
top: 0;
}

#Tree-Diagram .tree-expand-all.tree-roots-elements .tree-elements-group-nochildren.single:before {
height: calc(100% - 45px);
border-bottom: none;
}

#Tree-Diagram .tree-roots-elements:not(.tree-expand-all) .tree-elements-group-nochildren {
width: auto !important;
}

#Tree-Diagram .tree-elements-group:empty {
display: none;
}

.expand-view {
color: #777777;
}
/*
 #Tree-Diagram .tree-print-button button {
     padding: 0;
     height: 36px;
     width: 32px;
 }

     #Tree-Diagram .tree-print-button button div {
         color: #fff;
         font-size: 24px;
     }

#newElemetModal {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: #fff;
 z-index: 10000;
}

body.for-print #group-tree-wr #groups {
 overflow: visible;
}

body.for-print .addscroll {
 overflow: visible !important;
}

body.for-print #header, body.for-print .leftcol, body.for-print #graffle, body.for-print #viewSwitcher, body.for-print #slidingPanelfilterPanelContent {
 display: none;
}

.tree-logo {
 background: url(../img/logo.png) no-repeat 0 0;
 width: 180px;
 height: 33px;
 position: absolute;
 left: 10px;
 top: 10px;
}

.tree-title {
 position: absolute;
 left: 140px;
 top: 15px;
 font-size: 19px;
 text-shadow: 0 0 1px #fff;
}

.tree-page-num {
 position: absolute;
 top: 0;
 background: #fff !important;
 right: 0;
}
*/
.tree-compact .tree-parent {
margin: 15px 0 !important;
}

.tree-toggle {
position: absolute;
right: 3px;
top: 5px;
height: 16px;
width: 16px;
line-height: 16px;
text-align: center;
font-size: 16px;
border-radius: 50%;
}

.tree-panel .content-header i {
font-size: 18px;
}

.tree-panel .content-header .action-icon-separator {
margin-right: 5px;
width: 4px;
}

.full-screen-view #Tree-Diagram {
height: 100%;
}

.full-screen-view {
position: static;
}

.full-screen-view .tree-panel {
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
}

.tree-toolbox {
position: absolute;
z-index: 1;
right: 20px;
top: 50px;
font-size: 16px !important;
}

.tree-toolbox .btn {
 padding: 5px 8px;
 border-top: solid 1px #fff;
}

.tree-panel h4 {
position: relative;
}
/* Tree end */
.add-plus-icon {
cursor: pointer;
margin-top: 10px;
background: #fdbe30;
border-radius: 50%;
padding: 6px 10px;
font-size: 32px !important;
color: #fff;
}

.icon-yellow, .icon-yellow:hover {
color: #fdbe30;
font-size: 30px !important;
}

.icon-trash-red, .icon-trash-red:hover {
color: #e51941;
font-size: 30px !important;
}

.font18 {
font-size: 18px;
}

.overflow-400 {
overflow: auto;
max-height: 400px;
}

.overflow-250 {
overflow: auto;
max-height: 250px;
}

.mt10 {
margin-top: 10px;
}
/* buttons list in device view */
@media(min-width:992px) {
.btn-list-device.collapse {
 display: block !important;
 height: auto !important;
 text-align: right;
}

 .btn-list-device.collapse.ng-hide {
     display: none !important;
 }

#buttons_menu {
 display: none;
}
}

@media (max-width: 991px) {
h2.has-icon-device {
 padding-right: 32px;
 position: relative;
 min-height: 28px;
}

 h2.has-icon-device #buttons_menu {
     position: absolute;
     right: 0;
 }

.btn-list-device {
 position: absolute;
 right: 14px;
 top: 0px;
 z-index: 999;
 background: #fff;
 border: 1px solid #b7b7b7;
 box-shadow: 0 0 5px rgba(0,0,0,.15);
 min-width: 120px;
}

 .btn-list-device .btn-link-combo {
     display: block;
     background: #fff;
     border-bottom: 1px solid #ddd;
     color: #67b9e8;
     text-align: left;
     margin: 0px;
     font-size: 14px;
     padding: 0 10px !important;
 }

     .btn-list-device .btn-link-combo .icon {
         display: none;
     }

     .btn-list-device .btn-link-combo .text {
         display: block;
         max-width: none;
         padding: 0;
         overflow: visible;
     }

     .btn-list-device .btn-link-combo:hover {
         background: #eee;
     }

.md-btn-list-device.collapse {
 display: block !important;
}

.btn-list-device .pull-right, .btn-list-device .pull-left {
 float: none !important;
}

.hide-btn-sm-xs {
 display: none !important;
}
}

@media (min-width: 992px) {
.md-btn-list-device {
 position: absolute;
 right: 14px;
 top: 35px;
 z-index: 999;
 background: #fff;
 border: 1px solid #87878c;
 box-shadow: 0 0 5px rgba(0,0,0,.15);
 min-width: 120px;
}

 .md-btn-list-device .btn-link-combo {
     display: block;
     background: #fff;
     border-bottom: 1px solid #ddd;
     color: #67b9e8;
     text-align: left;
     margin: 0px;
     font-size: 14px;
     padding: 0 10px !important;
 }

     .md-btn-list-device .btn-link-combo .icon {
         display: none;
     }

     .md-btn-list-device .btn-link-combo .text {
         display: block;
         max-width: none;
         padding: 0;
     }

     .md-btn-list-device .btn-link-combo:hover {
         background: #eee;
     }
}

.employeelist .well {
padding: 10px 15px;
border: none;
}

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

.ms-modal-body .group-body .block-box, .ms-tabs-container .group-body .block-box {
white-space: normal;
width: auto !important;
}

.no-list {
display: table;
height: inherit;
width: 100%;
}

.no-list p {
 display: table-cell;
 height: inherit;
 vertical-align: middle;
 text-align: center;
 margin: 0;
}

.tree-parent .rect .node-sms-info {
padding: 5px 5px 5px 5px;
white-space: normal;
height: 100%;
overflow: hidden;
text-align: center;
display: block;
vertical-align: middle;
line-height: 78px;
font-size: 14px;
}

.tree-parent .rect .node-sms-info .manager {
 line-height: 20px;
 display: inline-block;
}

.ng-inline-edit__input {
padding: 0 3px;
}

.ng-inline-edit__text:hover {
background: #ff0;
border-radius: 4px;
}

.node-sms-info .ng-inline-edit__input {
height: 20px;
width: 100%;
border: solid 1px #b1b1b1;
}

/*Dashboard Wizard */
.atlas-wizard {
background: #323232;
height: 180px;
margin-bottom: 30px;
padding: 15px;
color: #848484;
}

.atlas-wizard h4.text {
 font-size: 16px;
 font-weight: normal;
 margin: 10px 0 10px 0;
 color: #fff;
}

.aw-task-progress {
overflow: hidden;
padding: 16px 0px;
}

.aw-task-progress .progress {
 background: #000;
 border-radius: 12px;
 margin: 0px;
 position: relative;
}

.aw-task-progress .progress-bar {
 background: #67b9e8;
}

.paddingright0 {
padding-right: 0;
}

.progress-text {
position: absolute;
z-index: 3;
width: 100%;
text-align: right;
padding-right: 10px;
}

@media(max-width:991px) {

.atlas-wizard {
 height: 160px;
 margin-bottom: 20px;
}
}

#info_name * {
margin-left: auto !important;
margin-right: auto !important;
width: auto !important;
float: none !important;
}

.label-m {
padding: .4em .6em .4em 2em;
font-size: 14px;
font-weight: 400;
white-space: normal;
display: inline-block;
position: relative;
}

.label-m i {
 margin-right: 5px;
 position: absolute;
 left: .4em;
 top: 50%;
 margin-top: -7px;
}

.breakword {
word-break: break-word;
}

.display-block {
display: block !important;
}
/* spiral view */
.node circle {
stroke-width: 1.5px;
}

.node text {
cursor: pointer;
}

.node {
font: 11px sans-serif;
}

.node.notFound {
 /* not using opaciy to avoid conflicts when reverting related node filter */
 fill: #ddd;
}

 .node.notFound circle {
     stroke: #ddd !important;
     fill: #ddd !important;
 }

.link {
fill: none;
stroke: #ddd;
stroke-width: 1.5px;
}

#node-active {
font-size: 14px;
font-weight: bold;
}

#node-active text {
 fill: rgb(70, 130, 180);
}

#graph {
width: 100%;
height: 100%;
margin: auto;
}
/* spiral view end */
.textleft {
text-align: left !important;
}

.show-wizard {
display: none;
}

.task-list td {
padding: 3px 5px;
white-space: nowrap;
font-size: 14px;
}

.task-list td .label {
 font-size: 14px;
 font-weight: 400;
 padding: .2em .3em .3em;
}

.question-priorityex-0 {
color: #ff00ff;
}

.question-priorityex-1 {
color: #ff0000;
}

.question-priorityex-2 {
color: gold /*#f5a623*/;
}

.question-priorityex-3 {
color: green /*#7fc395*/;
}

.grid-stack > .grid-stack-item[data-gs-width='8'] .tasks-panel .priority-list,
.grid-stack > .grid-stack-item[data-gs-width='7'] .tasks-panel .priority-list,
.grid-stack > .grid-stack-item[data-gs-width='6'] .tasks-panel .priority-list,
.grid-stack > .grid-stack-item[data-gs-width='5'] .tasks-panel .priority-list,
.grid-stack > .grid-stack-item[data-gs-width='4'] .tasks-panel .priority-list,
.grid-stack > .grid-stack-item[data-gs-width='3'] .tasks-panel .priority-list {
display: none;
}

.grid-stack > .grid-stack-item[data-gs-width='3'] .tasks-panel .graph-cl,
.grid-stack > .grid-stack-item[data-gs-width='4'] .tasks-panel .graph-cl,
.grid-stack > .grid-stack-item[data-gs-width='5'] .tasks-panel .graph-cl {
display: none !important;
}

@media (min-width:992px) {
.tasks-panel .graph-cl svg {
 margin-top: -5px;
}
}

@media (min-width:1025px) and (max-width:1165px) {
.grid-stack > .grid-stack-item[data-gs-width='6'] .tasks-panel .graph-cl {
 display: none !important;
}

.grid-stack > .grid-stack-item[data-gs-width='9'] .tasks-panel .priority-list {
 display: none;
}
}

.ng-table .keyIcon {
margin-left: 0;
}
/* tasks list*/
.task-list-page .task-list {
margin-top: 65px;
}

@media (max-width:768px) {
.task-list-page .task-list {
 margin-top: 10px;
}

.task-list-page {
 text-align: center;
}

 .task-list-page table {
     display: inline-block;
 }

     .task-list-page table tr {
         display: inline-block;
         margin-left: 10px;
     }

         .task-list-page table tr:first-child {
             margin-left: 0;
         }
}

optgroup {
font-weight: bold !important;
}


.infographic-custom-smallbox {
padding: 0px;
overflow: hidden;
background: #85c7ed;
margin-bottom:0px;
}

.infographic-custom-smallbox i {
font-size: 2.5em;
width: 56px;
height: auto;
padding: 0px;
border-radius: inherit;
line-height: 56px;
margin-right: 0;
}

.infographic-custom-smallbox .text {
padding: 5px 10px;
display: table-cell;
width: 100%;
vertical-align: middle;
height: 56px;
}

.infographic-custom-smallbox .infograp-icon {
background: #67b9e8;
display: table-cell;
width: 56px;
vertical-align: middle;
}
.infographic-custom-smallbox .value{font-size:1.2em; font-weight:normal; overflow:hidden; float:right;}
.infographic-custom-smallbox:hover, .infographic-custom-smallbox:focus {background: #67b9e8; color: #fff; text-decoration: none;}
.infographic-custom-smallbox .vline{padding:0px 8px; margin-top:-1px;}
.infographic-custom-smallbox .value span{float:left;}
.infographic-custom-smallbox .headline{font-size:13px; margin-top:5px; clear:both;}
.inprogress{padding: 5px; width: 100%; line-height:43px; height: 56px; text-align:center; font-size:18px; color:#fff;}
.activity-company-info .hr-grey{margin:15px 0;}
.activity-company-logo img{max-width:130px; max-height:56px;}
.font40{font-size:40px; line-height:normal;}

.indicators-hr li{float:left; margin-right:15px;}
.indicators-hr [class^="icon-"]:before, .indicators-hr [class*=" icon-"]:before, .activity-company-user .icon-menu-profile:before, .activity-company-info .icon-menu-actions:before{margin:0px;}
.dark-gray-box{background:#575756; color: #fff; padding: 5px; margin-top: 6px; border-radius: 4px;}
.tag-box{color: #fff; padding:2px 5px; border-radius: 4px;}
.dark-brown{color:#8b572a !important;}
/*.activity-company-user {padding-left:65px;}
.activity-company-user .icon-menu-profile{position:absolute; left:12px; top:0;}
.activity-company-user h4{ font-weight:bold; padding-right:5px; }
.activity-company-user .user-designation{min-height:43px;}
.activity-company-user h4, .activity-company-user h5{display:inline-block; vertical-align:middle; margin:0px;}*/

.activity-company-user .icon-menu-profile{display:table-cell;}
.activity-company-user h4{ font-weight:bold; padding-right:5px; }
.activity-company-user .user-designation{display: table-cell; vertical-align: middle; padding-left: 20px;}
.activity-company-user h4, .activity-company-user h5{display:inline-block; vertical-align:middle; margin:0px;}

.activity-company-info label{font-weight:normal; white-space:nowrap;}
.activity-company-info .icon-menu-actions{padding-right:10px;}
.activity-company-info .cert-icon i span{font-size:25px; bottom:1px; right:1px;}

.progress-green .progress{height:25px; text-align: right; padding-right: 5px; line-height: 25px;}
.progress-green .progress-bar{background:#7fc395; line-height:25px;}
.progress-green{padding-top:10px;}


/* new company details page styles */
.infographic-custom-box {
padding: 0px;
overflow: hidden;
background: #85c7ed;
}

.infographic-custom-box i {
 font-size: 4em;
 width: 100px;
 height: auto;
 padding: 0px;
 border-radius: inherit;
 line-height: 100px;
 margin-right: 0;
}

.infographic-custom-box .text {
 padding: 5px 20px;
 display: table-cell;
 width: 100%;
 vertical-align: middle;
 height: 101px;
}

.infographic-custom-box .infograp-icon {
 background: #67b9e8;
 display: table-cell;
 width: 100px;
 vertical-align: middle;
}

.infographic-custom-box .headline {
 font-size: 1em;
 line-height: normal;
}

.infographic-custom-box .value {
 font-weight: normal;
}

.infographic-custom-box:hover, .infographic-custom-box:focus {
 background: #67b9e8;
 color: #fff;
 text-decoration: none;
}

.infographic-custom-box.gray {
 background: #a1a1a5;
 cursor: default;
}

 .infographic-custom-box.gray i {
     position: relative;
 }

 .infographic-custom-box.gray .infograp-icon {
     background: #86878c;
 }

 .infographic-custom-box.gray:hover {
     background: #86878c;
 }

.infographic-custom-box .icon-sf-cloud {
 position: absolute;
 font-size: 27px;
 bottom: -30px;
 right: 5px;
}

.infographic-feedback-chart {
background: #a1a1a5;
line-height: 220px;
display: block;
font-size: 1.5em;
color: #fff;
text-align: center;
}

.infographic-feedback-chart span {
 line-height: normal;
 display: inline-block;
}

.company-logo-section {
float: right;
}

.company-logo {
float: right;
position: relative;
min-width: 64px;
min-height: 64px;
border: 1px solid #eee;
cursor: pointer;
}

    .company-logo img, .iHaso-logo img {
        max-width: 120px;
        margin-bottom:15px;
    }
.company-logo img {
 max-width: 138px;
}

.company-logo i, .new-profile-pic i {
 position: absolute;
 bottom: 10px;
 left: 10px;
 font-size: 20px;
 background: #67b9e8;
 padding: 10px 12px;
 cursor: pointer;
 color: #fff;
 display: none;
}

.company-logo:hover i, .new-profile-pic:hover i {
 display: block;
}

.company-citation-logo img {
max-width: 120px;
padding-top: 10px;
}

.parent-company-logo img {
max-width: 120px;
min-height: 64px;
}

.Font60 {
font-size: 60px;
line-height: normal;
}

.border-bottom-gray {
border-bottom: 1px solid #ddd;
margin-bottom: 12px;
padding-bottom: 12px;
}

.client-type-indicators ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}

.client-type-indicators li i {
color: #ccc;
}

.client-type-indicators li i.active {
 color: #7fc395;
}

.footer .bg-white {
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

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

@media(max-width:991px) {
.infographic-custom-box i {
 font-size: 2em;
 padding: 10px;
 width: 50px;
 line-height: 45px;
}

.employee-noinfo-blocks .infographic-custom-box i {
 font-size: 2em;
 padding: 10px;
 width: 50px;
 line-height: 45px;
}

.infographic-custom-box .text {
 padding: 5px 10px;
}

.infographic-custom-box .value {
 font-size: 1.3em;
}

.infographic-custom-box .icon-sf-cloud {
 font-size: 17px;
 bottom: -7px;
}

.infographic-feedback-chart {
 min-height: 160px;
}

.company-citation-logo img {
 height: 30px;
}

.parent-company-logo img {
 max-width: 70px;
}

.company-logo {
 min-width: 64px;
}

 .company-logo img {
     max-width: 90px;
 }

 .company-logo i {
     padding: 5px 6px;
     font-size: 14px;
 }
}

@media(min-width:992px) and (max-width:1100px) {
.infographic-custom-box i {
 font-size: 3em;
 width: 86px;
}

.infographic-custom-box .value {
 font-size: 1.6em;
}

.infographic-custom-box .text {
 padding: 5px 10px;
}

.company-citation-logo img {
 height: 30px;
}

.parent-company-logo img {
 max-width: 70px;
}
}

@media(max-width:640px) {
.company-logo {
 float: left;
 margin-bottom: 10px;
}

.company-logo-section {
 float: left;
}

.label-lm {
 text-align: left;
}

.client-type-indicators li {
 display: inline-block;
}

.xs-padding0 {
 padding: 0 !important;
}
}

.valign-top {
vertical-align: top;
}

.valign-middle {
vertical-align: middle !important;
}

.checklist-actionitem {
padding-left: 25px;
}

.checklist-actionitem > li {
 border-bottom: 1px solid #dddddd;
 padding: 15px 0 15px 10px;
}

 .checklist-actionitem > li:last-child {
     border-bottom: none;
 }

.checklist-actionitem .question-cl {
 position: relative;
 padding-right: 35px;
 min-height: 32px;
}

 .checklist-actionitem .question-cl .siteVisitGrpBtns {
     margin-top: 10px;
 }

 .checklist-actionitem .question-cl .cl-info {
     font-size: 18px;
     line-height: 18px;
     margin-left: 5px;
 }

@media(min-width:768px) {
.checklist-actionitem .question-cl {
 padding-right: 150px;
}

 .checklist-actionitem .question-cl .siteVisitGrpBtns {
     position: absolute;
     right: 37px;
     top: 0;
     margin-top: 0px;
 }
}

@media(min-width:992px) {
.checklist-actionitem .question-cl {
 padding-right: 250px;
}
}

@media(max-width:991px) {
.checklist-actionitem .btns-rgroup-clist .text {
 display: none !important;
}
}

.clist-toggle {
position: absolute;
right: 0;
top: 0;
font-size: 20px;
width: 32px;
height: 32px;
text-align: center;
}

.checklist-actionitem .scrollRow .pic-section {
width: 200px;
overflow: hidden;
float: left;
text-align: center;
margin: 0 3px 3px 0;
}

.checklist-actionitem .scrollRow .pic-section {
width: 200px;
overflow: hidden;
display: inline-block;
text-align: center;
margin: 0 3px 3px 0;
}

.checklist-actionitem .scrollRow .pic-section .pic-attchment {
 height: 140px;
 border: solid 1px #ededed;
 background-color: #fff;
 padding: 5px;
 position: relative;
}

.pic-attchment .icon-section {
position: absolute;
background-color: rgba(0,0,0,.3);
top: 0;
left: 0;
font-size: 20px;
display: none;
z-index: 1;
right: 0;
bottom: 0;
text-align: center;
padding-top: 55px;
padding-left: 67px;
}

.pic-section:hover .icon-section {
display: block;
}

.pic-attchment .icon-section a {
width: 26px;
height: 26px;
display: block;
text-align: center;
line-height: 18px;
float: left;
margin: 0 3px;
color: #fff;
padding: 3px;
}

.checklist-actionitem .scrollRow .pic-section .pic-info {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
height: 26px;
background-color: #ededed;
line-height: 26px;
padding: 0 5px;
}

.checklist-actionitem .scrollRow .pic-section img {
max-width: 100%;
max-height: 100%;
}

.checklist-actionitem .attachments {
display: none;
}

.custom-graph-info {
float: left;
margin: 0;
padding: 0px;
}

.custom-graph-info li {
 padding-bottom: 5px;
}

.holiday-absence #information-icon .fa-lg {
line-height: normal;
}
/* reports group*/
.reports-group .panel-heading, .reports-list .panel-heading {
font-size: 16px;
}

.reports-group .list-group .list-group-item, .reports-list .list-group .list-group-item {
margin: 0 0 -1px 0;
line-height: 30px;
}

.reports-group .list-group .list-group-item {
padding-right: 50px;
position: relative;
cursor: pointer;
}

.reports-group .list-group .list-group-item .badge {
 position: absolute;
 right: 10px;
 top: 10px;
}

.reports-group .panel-body, .reports-list .panel-body {
height: 411px;
overflow-y: auto;
}

.active-category {
background-color: #67b9e8 !important;
color: white;
}

.reports-group .list-group .list-group-item.active-category .badge {
color: #7fc395 !important;
background-color: #fff !important;
}

[ng-drop].drag-enter {
/*border: solid 2px #aaa;*/
background-color: #a2d3b2;
color: white;
}

[ng-drag].dragging {
opacity: 0.7;
cursor: move;
}

.reports-list .list-group-item:hover {
cursor: move;
}

.min-height32 {
min-height: 32px;
}

.cf-holidays-switch {
position: absolute;
left: 15px;
top: 2px;
}

.cf-holidays-tbox {
padding-left: 70px;
}

.form-group.error .cf-holidays-tbox label.error {
left: 83px;
}

.new-employee-tabs .tab-content {
padding-top: 10px;
}

.widget-advert {
margin-bottom: 30px;
}

.widget-advert-info {
padding-right: 110px;
position: relative;
min-height: 35px;
}

.widget-advert-info .btn-link-combo-info {
 position: absolute;
 right: 0;
 bottom: 0;
}

.widget-aon {
border: 1px solid #575756;
background: url(images/background-aon.png) no-repeat top right #fff;
background-size: 50%;
padding: 20px;
}

.widget-aon h2 {
 font-size: 22px;
 font-weight: bold;
 color: #e51941;
 margin: 15px 35px 15px 0;
}

.aon-logo img {
max-width: 116px;
max-height: 70px;
}

.widget-aon .btn-link-combo-info {
background: #575756;
}

.widget-aon .btn-link-combo-info .icon {
 background: #7e7e7c;
}

.widget-aon .btn-link-combo-info .icon, .widget-aon .btn-link-combo-info:hover, .widget-aon .btn-link-combo-info:focus {
 background: #7e7e7c;
}

.migrated-controls {
margin: 0px;
padding: 0px;
}

.migrated-controls li {
 display: inline-block;
 text-align: center;
 width: 108px;
 margin: 0 10px 20px 0;
 vertical-align: top;
}

 .migrated-controls li .img-control {
     width: 60px;
     height: 60px;
     margin: 0 auto;
 }

     .migrated-controls li .img-control img {
         max-width: 100%;
     }

 .migrated-controls li .control-info {
     height: auto;
 }

.migrated-hazard .hazard-title, .migrated-controls .control-info {
 margin-top: 5px;
}

.widget-qms {
border: 1px solid #c2d34f;
background: url(images/background-qms.png) no-repeat right bottom #fff;
background-size: 50%;
}

.widget-qms h2 {
 background: #c2d34f;
 font-size: 22px;
 font-weight: bold;
 color: #fff;
 text-align: right;
 padding: 20px;
 margin: 0;
}

.widget-qms-container {
padding: 20px;
}

.widget-qms-container h4 {
 text-align: right;
 font-size: 18px;
 margin: 0;
}

.qms-logo img {
max-width: 150px;
}

.widget-qms .btn-link-combo-info {
background: #c2d34f;
}

.widget-qms .btn-link-combo-info .icon {
 background: #d7e08d;
}

.widget-qms .btn-link-combo-info .icon, .widget-qms .btn-link-combo-info:hover, .widget-qms .btn-link-combo-info:focus {
 background: #d7e08d;
}

.migrated-hazard .preview-hazard {
display: inline-block;
text-align: center;
width: 100px;
margin-right: 10px;
vertical-align: top;
}

.migrated-hazard .preview-hazard .hazard-img {
 margin: 0 auto;
}



.request-widget .contactcards-grid .accordion-open .panel-body {
padding: 0;
}

.request-widget .contactcards-grid #divWidgetHolidays {
padding: 0 10px;
min-height: 107px;
}

.request-widget #EmployeeRequests .btn-link-combo {
margin: 0;
width: 100%;
text-align: left;
}

.request-widget #EmployeeRequests .btn-link-combo .text {
 text-transform: none;
}

.cal-month-day > div:first-child {
width: 83px;
}

@media (max-width: 767px) {
.pending-holidays .panel-title > a, .year-end-results .panel-title > a {
 white-space: normal;
}

.wizard-tabs.employee-tabs .scroll-content-mobile .container-fluid {
 padding: 0px;
}

.wizard-tabs .tab-content .employee-calendar .panel-body {
 padding: 5px;
}
}

.wizard-tabs .tab-content .panel-body table + div .ng-table-pager {
margin-top: 0px;
}

.panel-info.pending-holidays > .panel-heading .blue {
margin-right: 10px;
}

.year-end-results .panel-heading .panel-title, .panel-info.pending-holidays > .panel-heading .panel-title {
overflow: hidden;
}

@media (max-width: 350px) {
.myholiday-carryforward canvas {
 margin-left: -34px;
}
}

@media (max-width: 560px) {
.pending-holidays .two-col-grid.table > tbody > tr > td:first-child, .pending-holidays .two-col-grid thead tr th:first-child {
 width: 22% !important;
}

.pending-holidays .two-col-grid.table > tbody > tr > td.toggle-row-td, .pending-holidays .two-col-grid thead tr th:nth-child(2) {
 width: 78% !important;
}
}

@media (max-width: 641px) {
.myholiday-carryforward ul.graph-info-m {
 margin-left: 15px;
}
}

@media (min-width: 800px) {
.panel-info.pending-holidays > .panel-heading .panel-title span {
 float: left;
}
}

@media (max-width: 991px) {
.pending-holiday-absence .two-col-grid.table > tbody > tr > td:first-child {
 text-align: left;
 padding-left: 10px !important;
}

.pending-holiday-absence .two-col-grid.table > tbody > tr > td:first-child, .pending-holiday-absence .two-col-grid thead tr th:first-child {
 width: 22% !important;
 max-width: 22% !important;
}

.pending-holiday-absence .two-col-grid.table > tbody > tr > td.toggle-row-td, .pending-holiday-absence .two-col-grid thead tr th:nth-child(2) {
 width: 78% !important;
 max-width: 78% !important;
}

.cal-month-day > div:first-child {
 width: 40px;
}

span[data-cal-date] {
 margin-right: 5px !important;
}
#HolidayRequests.ng-table td.dashboard-ha{width:14%;}
}

@media (min-width: 992px) {
.pending-holiday-absence #HolidayRequests.ng-table td:last-child {
 width: 23%;
}

.myholiday-carryforward canvas {
 margin-left: -53px;
}
}

@media (min-width: 1025px) and (max-width: 1100px) {
.pending-holiday-absence #HolidayRequests.ng-table td:last-child {
 width: 25%;
}

.myholiday-carryforward ul.graph-info-m {
 margin-left: -82px;
}

.myholiday-carryforward canvas {
 margin-left: -40px;
}
}

@media (min-width: 1101px) and (max-width: 1130px) {
.myholiday-carryforward ul.graph-info-m {
 margin-left: -18px;
}
}



@media (min-width: 1200px) {
.pending-holiday-absence #HolidayRequests.ng-table td:last-child {
 width: 21%;
}

.myholiday-carryforward canvas {
 margin-left: -15px;
}
}

@media (min-width: 1350px) {
.pending-holiday-absence #HolidayRequests.ng-table td:last-child {
 width: 18%;
}
}

.pending-holiday-absence #HolidayRequests.ng-table td.hb-status {
width: 6%;
padding-right: 0px;
}

.pad-left0 {
padding-left: 0;
}

.myholiday-carryforward canvas {
max-width: none;
position: relative;
z-index: 1;
}

.mar-bottom10 {
margin-bottom: 10px;
}

.cal-search-icons .btn-link-combo {
float: right;
}

.relative {
position: relative;
}

.btn-rerun, .btn-update {
position: absolute;
bottom: 15px;
right: 15px;
}

.year-end-procedure .ng-table-header {
white-space: normal;
vertical-align: middle;
}

.tab-pane .employee-calendar .btn-group label.btn {
width: auto;
text-align: left;
}

.employee-calendar .panel-info > .panel-heading {
padding: 10px 15px;
}

.wizard-tabs .tab-content .employee-calendar .panel-body {
padding: 15px;
}

.wizard-tabs .tab-content .employee-calendar .panel-body label.control-label {
 padding-right: 0px;
}

/* accordion arrows */
.panel-danger > .panel-heading > .panel-title a {
color: #e51941;
}

.panel-success > .panel-heading > .panel-title a {
color: #7fc395;
}

.panel-warning > .panel-heading > .panel-title a {
color: #ec6608;
}

.panel-primary > .panel-heading > .panel-title a {
color: #fdbe30;
}

.panel-info > .panel-heading > .panel-title a {
color: #67b9e8;
}

#Btn_guide {
position: fixed;
bottom: 45px;
left: 15px;
z-index: 9999;
}

#Btn_guide .text {
 font-size: 16px;
}

@media (max-width: 767px) {
#Btn_guide {
 left: 0;
}
}

.well-info .title {
font-size: 18px;
}

.well-info {
box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
border: 0;
margin-bottom: 15px;
}

.well-info .h2-detail {
 display: inline-block;
 margin: 0 0 15px 0;
 font-size: 18px;
}

.results-section .well-info .article {
height: 36px;
overflow: hidden;
text-overflow: ellipsis;
}

.filters #Company .angucomplete-holder {
margin-bottom: 0;
}
.article youtubelink {
display: inline-block;
position: relative;
}

.article youtubelink img {
 max-width: 200px;
}

.detail-info youtubelink img {
max-width: 320px;
}

.article youtubelink .video-title {
font-size: 16px;
padding: 10px;
text-align: center;
}

.article youtubelink .fa-youtube-play {
position: absolute;
top: 50%;
left: 50%;
font-size: 50px;
color: #ff0000;
background-size: 100%;
z-index: 9;
margin-top: -45px;
margin-left: -25px;
cursor:pointer;
}

.article youtubelink .fa-youtube-play:before {
 z-index: 2;
 position: absolute;
}

.article youtubelink .fa-youtube-play:after {
 content: '';
 background: #fff;
 width: 30px;
 height: 30px;
 position: absolute;
 left: 16px;
 top: 7px;
 z-index: 1;
}

.date-view-grid {
position: relative;
}

.date-view-grid .dropdown-menu {
 left: auto !important;
 right: 0;
}

.img-scroll img {
cursor: pointer;
}

#iytvideo, .modal iframe {
max-width: 100%;
}

.filter-input i {
position: absolute;
top: 5px;
color: #86878c;
font-size: 16px;
margin-left: 5px;
}

.filter-input input.form-control {
padding-left: 30px;
}

.tooltip-inner {
max-width: 100%;
}

@media (min-width:600px) {
.tooltip-inner {
 max-width: 560px;
}
}

.error-list ul {
padding-left: 20px;
color: #cf2f44;
margin-bottom: 0;
text-align: left;
}

.tooltip-inner ul {
text-align: left;
}

.data-collection-sec .row {
border-top: solid 1px #dddddd;
padding-top: 5px;
padding-bottom: 5px;
}

.data-collection-sec {
padding: 0 15px;
margin-top: -15px;
}

.data-collection-sec ul.attribute-list {
 list-style: disc;
 padding-left: 25px;
}

 .data-collection-sec ul.attribute-list li {
     list-style: inherit;
 }

.legends .dl-horizontal {
overflow: hidden;
}

.legends .dl-horizontal dt {
 width: 30px;
 text-align: center;
 clear: none;
}

.legends .dl-horizontal dd {
 margin-left: 0;
 margin-right: 20px;
 float: left;
}


/*Slide stack for errors list view*/
.slide-panel-sec {
background-color: rgba(255,255,255, .5);
position: fixed;
bottom:0;
right: 0;
top: 58px;
left: 0px;
z-index: 11;
display: none;
transition: all .2s;
}

.slide-panel-sec.active {
 display: block;
}

.slide-panel {
padding: 15px;
width: 100%;
background-color: #eee;
border-left: solid 1px #cccccc;
position: absolute;
right: -100%;
top: 0;
bottom: 0;
box-shadow: 0px 0px 1px 1px rgba(0,0,0,.15);
transition: all .5s;
}

.slide-panel.active {
 right: 0;
 transition: all .5s;
}

.slide-panel .spanel-head {
 overflow: hidden;
 border-bottom: solid 1px #dddddd;
 padding-bottom: 15px;
 font-size: 16px;
}

 .slide-panel .spanel-head h3 {
     margin: 0;
     line-height: 32px;
 }

.slide-panel .spanel-body {
 padding:15px  0;
 max-height:95%;
 overflow-y:auto;
 overflow-x:hidden;

}
@media(max-height:600px) {
.slide-panel .spanel-body {
 max-height:93%;
}
}
@media(max-height:400px) {
.slide-panel .spanel-body {
 max-height:89%;
}
}
.panel-default-stack {
border-color: #86878c;
}

.slide-panel .row label {
width: 100%;
}

.panel-default-stack > .panel-heading {
color: #fff;
background-color: #86878c;
border-color: #86878c;
font-size: 16px;
}

.panel-default-stack > .panel-body {
overflow: auto;
max-height: 350px;
}

.panel-default-stack > .panel-body pre {
 margin: 0;
 padding: 0;
 border: none;
 background: none;
 overflow: visible;
}

.datepicker-icon {
float: left;
width: 30px;
position: relative;
margin:4px 10px 0 10px;
}

.datepicker-icon .form-control {
 padding: 0;
 opacity: 0;
 height:28px;
}

.datepicker-icon .input-group-addon {
 border: none;
 color: #fff;
 padding:0;
 width:28px;
}
.datepicker-icon.datepicker-time{display: table-cell; float: none; margin: 0; width: 30px; padding: 0; vertical-align: top;}
.datepicker-icon.datepicker-time .input-group-addon{width:32px; height:32px;}
.datepicker-info {
float: left;
}

.datepicker-icon.open .btn-link-icon-info {
background: #05558e;
}

.datepicker-value {
display: inline-block;
line-height: 32px;
}
#ra-industry .filters-ra .sub-menu li .switches-nav{top:50%; margin-top:-11px;}

@media(min-width:768px) {
.slide-panel-sec {left: 60px;}
.slide-panel { width: 65%; right: -66%;}
.error-list ul{padding-left:20px; color:#cf2f44; margin-bottom:0; text-align:left;}
.tooltip-inner ul{text-align:left;}
.data-collection-sec .row{border-top:solid 1px #dddddd; padding-top:5px; padding-bottom:5px;}
.data-collection-sec{padding:0 15px; margin-top:-15px;}
.data-collection-sec ul.attribute-list{list-style:disc; padding-left:25px;}
.data-collection-sec ul.attribute-list li{list-style:inherit}
.legends .dl-horizontal{overflow:hidden;}
.legends .dl-horizontal dt{width:30px; text-align:center; clear:none;}
.legends .dl-horizontal dd{margin-left:0; margin-right:20px; float:left;}
.btn-sm-display.text-left{text-align:left;}
.refer-friend{border:solid 1px #05558e; background: #125d94;  text-align: center;}
.refer-friend img{max-width:100%;}
.refer-friend .btn-link-combo{width:100%; display:block;}
.refer-friend .btn-link-combo .text{max-width:none;}
.slide-panel .row label { text-align: right;}
}
@media(min-width:768px) {
.modal-backdrop {
 margin: 58px 0 0 60px;
}
}
@media(min-width:1025px) {
.slide-panel-sec {
 left: 200px;
}

.slide-panel {
 width: 50%;
 right: -52%;
}
.modal-backdrop {
 margin:58px 0 0 200px;
}
}



@media(max-width:420px) {
.datepicker-icon .dropdown-menu {
 left: -100px;
}
}

.link-text:hover {
text-decoration: none;
background-color: #fff;
color: #259ade;
}

.link-text:active {
box-shadow: none;
}
/*End Slide stack for errors list view*/
.responsive-img{max-width:100%;}
.footer-referafriend{background-color:#575756; color:#fff; border-top-color: #575756 !important;}
.footer-referafriend a{color:#fff;}

.onboarding-q{padding:10px 15px; border-top:1px solid #ddd;}
.onboarding-q:first-child{border-top:none;}
.onboarding-q i.fa-question-circle{padding-right:8px;}
.onboarding-q i.fa-question-circle, .onboarding-q span.q-text{display:table-cell;}
.onboarding-q span.q-text{font-weight:bold;}
.onboarding-options, .onboarding-q .q-errortext{padding-left:20px;}
.onboarding-options ul{padding:0px;}
.onboarding-options ul li{padding-right:15px; float:left;}
.onboarding-plans:first-child{border-right:1px solid #ddd;}
.onboarding-plans.tab-content{overflow:hidden;}
.onboarding-plans h4{margin-top:0px;}
.onboarding-boady {border:1px solid #ddd; margin-bottom:20px;}
.onboarding-boady .onboarding-header{background:#87878c; overflow:hidden; padding:10px 0;}
.onboarding-boady .onboarding-header h5{font-weight:bold; margin:0 0 5px 0; color:#fff;}
.onboarding-boady .onboarding-header h6{font-size:13px;  color:#fff; font-style:italic; margin:0px;}
.onboarding-boady .onboarding-header i.fa, .onboarding-boady .onboarding-header a:hover, .onboarding-boady.panel-disable a:focus{color:#fff;}
.onboarding-plans .onboarding-column{padding-top:5px;}
.onboarding-plans .groupsection-1 .onboarding-column {padding-left:0px;}
.onboarding-plans .groupsection-2 .onboarding-column{padding-right:0px;}
.onboarding-header button{margin-right:10px;}
.header-qa {background: #575756; padding: 5px 0; color: #fff; overflow:hidden;}
.onboarding-preview .onboarding-boady .onboarding-header{padding:6px 0;}
.onboarding-preview h4{margin-top:0px;}
.padding-top5{padding-top:5px;}
.onboarding-boady.referral-body .product-item.disabled {
padding-left: 0px;
padding-right: 0px;
margin-right: 5px;
margin-left: 5px;
}
.onboarding-boady.referral-body .product-item.disabled .onboarding-header{
background-color: rgb(135, 135, 140, 0.6);
}

.onboarding-boady.referral-body .product-item{
margin-right:5px;
margin-left:5px;
}

.onboarding-boady.referral-body .product-item .onboarding-header h5{
font-weight: bold;
}

.onboarding-boady.referral-body .product-item .product-item-body{
padding:0 25px;
}
.onboarding-boady.referral-body .product-item .onboarding-header{
z-index:999;
}



.onboarding-header .on-board-headline{padding-left:65px;}
.on-board-switch{position:absolute; left:8px; top:0;}
.on-board-switch .switch-toggle + label{background:#e51941;}
.on-board-switch .switch-toggle:checked + label{background:#7fc395;}

.referral-body {border:none;} 
.referral-row {border-bottom:10px solid #fff;}
.referral-row.disabled{opacity: 0.7;}
.onboarding-boady .referral-row h5{font-size:14px; font-weight:normal;}
.referral-row .on-board-switch{position:absolute; left:auto; right:8px; top:-3px;}
.referral-row .on-board-switch .switch-toggle + label {background:#e1e1e2;}
.referral-row .on-board-switch .switch-toggle:checked + label {background:#7fc395;}
.referral-footer #Btn_closearrow{float:left}

.onboarding-boady.panel-disable .onboarding-header{background:#dddddd;}
.onboarding-boady.panel-disable h5, .onboarding-boady.panel-disable h6, .onboarding-boady.panel-disable .onboarding-header i.fa,.onboarding-boady.panel-disable a:hover, .onboarding-boady.panel-disable a:focus{color:#87878c;}


.onboarding-boady.panel-collapsed .onboarding-header{background:#575756;}
.onboarding-header.refrerral{padding:12px 15px;}
.onboarding-header.refrerral .on-board-switch{top:10px;}

.activity-notes .notes-description{padding-left:120px;}
.activity-notes .notes-name, .notes-date{position:absolute; left:15px; top:0px;}
.activity-notes .notes-date{left:65px;}

@media(max-width:1199px) {
.col-md-bottom{margin-bottom:15px;}
}


/*.onboarding-q .onboarding-question, .onboarding-q .onboarding-options{float:none; display:table-cell;}*/

/* Activity log */
.activity-log .panel-body{padding:0;}
.group-log-info{padding:0 15px; border-bottom:solid 2px #eee;}
.group-log-info .group-log{border-bottom:solid 1px #eee;}
.group-log-info .log-rt-info {position:relative; padding:7px 40px; min-height:46px; }
.readonly-icon {position:absolute; left:-10px; top:7px; background-color:#ddd; color:#575756;}
.group-log-info ul{margin:0; padding:0;}
.group-log-info .view-btn{position:absolute; right:0px; top:7px;}
.group-log-info .log-date{padding-top:7px; padding-bottom:7px; text-align:right;}
.details-stack .tab-content ul { padding: 0px;}
.audit-log-row { display:block; position:relative; padding:5px 5px 5px 20px;}
.audit-log-row div:nth-child(2) {position:absolute; left:0; top:5px;}
.items-list .list-group .list-group-item{line-height:22px;}
.items-list .paddingleft0{padding-left:0 !important;}
.items-list .reports-list .panel-body{height:184px;}
.items-list .reports-list .activity-template-body{height:225px;}
.items-list .reports-list .form-group{margin-bottom:5px;}
.items-list .switch-label .switch{right:15px;}
.items-list .switch-label label{text-align:left !important; font-weight:normal;}
.items-list .switch-label{margin-bottom:0px; padding:5px 15px;}
.qitem-wrap {display: block;border-bottom: 1px solid #ddd;}
.onboarding-q .status-row {height:32px; }
.onboarding-q .status-row a.q-reset {display:none; position:absolute; right:0; top:0;}
.onboarding-q:hover .status-row a.q-reset {display:inline-block;}
.onboarding-q .status-row div.text-success {line-height:32px;font-weight:bold;}
.pushleft20{padding-left:20px;}
.actinstance-hr {margin-top: 0px;margin-bottom: 5px;border: 0;border-top: 1px solid #ddd;}

.activity-panel .panel-group{margin-bottom:0px;}
.activity-panel .panel-group .panel-group{max-height:400px; overflow-y:auto;}
.activity-panel .panel-group .panel-row{padding:10px 0px; overflow:hidden;}
.activity-validation label.error{white-space:normal !important; bottom:inherit !important;}
.activity-accordion .panel-body{position:relative; min-height: 60px;}
.activity-accordion .panel-heading a{display:block; padding-right:30px; position:relative;  text-decoration: none !important;}
.activity-accordion .panel-heading a i{position:absolute; right:0; top:0;}
.activity-accordion .panel-heading a small {
 display:block;

}
.activity-accordion .panel-body .view {
position: absolute;
right: 15px;
top: 15px;
}
.activity-accordion .panel-body .form-group > label{height:32px; padding-top:8px;}
.refer-friend{border:solid 1px #05558e; background: #125d94;  text-align: center;}
.refer-friend img{max-width:100%;}
.refer-friend .btn-link-combo{width:100%; display:block;}
.btn-sm-display.text-left{text-align:left;}
.activity-panel .group-body .block-box{min-height:145px;}

.dashboard-ha i.fa{font-size:23px; padding-right:3px;}
.bprest ul{margin-left:10px;}
.bprest ul li{list-style:disc;}
.badge-spinner{position: relative;display: inline-block;line-height: 30px;float: right;top: 0;right: 28px;font-size: 14px;}
.pin-text-block input[type=number]::-webkit-inner-spin-button, 
.pin-text-block input[type=number]::-webkit-outer-spin-button { 
-webkit-appearance: none; 
margin: 0;
}
.pin-text-block input[type=number] {
-webkit-text-security: disc;
-moz-appearance: textfield;
}
/*.ms-pdf-preview .file-type-sec a.file-icon-l{display:inline-block;}*/
.pad-right-15{padding-right:15px;}

.buttons-inline-2{padding-right:105px;}
.buttons-inline-1{padding-right:67px;}
.buttons-inline-2 .btn-inline-group, .buttons-inline-1 .btn-inline-group{position:absolute; right:15px; top:0;}
.padding-top10{padding-top:10px;}

.multi-button .multiselect {
background: #fff;
border: 1px solid #b7b7b7;
box-shadow: none;
padding:5px 10px;
}
.grid-icons {padding:5px 12px !important;}
.grid-icons i{font-size:27px;}
.grid-icons [class^="icon-"]:before, .grid-icons [class*=" icon-"]:before{margin-left:0px;}

.label-nowrap label{white-space:nowrap;}
.popover-custom-container{min-width:300px;}

.select-user{position:relative;}
.select-user .select-user-options {padding-right:40px;}
.select-user-edit-icons {position:absolute; right:0; top:5px;}
.select-user-edit-icons span{padding-right:4px;}

.activity-details .panel-body{padding:5px 15px;}
.activity-details .selected-items li{padding-left:0px; line-height:normal;}
.activity-details .selected-items li span{padding-left:5px;}
.activity-details .tab-content{padding:0px;}
.note-details p{min-height:20px;}
.cal-button-border{border:1px solid #bbb;}
.activity-contact-info {position:absolute; right:-3px; bottom:17px; cursor:pointer;}

.employee-noinfo-blocks .infographic-custom-box .text{height:60px; padding:0 10px;}
.employee-noinfo-blocks .infographic-custom-box i {line-height:normal; font-size:3.6em; width:61px;}
.employee-noinfo-blocks .infographic-custom-box .value{font-size:1.5em;}
.activity-company-info .infographic-custom-box{margin-bottom:0px;}
.paddingLR0{padding-left:0px !important; padding-right:0px !important;}

.ng-table.activity-instance-table th:last-child{text-align:center;}
.activity-actions{width:145px;}

@media(max-width:991px) {  
.employee-noinfo-blocks .infographic-custom-box i {font-size: 2em; width: 50px; padding:0px;}
.employee-noinfo-blocks .infographic-custom-box .value{font-size:1.1em;}
.employee-noinfo-blocks .infographic-custom-box .headline{font-size:11px;}
.holidayrequests-statustd{padding-top:3px !important; padding-bottom:3px !important;}

}
@media(min-width:992px) {
.col-md-left0{padding-left:0;}
}
@media (min-width: 992px) and (max-width: 1300px) {
.activity-actions{width:150px; padding-left:0px !important; padding-right:!important;}
.activity-grid-company{width:10% !important;}
}
.non-working-days .table-bordered > thead > tr > th{font-weight:normal;}
.non-working-days .table-bordered > thead > tr > th, .non-working-days .table-bordered > tbody > tr > td{border-color:#86878c; }

.non-working-days .timeSelectorDirective .display{width:25px; padding:5px 0; min-width:25px;}
.non-working-days .label-hours{width:50px; padding-right:10px; float:left; text-align:right;}
.non-working-days .time-selector{width:93px; float:left;}
.non-working-days .day-name{position:relative; padding-right:54px;}
.non-working-days .day-switch{float:right; margin-top:-35px;}
.breadcrumb span.text-overflow {vertical-align:middle;}
@media(max-width:1365px) {
.non-working-days .label-hours{text-align:left;}
}

@media (min-width: 1025px) and (max-width: 1100px) {
.non-working-days .day-name .dayname{overflow:hidden; max-width:35px;}
}
@media(max-width:991px) {
.non-working-days .day-switch{float: left;  margin-top: 0px; margin-left: -59px;}
.non-working-days .ng-table-responsive.table > tbody > tr > td > div{padding:0px; margin-top:0px;}
.non-working-days .ng-table-responsive.table > tbody > tr > td {min-height:65px;}
.non-working-days .ng-table-responsive td:before {top:50px;}
.non-working-days .timeSelectorDirective .display {padding:7px 0;}
}
.new-profile-pic{position:relative;}
.new-profile-pic img{max-width:100%; max-height:133px;}
.new-profile-pic i{left:50%; top:50%; margin-top:-16px; margin-left:-16px; bottom:auto;}
@media print {
 table thead{display: table-row-group !important;}
tr{page-break-inside: avoid !important;}
}
.popup-table-row {
display:table-row;
}
@media (min-width:768px) {
.popup-table-row label {
 display: table-cell;
 width: 80px;
}

.popup-table-row div {
 display: table-cell;
}
}
.time-controls.arrow-block {
width: 16px;
height: 32px;
overflow: hidden;
}
.time-controls.arrow-block .increase {
border:0px; margin-top:-8px;
}
.time-controls.arrow-block .decrease {
border:0px; margin-top:-15px;
}
.time-control-switch {
float: left;
margin-right: 10px;
padding-top: 5px;
}
.min-w150 {
min-width:150px;
}
/*.swith-with-text{display: inline-block;
float: left;
margin-top: 27px;}
.swith-with-text > span{display: inline-block;
padding: 2px 10px;}
.swith-with-text .switch {
 vertical-align: top;
 margin: 0;
}
@media (min-width:768px) {
.swith-with-text{ margin-top: 27px;}
}*/
.no-of-units {
 max-width: 150px;
}
.ui-select-multiple.ui-select-bootstrap {
border: 1px solid #b7b7b7;
height: 32px;
}
.icon-fra{background:url(images/service-fra-disabled.png) no-repeat center center;  width: 84px;  height: 64px; display: inline-block; background-size: contain;}
.icon-fra.active{background-image:url(images/service-fra.png);}
.icon-cqc{background:url(images/service-cqc-disabled.png) no-repeat center center;  width: 84px;  height: 60px; display: inline-block; background-size: contain;}
.icon-cqc.active{background-image:url(images/service-cqc.png);}

.icon-cp{background:url(images/service-cp-disabled.png) no-repeat center center;  width: 84px;  height: 60px; display: inline-block; background-size: contain; margin-top:5px;}
.icon-cp.active{background-image:url(images/service-cp.png);}

.icon-edc{background:url(images/service-edc-disabled.png) no-repeat center center;  width: 84px;  height: 60px; display: inline-block; background-size: contain; margin-top:5px;}
.icon-edc.active{background-image:url(images/service-edc.png);}
.icon-client-eLearning {
background: url(images/service-elearning-disabled.png) no-repeat center center;
width: 84px;
height: 60px;
display: inline-block;
background-size: contain;
margin-top: 5px;
}

.icon-client-eLearning.active {
background-image: url(images/service-elearning.png);
}
.size-40{margin-top:0; width:38px; height:38px;}
.no-of-units label.error{white-space:nowrap;}
.radio-group-sec{position:absolute; left:180px; top:25px; width:100px;}
.radio-group-sec.abs-group{top:0; left:160px;}
.radio-group-sec.abs-group label{color:#575756 !important;}
.radio-group-sec.abs-group label.btn-info{color:#fff !important;}
#info_InjuryType{margin-left:95px; display:block;}
@media (max-width:767px){
#info_InjuryType{margin-left:125px;}
}
.table-grid-divs{overflow:hidden; width:100%; }
.table-grid-divs .div-head{   
background-color: #86878c;
border-bottom: 1px solid #d4d4d4;
color: #fff; overflow:hidden;}
.table-grid-divs .div-head > .td1, .table-grid-divs .trow .td1{width:100px;  padding:5px 12px; float:left;}
.table-grid-divs .div-head > .td2, .table-grid-divs .trow .td2{ padding:8px 12px; float:left;}
.table-grid-divs .trow{overflow:hidden;}
.table-grid-divs .as-sortable-item{margin:0;   border-bottom: 1px solid #d4d4d4;}
.help-icon-display{padding-right:35px;}
.help-icon-display .fa-question-circle{position:absolute; right:10px; top:10px;}

/*
* Action dropdown css 
*/
action-popup .dots-button:after {
content: '\2807';
font-size: 17px;
margin-left: 4px;
}
action-popup .dots-button {
height: 24px;
width: 22px;
padding: 0px;
text-align: center;
}

action-popup .dots-container {
position: absolute;
overflow: visible !important;
}

action-popup .dropdown-menu {
top: 31px !important;
right: -48px !important;
display: block !important;
left: auto;
}

action-popup .dropdown-menu li{
padding: 2px 10px;
}

action-popup .dropdown-menu li:hover {
background-color: #f5f5f4;
}