/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "FreeScript";
  src: url("/fonts/FREESCPT.TTF");
  /* TTF file for CSS3 browsers */
}

html,
body,
div,
p,
a,
span,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto", sans-serif;
}

.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

html,
body,
.pageContainer,
.page {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

html {
  /*min-width: 1320px;*/
  min-width: 100%;
  overflow-x: auto;
}

.pageContent {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  /*uncomment bellow for screen capture scroll to work */
  /*overflow-y: scroll;*/
}

body {
  font-size: 13px;
}

body.login-bg {
  background: #006bb3;
}

#root.fixedMinWidth {
  min-width: 1320px;
}

input:focus,
textarea:focus,
div:focus {
  border-color: #cfcfcf !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

textarea {
  position: relative;
  resize: vertical !important;
}

input[readonly]:focus,
textarea[readonly]:focus,
div[readonly]:focus {
  border-color: initial !important;
  box-shadow: initial !important;
}

.hidden {
  display: none;
}

.fixed_width_right.tasks .status_step.current.opened.approval_color .btn_container .btn {
  background-color: #003c5b !important;
  color: white;
}

.fixed_width_right.tasks .status_step.approval_color {
}

.fixed_width_right .status_step .checkbox_label.selected {
  color: #3bc0ff;
}

/*Start Login*/
.login {
  height: 100%;
  font-family: "Roboto" !important;
  font-size: 13px;
}

.container > form button.btn_login {
  background-color: #007f93 !important;
  background: #007f93 !important;
  color: white;
}

.login-container {
  background: -webkit-linear-gradient(#007f93, #003c5b);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#007f93, #003c5b);
  /*For Opera 11.1 to 12.0*/
  background: -moz-linear-gradient(#007f93, #003c5b);
  /*For Firefox 3.6 to 15*/
  background: linear-gradient(#007f93, #003c5b);
  /*Standard syntax*/
  background-size: 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 10000 !important;
  /*min-width: 1320px;*/
  min-width: 100%;
}

.login-container.white {
  background: #fff !important;
  background-color: #fff !important;
}

.login .container {
  width: 400px;
  height: auto;
  padding: 15px;
  background-color: #fafafa;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -225px;
}

.login-container.white .container {
  background-color: #fff !important;
}

.login .container h2 {
  font-size: 20px;
  text-transform: uppercase;
}

.login #inputUsername,
.login #inputPassword {
  background-color: #fff;
  border-radius: initial;
  border-color: #e1e1e1;
  border-width: 2px;
}

.login input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.login ::-webkit-input-placeholder {
  font-size: 12px;
  line-height: 22px;
}

.login ::-moz-placeholder {
  font-size: 12px;
  line-height: 22px;
}

/* firefox 19+ */
.login :-ms-input-placeholder {
  font-size: 12px;
  line-height: 22px;
}

/* ie */
.login input:-moz-placeholder {
  font-size: 12px;
  line-height: 22px;
}

.login label {
  text-transform: uppercase;
  margin-top: 10px;
}

.login .checkbox {
  text-align: left;
  margin-bottom: 20px;
}

.login .checkbox label {
  text-transform: none;
}

.login .form-control {
  margin-bottom: 0;
}

.login button {
  border-radius: initial;
  height: 35px;
  line-height: 15px;
  text-transform: uppercase;
  font-size: 14px;
}

.login input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.login input[type="checkbox"].css-checkbox + label.checkbox_label {
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left 0 !important;
  vertical-align: middle;
  cursor: pointer;
  width: 95%;
  margin-top: 6px;
  padding-left: 40px;
  line-height: 24px;
}

.login input[type="checkbox"].css-checkbox:checked + label.checkbox_label {
  background-position: left -25px !important;
}

.login label.checkbox_label {
  background-image: url(/compliance-qm-systems-js-core/css/images/login_checkbox_sprite.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.login button {
  background: -webkit-linear-gradient(#005b98, #006bb3);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#005b98, #006bb3);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#005b98, #006bb3);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#005b98, #006bb3);
  /* Standard syntax */
}

.login #error_message {
  font-weight: bold;
  color: #e74c3c;
  font-size: 12px;
}

.error {
  font-weight: bold;
  color: #e74c3c;
  font-size: 12px;
}

.field_wrapper .linkToLinkedIn {
  background-image: url(/compliance-qm-systems-js-core/css/images/LinkedIn.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 2em;
  width: 2em;
  float: right;
}

/*End Login*/
/* Start Main Container*/
.outer {
  width: 100%;
  min-width: 1280px;
  height: auto;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
}

/* Start Header*/

.page .navbar {
  position: relative;
  height: 101px;
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid transparent;
  z-index: 100;
}

.navbar.navbar-default {
  border: none;
  margin-bottom: 0;
  z-index: 19;
}

.container-fluid {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.navbar > .container-fluid .navbar-brand {
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.navbar > .container-fluid .navbar-brand .logo {
  padding-left: 20px;
}

.navbar-header {
  width: 295px;
  height: 60px;
  display: flex;
  align-items: center;
}

#fixed_main_nav .navbar-nav > li > a,
#fixed_main_nav .navbar-nav > li > export a {
  padding-top: 20px;
  padding-bottom: 20px;
}

#fixed_main_nav .navbar-nav > li > a #fixed_main_nav .navbar-nav > li > export a {
  color: #000;
  border: 1px solid #e3e3e3;
  margin-top: 13px;
  border-radius: 4px;
  margin-right: 15px;
  padding: 4px;
}

#fixed_main_nav .navbar-nav > li > a:hover,
#fixed_main_nav .navbar-nav > li > export a:hover {
  background-color: #e4e4e4;
}

#fixed_main_nav {
  background-color: #fafafa;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e3e3e3;
}

#fixed_main_nav .navbar-form {
  margin: 13px 0;
}

#fixed_main_nav .li_with_icon span {
  margin-left: 10px;
}

#fixed_main_subnav {
  background-color: #fbfbfb;
  margin: 0;
  padding: 0;
  background-image: url(/compliance-qm-systems-js-core/css/images/nav_bottom_line.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  overflow: hidden !important;
  height: 40px !important;
  width: 100%;
  z-index: 1000;
}

#fixed_main_subnav > .navbar-nav {
  z-index: 1000;
}

#fixed_main_subnav ul {
  height: 40px;
}

#fixed_main_subnav .navbar-nav > li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 15px;
  width: fit-content;
}

#fixed_main_subnav .navbar-nav > li:hover,
#fixed_main_subnav .navbar-nav > li.act {
  border-bottom: none;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  padding: 0 14px 0 15px;
  background-color: #ffffff;
  margin-left: -1px;
  background-image: url(/compliance-qm-systems-js-core/css/images/active_item_bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
}

li_create.act a {
  font-weight: bold;
}

#fixed_main_subnav .navbar-nav > li > a {
  display: flex;
  align-items: center;
  color: #000;
  line-height: 40px;
  padding: 0;
  text-transform: uppercase;
}

#fixed_main_subnav .navbar-nav > li > a:hover {
  background: none;
}

.search .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 130px;
  margin-right: 15px;
}

.search .btn.dropdown-toggle.selectpicker.btn-default {
  background-color: #fff;
  padding: 4px 12px;
}

.dropdown-multiselect {
  width: 100%;
}

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

.dropdown-menu-form > li > a {
  height: 30px;
}

.dropdown-menu-form > li {
  height: 30px;
}

.dropdown-toggle {
  cursor: pointer;
}

.search .form-control {
  display: block;
  margin-right: 15px;
  height: 31px;
  margin-top: 0;
  line-height: 31px !important;
  margin-top: -3px;
}

.search .btn.btn-default.submit {
  background-color: #31c6f0;
  background-image: url(/compliance-qm-systems-js-core/css/images/magnifying-glass-hi.png);
  background-repeat: no-repeat;
  background-position: 80px 5px;
  width: 40px;
  background-position: center;
  height: 30px;
  padding: 5px 0px;
  text-align: left;
  text-indent: 10px;
  border: none;
  margin-top: -3px;
  color: #fff;
}

.search .btn.btn-default.submit:focus {
  outline: none;
}

a.advanced_search,
a.advanced_search:hover {
  text-decoration: underline !important;
  border: none !important;
}

.navbar-right {
  margin-right: 0;
}

li a .dashboard_icon {
  background-image: url(/compliance-qm-systems-js-core/css/images/dashboard.png);
  background-position: 0 0px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.act a .dashboard_icon,
li:hover a .dashboard_icon {
  background-position: 0 -23px;
}

li a .projects_icon_small {
  background-image: url(/compliance-qm-systems-js-core/jsapp/assets/icons/small-icons/project_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .projects_icon_small,
li:hover a .projects_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .activities_icon {
  background-image: url(/compliance-qm-systems-js-core/css/images/activity.png);
  background-position: 0 -2px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.act a .activities_icon,
li:hover a .activities_icon {
  background-position: 0 -26px;
}

li a .team_icon {
  background-image: url(/compliance-qm-systems-js-core/css/images/team.png);
  background-position: 0 3px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.act a .team_icon,
li:hover a .team_icon {
  background-position: 0 -16px;
}

li a .entries_icon {
  background-image: url(/compliance-qm-systems-js-core/css/images/entries.png);
  background-position: 0 4px;
  background-size: cover;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
}

.act a .entries_icon,
li:hover a .entries_icon {
  background-position: 0 -14px;
}

li a .capa_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/capa_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .capa_icon_small,
li:hover a .capa_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .inventory_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/inventory_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .inventory_icon_small,
li:hover a .inventory_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .kb_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/knowledge_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .kb_icon_small,
li:hover a .kb_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .dms_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/doc_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .dms_icon_small,
li:hover a .dms_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .incident_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/incident_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .incident_icon_small,
li:hover a .incident_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .client_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/client_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .client_icon_small,
li:hover a .client_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .risk_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/risk_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .risk_icon_small,
li:hover a .risk_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .specification_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/specification_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .specification_icon_small,
li:hover a .specification_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .change_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/change_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .change_icon_small,
li:hover a .change_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .deviation_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/deviation_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .deviation_icon_small,
li:hover a .deviation_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .com_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/complaint_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .com_icon_small,
li:hover a .com_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .tm_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/test_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .tm_icon_small,
li:hover a .tm_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .trn_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/training_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .trn_icon_small,
li:hover a .trn_icon_small {
  filter: grayscale(0) opacity(100%);
}

li a .cm_icon_small {
  background-image: url(../jsapp/assets/icons/small-icons/configuration_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 3px;
  filter: grayscale(100%) opacity(80%);
}

.act a .cm_icon_small,
li:hover a .cm_icon_small {
  filter: grayscale(0) opacity(100%);
}

.act_div {
  position: fixed;
  background-color: #eeeeee;
  width: 21%;
  height: 26px;
  display: none;
  z-index: 1;
}

#search_selector {
  height: 30px;
}

.selectpicker:focus {
  outline: none;
}

/* End Header*/

/* Start Main Container Content */
.main_wrapper {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  top: -101px;
  position: relative;
  padding-top: 101px;
  z-index: 1;
}

.small_boxes span {
  width: 6px;
  height: 6px;
  border: 1px solid #e3e3e3;
  float: left;
  background-color: #fff;
}

.small_boxes span.blue {
  background-color: #3bc0e1;
}

.small_boxes span.green {
  background-color: #58d68d;
}

.small_boxes span.yellow {
  background-color: #f1c40f;
}

.small_boxes span.red {
  background-color: #e74c3c;
}

.small_boxes span.canceled {
  background-color: #566573;
}

.small_boxes span.hold {
  background-color: #ccd1d1;
}

.small_boxes span.grey {
  /*background-color: #EBEBEB;*/
  background-color: #3bc0e1;
}

.small_boxes span.gray {
  background-color: #c0c0c0;
}

.small_boxes span.gold {
  background-color: #ffee00;
}

/* start left menu */

/* Start Left Header Absolut */
.left_menu_wrapper {
  width: 200%;
  position: relative;
  left: 0;
  height: 100%;
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  left: -100%;
  /*margin-top: -40px;
    padding-top: 40px;*/
  margin-top: 0;
  padding-top: 0;
  z-index: 25;
}

.left_menu_wrapper.dashboard {
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  left: 0;
}

.left_menu_item {
  cursor: pointer;
  position: relative;
  height: 100%;
}

.left_absolute.menu .nav.navbar-nav > li.first.act {
  background-color: #fbfbfb !important;
}

.left_absolute.menu {
  width: 90%;
  height: 39px;
  float: left;
  position: relative;
  left: 0;
  z-index: 1000;
}

.left_absolute.menu.header {
  width: 22%;
  border-right: 1px solid #e3e3e3;
  overflow: hidden;
}

.left_absolute.menu.header .wrapper {
  position: absolute;
  width: 300%;
  top: 0;
  z-index: 10 !important;
}

.left_absolute.menu.header .wrapper.dashboard {
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  left: 0;
}

.left_absolute.menu.header .wrapper {
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  left: -100%;
}

.left_absolute.menu.header .wrapper.hidden_menu {
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  left: -200%;
}

.left_absolute.menu.header .wrapper .navbar-nav > li {
  border: none !important;
  background: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.left_absolute.menu.header .wrapper .navbar-nav a {
  cursor: pointer !important;
  color: #000 !important;
  font-weight: bold !important;
}

.left_absolute.menu.header .left_arrow {
  width: 45px;
  height: 39px;
  background-repeat: no-repeat;
  z-index: 100;
  right: 0%;
  position: absolute;
  /*background-image: url(/compliance-qm-systems-js-core/css/images/menu_arrows.png);*/
  background-position: 16px 14px;
  cursor: pointer;
  border: none;
  outline: none;
}

.left_absolute.menu.header .left_arrow.closed {
  background-image: url(/compliance-qm-systems-js-core/css/images/menu_arrows.png);
  background-position: -22px 14px;
}

.left_absolute.menu.header .left_arrow.open {
  background-image: url(/compliance-qm-systems-js-core/css/images/menu_arrows.png);
  background-position: 16px 14px;
}

.left_absolute.menu.header .left_arrow:hover {
  background-color: #e3e3e3;
}

.left_absolute.menu.header .wrapper .navbar-nav {
  width: 33.4%;
  height: 39px;
}

.left_absolute.menu.header .navbar-left {
  height: 39px;
}

.navbar-form.navbar-left.search {
  padding-right: 0;
}

.left_absolute.menu.header .navbar-nav > li {
  height: 39px !important;
  line-height: 39px !important;
}

.left_absolute.menu #left_listing_header_dashboard,
.left_absolute.menu #left_listing_header_projects,
.left_absolute.menu #left_listing_header_inner_menu,
.left_absolute.menu #left_listing_header_inner_menu_dm,
.left_absolute.menu #left_listing_header_dm,
.left_absolute.menu #left_listing_header_ils,
.left_absolute.menu #left_listing_header_dev,
.left_absolute.menu #left_listing_header_capa,
.left_absolute.menu #left_listing_header_ims {
  background-color: transparent !important;
  cursor: default;
  color: #000;
  line-height: 39px;
  padding: 0;
  text-transform: uppercase;
  text-indent: 5px;
}

.left_absolute.menu .nav.navbar-nav > li:hover {
  padding: 0 !important;
}

.left_absolute.menu #left_listing_header_dashboard,
.left_absolute.menu #left_listing_header_customer_management,
.left_absolute.menu #left_listing_header_customer_management_dashboard,
.left_absolute.menu #left_listing_header_projects,
.left_absolute.menu #left_listing_header_dm,
.left_absolute.menu #left_listing_header_ils,
.left_absolute.menu #left_listing_header_dev,
.left_absolute.menu #left_listing_header_test,
.left_absolute.menu #left_listing_header_capa,
.left_absolute.menu #left_listing_header_cfg,
.left_absolute.menu #left_listing_header_training,
.left_absolute.menu #left_listing_header_complaint,
.left_absolute.menu #left_listing_header_ims {
  padding-left: 4%;
}

.left_absolute.menu .nav.navbar-nav .menu_header {
  padding: 0 !important;
}

.left_absolute.menu.header .wrapper .details_ul {
  width: 33.2%;
}

.left_absolute.menu .nav.navbar-nav {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  z-index: 10;
}

.left_absolute.menu .nav.navbar-nav > li {
  border-bottom: 1px solid #e3e3e3;
  border-right: none !important;
  padding: 0 12px !important;
  min-width: 290px;
  width: 100%;
  padding-left: 0 !important;
}

.left_absolute.menu .nav.navbar-nav > li.first {
  padding-right: 0 !important;
  padding-left: 8px !important;
}

.left_absolute.menu .nav.navbar-nav > li.first > a > span {
  vertical-align: middle;
  margin-left: -1px;
  margin-bottom: 3px;
}

.left_absolute.menu .nav.navbar-nav > li.first:hover,
.left_absolute.menu .nav.navbar-nav > li.first.act {
  border-right: none !important;
  border-left: none !important;
  padding: 0 11px !important;
  margin-left: 0 !important;
  font-weight: bold;
  padding-left: 8px !important;
  background-image: none !important;
  font-family: "Roboto";
}

.left_absolute.menu .hidden_btn {
  display: none;
}

/* End Left Header Absolut */
.projects_tab,
.organizations_tab,
.inventory_list_tab,
.incident_management_tab,
.change_list_tab {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}

.slideable > .projects_tab,
.slideable > .organizations_tab,
.slideable > .deviations_tab,
.slideable > .capas_tab,
.slideable > .inventory_list_tab,
.slideable > .incident_management_tab,
.slideable > .complaint_tab,
.slideable > .test_management_tab,
.slideable > .training_management_tab,
.slideable > .customer_management_tab,
.slideable > .conversations_tab,
.slideable > .change_list_tab {
  /*overflow-y: scroll !important; updated to check */
  overflow-y: auto !important;
}

.horizontal_slide.no_transition {
  position: relative;
  width: 100%;
  left: 0;
}

.horizontal_slide.hidden_menu_no_transition {
  position: relative;
  width: 100%;
  left: -100%;
}

.horizontal_slide.transition {
  position: relative;
  width: 200%;
  height: 100%;
  left: 0;
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
}

.horizontal_slide.transition.hidden_menu {
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  left: -100%;
}

.menu-status-container {
  display: flex;
}

.menu-status-boxes-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.main_menu_container {
  width: 50%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  float: left;
}

.menu_item_container {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
}

.menu_item.publish_item a {
  font-weight: bold;
}

.menu_item {
  width: 100%;
  height: 30px;
  overflow: hidden;
}

.menu_item.level_1 {
  padding-left: 5%;
}

.menu_item.level_2 {
  padding-left: 10%;
}

.menu_item.level_3 {
  padding-left: 15%;
}

.menu_item.current > div > a,
.menu_item_details.current > div > a {
  font-weight: bold;
  font-size: 14px;
}

.menu_item_container.closed {
  display: none;
}

.menu_item .content {
  width: 100%;
  height: 34px;
  overflow: hidden;
  position: relative;
  padding-left: 5%;
  display: flex;
  justify-content: space-between;
}

.menu_item_container .toggle_li_item {
  width: 30px;
  height: 30px;
  float: right;
  background-repeat: no-repeat;
  z-index: 10;
  position: relative;
  /*margin-right: 10px;*/
  padding: 10px;
}

.toggle_li_item {
  outline: none;
  border: none;
}

.toggle_li_item.right {
  background-image: url(/compliance-qm-systems-js-core/css/images/menu_arrows.png);
  background-position: -31px 8px;
}

.toggle_li_item.right:hover {
  background-image: url(/compliance-qm-systems-js-core/css/images/menu_arrows.png);
  background-position: -31px -25px;
}

.menu_item .right_arrow,
.menu_item_details .right_arrow {
  width: 30px;
  height: 50px;
  float: right;
  background-repeat: no-repeat;
  z-index: 10;
  position: relative;
  background-image: url(/compliance-qm-systems-js-core/css/images/menu_arrows.png);
  background-position: -26px 10px;
}

.menu_item .left_arrow,
.menu_item_details .left_arrow {
  width: 30px;
  height: 50px;
  float: left;
  background-repeat: no-repeat;
  z-index: 10;
  position: relative;
  background-image: url(/compliance-qm-systems-js-core/css/images/menu_arrows.png);
  background-position: -12px 10px;
}

.menu_item .content a,
.menu_item_details .content_details a {
  width: 100%;
  text-decoration: none;
  text-indent: 10px;
  color: #000;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  margin-right: 5px;
}

.menu_item_container.strikeout .content a {
  text-decoration: line-through;
}

.menu_item_container.project > div > .content > a {
  font-size: 15px;
}

.menu_item_container.phase > div > .content > a,
.menu_item_container.inner_phase > div > .content > a {
  font-size: 14px;
}

.menu_item_container.active > div > .content > a {
  color: #4184f3 !important;
}

.menu_item:hover {
  background-color: #ececec;
}

.inner_menu_item_container {
  width: 50%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  float: left;
  vertical-align: top;
  overflow: hidden;
}

.prItemActive {
  font-weight: bold;
}

.menu_item_wrapper {
  height: 30px;
  width: 100%;
  float: left;
  position: relative;
  min-width: 250px;
}

.menu_item_project {
  width: 100%;
  height: 30px;
  position: relative;
}

.menu_item_container.uppercase {
  height: 50px;
}

.menu_item_container.uppercase a {
  text-transform: uppercase;
  line-height: 50px;
}

.uppercase .menu_item {
  height: 50px;
  border-bottom: 1px solid #e3e3e3;
}

.uppercase .menu_item .left_arrow {
  background-position: -12px 20px;
}

.uppercase .status_3_boxes {
  margin-top: 22px !important;
}

.slideable > div {
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.left_absolute.container .slideable {
  position: relative;
  left: 0;
  /*min-width: 290px;*/
  width: 100%;
  overflow: hidden;
  background-color: #fbfbfb;
  height: 100%;
  /*top:-40px;*/
}

.projects_tab > .ul_wrapper {
  padding-left: 0;
}

.projects_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item {
  padding: 0;
  margin: 0;
  padding-left: 0;
}

.projects_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item {
  padding: 0;
  margin: 0;
  padding-left: 10px;
  /*padding-right:45px;*/
}

.projects_tab > .ul_wrapper .li_item a {
  line-height: 26px;
}

.projects_tab > .ul_wrapper > .li_item > a {
  font-weight: bold;
  color: #000;
  font-family: "Roboto, sans-serif";
}

.projects_tab > .ul_wrapper > .li_item > .ul_item {
  padding: 0;
  margin: 0;
}

.projects_tab > .ul_wrapper > .li_item > .ul_item > .li_item > a,
.projects_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > a,
.projects_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > a {
  color: #000;
  font-size: 13px;
  margin-right: 12px;
}

.projects_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > a {
  font-size: 12px;
}

.projects_tab .small_boxes {
  margin: 0;
  padding: 0;

  z-index: 10;
}

.inventory_list_tab .small_boxes {
  margin: 0;
  padding: 0;

  z-index: 10;
}

.inventory_list_tab > .ul_wrapper {
  padding-left: 0;
}

.inventory_list_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item {
  padding: 0;
  margin: 0;
  padding-left: 0;
}

.inventory_list_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item {
  padding: 0;
  margin: 0;
  padding-left: 10px;
  /*padding-right:45px;*/
}

.inventory_list_tab > .ul_wrapper .li_item a {
  line-height: 26px;
}

.inventory_list_tab > .ul_wrapper > .li_item > a {
  font-weight: bold;
  color: #000;
  font-family: "Roboto, sans-serif";
}

.inventory_list_tab > .ul_wrapper > .li_item > .ul_item {
  padding: 0;
  margin: 0;
}

.inventory_list_tab > .ul_wrapper > .li_item > .ul_item > .li_item > a,
.inventory_list_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > a,
.inventory_list_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > a {
  color: #000;
  font-size: 13px;
  margin-right: 12px;
}

.inventory_list_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > a {
  font-size: 12px;
}

.incident_management_tab .small_boxes {
  margin: 0;
  padding: 0;
  float: right;
  margin-top: 13px !important;
  position: absolute;
  right: 0;
  z-index: 10;
}

.complaint_tab .small_boxes {
  margin: 0;
  padding: 0;
  float: right;
  margin-top: 13px !important;
  position: absolute;
  right: 0;
  z-index: 10;
}

.change_list_tab .small_boxes {
  margin: 0;
  padding: 0;
  float: right;
  position: absolute;
  right: 0;
  z-index: 10;
}

.incident_management_tab > .ul_wrapper {
  padding-left: 0;
}

.incident_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item {
  padding: 0;
  margin: 0;
  padding-left: 0;
}

.incident_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item {
  padding: 0;
  margin: 0;
  padding-left: 10px;
  /*padding-right:45px;*/
}

.incident_management_tab > .ul_wrapper .li_item a {
  line-height: 26px;
}

.incident_management_tab > .ul_wrapper > .li_item > a {
  font-weight: bold;
  color: #000;
  font-family: "Roboto, sans-serif";
}

.incident_management_tab > .ul_wrapper > .li_item > .ul_item {
  padding: 0;
  margin: 0;
}

.incident_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > a,
.incident_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > a,
.incident_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > a {
  color: #000;
  font-size: 13px;
  margin-right: 12px;
}

.incident_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > a {
  font-size: 12px;
}

.change_management_tab .small_boxes {
  margin: 0;
  padding: 0;
  float: right;
  margin-top: 13px !important;
  position: absolute;
  right: 0;
  z-index: 10;
}

.change_management_tab > .ul_wrapper {
  padding-left: 0;
}

.change_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item {
  padding: 0;
  margin: 0;
  padding-left: 0;
}

.change_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item {
  padding: 0;
  margin: 0;
  padding-left: 10px;
  /*padding-right:45px;*/
}

.change_management_tab > .ul_wrapper .li_item a {
  line-height: 26px;
}

.change_management_tab > .ul_wrapper > .li_item > a {
  font-weight: bold;
  color: #000;
  font-family: "Roboto, sans-serif";
}

.change_management_tab > .ul_wrapper > .li_item > .ul_item {
  padding: 0;
  margin: 0;
}

.change_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > a,
.change_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > a,
.change_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > a {
  color: #000;
  font-size: 13px;
  margin-right: 12px;
}

.change_management_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > a {
  font-size: 12px;
}

.status_5_boxes.small_boxes {
  width: 36px;
}

.status_4_boxes.small_boxes {
  width: 29px;
}

.status_3_boxes.small_boxes {
  width: 22px;
}

.projects_tab .status_6_boxes span,
.projects_tab .status_5_boxes span,
.projects_tab .status_4_boxes span,
.projects_tab .status_3_boxes span {
  margin: 0;
  padding: 0;
  cursor: default;
}

.inventory_list_tab .status_3_boxes span {
  margin: 0;
  padding: 0;
  cursor: default;
}

.projects_tab a {
  z-index: 10;
  position: relative;
}

.inventory_list_tab a {
  z-index: 10;
  position: relative;
}

.small_boxes {
  display: flex;
  margin: 0 auto;
}

.listing_small_boxes.small_boxes {
  display: block;
}

.status_6_boxes.small_boxes {
  width: 43px;
}

.status_9_boxes.small_boxes {
  width: 64px;
}

.status_10_boxes.small_boxes {
  width: 71px;
}

.menu_item_container .status_3_boxes {
  width: 22px;
}

.menu_item_container .status_9_boxes {
  width: 55px;
}

.menu_item_container .status_10_boxes {
  width: 60px;
}

.menu_item_container .status_11_boxes {
  width: 70px;
}

.menu_item_container .status_6_boxes {
  width: 43px;
}

/* end left menu */

/* start right sidebar */

/* Start Right Absolute*/
.right_absolute.menu {
  width: 100%;
  height: 40px;
  float: left;
  position: relative;
}

.nav_arrow_right {
  width: 21px;
  height: 24px;
  background-image: url(/compliance-qm-systems-js-core/css/images/nav_arrow_right.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  left: -21px;
  top: 8px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
}

/* actual animation */
.nav_arrow_right.closed {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.nav_arrow_top {
  width: 21px;
  height: 24px;
  position: absolute;
  left: 48%;
  top: 49px;
  cursor: pointer;
  font-size: 25px;
  -moz-transition: 0.5s all;
  -webkit-transition: 0.5s all;
  z-index: 1;
  opacity: 0.1;
  text-align: center;
  line-height: 24px;
  color: #31c6f0;
}

.glyphicon-refresh-animate {
  -webkit-animation-name: rotateThis;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

/*@-webkit-keyframes*/

/*"rotateThis" {*/
/*from;*/

/*{*/
/*-webkit-transform: rotate( 0deg );*/
/*}
*/

/*to {*/
/*-webkit-transform: rotate( 360deg );*/
/*}
*/

/*}
*/

.nav_arrow_left_mask {
  width: 150px;
  height: 24px;
  background-image: url(/compliance-qm-systems-js-core/css/images/nav_arrow_left.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 8px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  line-height: 24px;
  padding-left: 22px;
  text-transform: uppercase;
}

.right_absolute.menu .nav.navbar-nav {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-direction: row;
  margin: 0;
}

.right_absolute.menu .nav.navbar-nav > li {
  border-bottom: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3 !important;
  background-color: #fbfbfb;
  width: 50%;
}

.right_absolute.menu .nav.navbar-nav > li.first > a > span {
  vertical-align: middle;
  margin-left: -1px;
  margin-bottom: 3px;
}

.notifications .right_absolute.menu .nav.navbar-nav > li.first {
  border-left: 1px solid #e3e3e3 !important;
  border-right: none !important;
  border-bottom: none !important;
  margin-left: 0 !important;
  font-weight: bold;
  background-image: none !important;
  font-family: "Roboto";
  background-color: #fff;
}

.history .right_absolute.menu .nav.navbar-nav > li.last {
  border-left: 1px solid #e3e3e3 !important;
  border-right: none !important;
  border-bottom: none !important;
  margin-left: 0 !important;
  font-weight: bold;
  background-image: none !important;
  font-family: "Roboto";
}

.notifications .right_absolute.menu .right_menu_ul > li.first a {
  background-color: #fff !important;
}

.history .slideable .log_tab {
  height: 95% !important;
}

.history .right_absolute.menu .right_menu_ul > li.last a {
  background-color: #fff !important;
}

.right_wrapper .right_absolute.menu .right_menu_ul li {
  margin-right: 0;
}

.right_absolute.menu .right_menu_ul > li:hover a {
  background-color: #e3e3e3 !important;
}

.right_absolute.menu .right_menu_ul > li a {
  text-indent: 10px;
}

.right_absolute.menu .right_menu_ul > li a:focus {
  outline: none !important;
}

.notifications_tab,
.log_tab {
  display: none;
}

.history .log_tab {
  display: block;
}

.notifications .notifications_tab {
  background-color: #fbfbfb;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 30px);
  overflow: scroll;
}

.right_absolute.menu ul {
  height: 40px;
}

.right_absolute.menu .navbar-nav > li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e3e3e3;
}

.right_absolute.menu a {
  color: #000;
  line-height: 40px;
  padding: 0;
  text-transform: uppercase;
}

/* End Right Absolute */
.right_container {
  min-width: 15%;
  width: 350px;
  margin: 0;
  padding: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  float: left;
  overflow: visible;
  transition: right 0.3s linear;
  -ms-transition: right 0.3s linear;
  -moz-transition: right 0.3s linear;
  -webkit-transition: right 0.3s linear;
  top: 101px;
  z-index: 101;
  padding-bottom: 101px;
}

.right_container.closed {
  transition: right 0.3s linear;
  -ms-transition: right 0.3s linear;
  -moz-transition: right 0.3s linear;
  -webkit-transition: right 0.3s linear;
  right: -350px;
}

.right_wrapper {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
}

.right_wrapper:hover .nav_arrow_top {
  opacity: 1;
}

.right_container .slideable {
  position: relative;
  left: 0;
  min-width: 290px;
  width: 100%;
  overflow: hidden;
  background-color: #fbfbfb;
  height: 100%;
  border-left: 1px solid #e3e3e3 !important;
}

.right_container .slideable .log_tab {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}

.log_tab .log_item {
  width: 100%;
  height: 80px;
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #e3e3e3;
  cursor: pointer;
}

.log_tab .log_item:hover {
  background-color: #eeeeee;
}

.log_item p {
  line-height: 22px;
  padding: 0;
  margin: 0;
  font-size: 13px;
}

.log_item .log_user {
  text-align: center;
}

.log_item .log_user .left {
  float: left;
}

.log_item .log_user .center {
  text-align: center;
}

.log_item .log_user .right,
.log_item .log_task span.right {
  float: right;
}

/* end right sidebar */
.main_container .fixed_width {
  float: left;
  width: 100%;
  position: relative;
  /*comment bellow for screenshot only */
  overflow-y: auto;
  height: 100%;
  padding-bottom: 20px;
}

.main_container .fixed_width .no_breadcrumbs {
  margin-top: 50px;
}

.main_container .fixed_width_right {
  float: right;
  width: 40%;
  margin-left: 10px;
  max-width: 300px;
}

.main_container .fixed_width_right.no_margin {
  width: 23%;
}

.main_container.dashboard .fixed_width_right.no_margin {
  width: 23%;
  position: relative;
}

.main_wrapper.custom_z_index {
  z-index: 15;
}

#LoadingMask.custom_z_index {
  z-index: 16 !important;
}

.main_container_wrapper {
  vertical-align: top;
  margin-top: 55px;
  width: 77%;
  height: 100%;
  float: left;
  overflow-y: auto;
  padding: 0 1%;
  padding-right: 0;
  transition: width 0.3s linear;
  -ms-transition: width 0.3s linear;
  -moz-transition: width 0.3s linear;
  -webkit-transition: width 0.3s linear;
}

.main_container_wrapper {
  width: 78%;
}

.main_container_wrapper.closed {
  transition: width 0.3s linear;
  -ms-transition: width 0.3s linear;
  -moz-transition: width 0.3s linear;
  -webkit-transition: width 0.3s linear;
  width: 99% !important;
}

.main_container_wrapper.no_scroll {
  overflow-y: hidden !important;
}

.main_container_wrapper.no_scroll .directive_wrapper {
  vertical-align: top;
  /*width: 100%; ****CHANGED****/
  height: 100%;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  width: auto;
  min-width: 100%;
}

.gantt .main_container_wrapper {
  padding: 0;
  overflow-y: hidden;
}

input[type="checkbox"].css-checkbox + label.checkbox_label.custom_label.text_wrap {
  width: 100% !important;
  padding-right: 35px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

input[type="checkbox"].css-checkbox + label.checkbox_label.custom_label.org_wrap {
  width: 100% !important;
  padding-right: 35px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  font-weight: normal;
}

.main_container {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.gantt .main_container {
  margin-top: -53px;
  padding-top: 59px;
}

.page_title {
  overflow: hidden;
}

.page_title.extra_height {
  position: relative;
  height: 80px;
}

.page_title.extra_height {
  height: 130px;
}

.page_title.extra_height .dm_breadcrumbs {
  position: absolute;
  bottom: 0;
  z-index: 1;
}

.page_title.extra_height .dm_breadcrumbs {
  bottom: 50px;
}

.page_title.right_sidebar {
  width: 75%;
}

.page_title h1 {
  padding: 0;
  margin: 0;
  font-size: 24px;
  line-height: 36px;
  float: left;
  width: 45%;
}

.page_title h1.page_title_h1 {
  position: fixed;
  margin-top: -35px;
  position: fixed;
  z-index: 10;
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
}

/*.page_title h1.page_title_h1.closed {
                padding-top: -43px;
                left: 1%;
                z-index: 2;
                position: fixed;
                transition: left 0.3s linear;
                -ms-transition: left 0.3s linear;
                -moz-transition: left 0.3s linear;
                -webkit-transition: left 0.3s linear;
                width: 67.5%;}
*/

.page_title.border_bottom h1 {
  /*border-bottom: 1px solid #E3E3E3;*/
}

.gantt .page_title.border_bottom {
  margin-bottom: -3px;
}

.gantt .page_title.border_bottom h1 {
  padding-left: 20px;
}

.main_container.dashboard .fixed_width_right .heading_wrapper.border_bottom {
  float: left;
  width: 100%;
  top: -85px;
  z-index: 100;
  position: absolute;
  right: 0;
}

/* End Main Container Content */

/* End Main Container */

/*Validation*/
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid,
input.invalid,
textarea.invalid {
  /*box-shadow:inset 0 0 5px rgb(255, 0, 0) !important;*/
  /*border: 1px solid #ff0000 !important;
            box-shadow: none !important;
            outline: none;*/
}

input:required:valid {
  /*box-shadow: 0 0 5px rgb(255, 0, 0) !important;*/
}

/*End Validation*/

.input_text.ng-pristine {
}

.input_text.ng-dirty.ng-invalid,
select.ng-dirty.ng-invalid,
textarea.ng-dirty.ng-invalid,
.input_text.ng-invalid,
select.ng-invalid,
.input_text_with_button.ng-invalid,
textarea.ng-invalid {
  border: 1px solid #ff0000 !important;
  box-shadow: none !important;
  outline: none;
}

#object_cm {
  width: 51% !important;
}

.input_text.ng-dirty.ng-valid {
}

.input_text.ng-invalid-maxlength:not(.ng-pristine),
.input_text.ng-invalid:not(.ng-pristine) {
}

input:focus,
textarea:focus {
  box-shadow: none;
}

.actions button[type="submit"] {
  width: 100%;
  background: transparent;
  border: none;
  padding: 0 10px;
  border-top: 1px solid #bcbcbc;
  top: -1px;
  position: relative;
  line-height: 42px;
}

.actions button[type="submit"]:focus {
  outline: none;
}

.actions button[type="submit"]:hover {
  text-decoration: underline;
}

.actions button[type="submit"] span {
  margin-left: 10px;
}

.actions button[type="submit"][disabled="disabled"],
.actions button[type="submit"][disabled] {
  cursor: not-allowed;
  background-color: #adadad;
  opacity: 0.5;
}

.project_box_container {
  width: 100%;
  height: auto;
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.project_box {
  min-width: 250px;
  width: 20%;
  height: 230px;
  border: 1px solid #e3e3e3;
  background-color: #fbfbfb;
  margin: 10px;
  cursor: pointer;
}

.project_box button .capa_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -114px -490px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 85px;
  height: 100px;
}

.project_box button:hover .capa_icon_large {
  background-position: -10px -490px;
}

.project_box button .inventory_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -420px -490px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 85px;
  height: 100px;
}

.project_box button:hover .inventory_icon_large {
  background-position: -320px -490px;
}

.project_box button .document_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -352px -370px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 95px;
  height: 100px;
}

.project_box button:hover .document_icon_large {
  background-position: -124px -370px;
}

.project_box button .project_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -506px -10px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 95px;
  height: 100px;
}

.project_box button:hover .project_icon_large {
  background-position: -506px -130px;
}

.project_box button .kb_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -136px -130px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 108px;
  height: 100px;
}

.project_box button:hover .kb_icon_large {
  background-position: -10px -130px;
}

.project_box button .incident_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -238px -370px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 95px;
  height: 100px;
}

.project_box button:hover .incident_icon_large {
  background-position: -10px -370px;
}

.project_box button .deviation_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -386px -250px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 100px;
  height: 100px;
}

.project_box button:hover .deviation_icon_large {
  background-position: -10px -250px;
}

.project_box button .cr_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -10px -10px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 108px;
  height: 100px;
}

.project_box button:hover .cr_icon_large {
  background-position: -137px -10px;
}

.project_box button .cm_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -488px -370px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 108px;
  height: 100px;
}

.project_box button:hover .cm_icon_large {
  background-position: -488px -250px;
}

.project_box button .tm_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -600px -10px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 114px;
  height: 100px;
}

.project_box button:hover .tm_icon_large {
  background-position: -198px -490px;
}

.project_box button .trn_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -263px -130px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 102px;
  height: 100px;
}

.project_box button:hover .trn_icon_large {
  background-position: -263px -10px;
}

.project_box button .com_icon_large {
  background: transparent url(../jsapp/assets/icons/large-icons.png) -130px -250px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 102px;
  height: 100px;
}

.project_box button:hover .com_icon_large {
  background-position: -388px -10px;
}

.project_box button .client_icon_large {
  background-image: url(../jsapp/assets/icons/Client.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 102px;
  height: 100px;
}

.project_box button:hover .client_icon_large {
  background-image: url(../jsapp/assets/icons/ClientWhite.svg);
}

.project_box button .risk_icon_large {
  background: transparent url(../jsapp/assets/icons/Risk.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 102px;
  height: 100px;
}

.project_box button:hover .risk_icon_large {
  background: transparent url(../jsapp/assets/icons/RiskWhite.svg);
}

.project_box button .specification_icon_large {
  background: transparent url(../jsapp/assets/icons/Spec.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 102px;
  height: 100px;
}

.project_box button:hover .specification_icon_large {
  background: transparent url(../jsapp/assets/icons/SpecWhite.svg);
}

.project_box button .design_control_icon_large {
  background: transparent url(../jsapp/assets/icons/MBL_Icons_Traceability.svg);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 102px;
  height: 100px;
}

.project_box button:hover .design_control_icon_large {
  background: transparent url(../jsapp/assets/icons/MBL_Icons_White_Traceability.svg);
}

.project_box button {
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px solid #e3e3e3;
  background-color: #ffffff;
}

.project_box button:hover {
  background-color: #007f93;
  color: #fff;
}

.project_box button:focus {
  outline: none;
}

.project_box button:disabled {
  background: #ededed;
}

.project_box button:disabled:hover {
  color: #000;
}

.allocation {
  font-weight: bold;
  font-size: 13px;
  margin-left: 6px;
}

input[type="checkbox"].css-checkbox + label.checkbox_label.custom_label {
  color: #000;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right -1px;
  vertical-align: middle;
  cursor: pointer;
  width: 47%;
  margin-top: 6px;
  padding-left: 0;
}

.dropdown-menu {
  z-index: 10000000000;
  max-width: 200px;
  overflow: hidden;
}

.dropdown-menu > li > a {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#add_new_kb_comment {
  margin-bottom: 30px;
  width: 100%;
  height: auto;
  overflow: hidden;
}

#add_new_kb_comment #submit_comment {
  margin-top: 20px;
}

.input_text[readonly="readonly"].border {
  border: 1px solid #ccc;
}

.float_checkboxes {
  clear: none !important;
  width: 46.5% !important;
  float: left;
  padding-top: 0 !important;
}

.float_checkboxes .custom_label {
  width: 100% !important;
}

.right_panel div.float_checkboxes:nth-child(odd),
.left_panel div.float_checkboxes:nth-child(odd).margin_left {
  margin-left: 7%;
  padding-left: 20px;
}

.right_panel div.float_checkboxes:nth-child(odd) {
  margin-left: 0;
  padding-left: 0;
}

p#user_details_system_role {
  /*padding-top:0;*/
  padding-bottom: 0;
  margin-bottom: 0 !important;
}

.checkbox_width .float_checkboxes {
  width: 49% !important;
}

.checkbox_width .float_checkboxes_wide > div > label.checkbox_label {
  width: 90% !important;
}

.checkbox_width .checkbox_wrapper_width {
  width: 60% !important;
}

#uploadLoadingMask {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 100;
}

#loadingMaskSpinner,
#signingMaskSpinner {
  position: absolute;
  left: 45%;
  top: 40%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 100;
  width: 70px;
  height: 70px;
}

.loadingMaskSpinner {
  position: absolute;
  left: 50%;
  margin-left: -35px;
  top: 50%;
  margin-top: -35px;
  z-index: 100;
  width: 70px;
  height: 70px;
}

#loadingText {
  position: absolute;
  left: 40%;
  top: 46%;
  margin-left: -80px;
  z-index: 100;
}

#upload_user_document .modal-content,
#upload_user_document .modal-body {
  width: 100%;
  height: auto;
  overflow: hidden;
}

#upload_user_document .input-group {
  width: 100%;
  height: auto;
  display: block !important;
}

#upload_user_document .input-group .form-control {
  width: 100% !important;
  display: block !important;
  max-width: 360px !important;
}

#upload_user_document .file-caption-name {
  width: 100% !important;
}

/* menu states */
.projects_tab .status_indicator {
  margin: 0;
  padding: 0;
  margin-top: 11px !important;
  z-index: 10;
  width: 10px;
  height: 30px;
  display: none;
  margin-right: 10px;
}

.inventory_list_tab .status_indicator {
  margin: 0;
  padding: 0;
  float: right;
  margin-top: 11px !important;
  position: absolute;
  right: 30px;
  z-index: 10;
  width: 10px;
  height: 30px;
  display: none;
}

.projects_tab .user_created a {
  /*font-weight:bold;*/
  color: #0057e6 !important;
}

.projects_tab .not_planned a {
  /*font-weight:bold;*/
  color: #0057e6 !important;
}

.projects_tab .phase1 .striked a,
.projects_tab .phase2 .striked a {
  text-decoration: line-through !important;
  color: #b1b1b1 !important;
}

.projects_tab .phase1 .init .status_indicator {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/css/images/red_ex_icon.jpg");
  display: inline-block;
}

.projects_tab .status_indicator.task_owner_changed {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/css/images/red_ex_icon.jpg");
  display: inline-block;
}

.projects_tab .phase1 .ready .status_indicator {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/compliance-qm-systems-js-core/css/images/save_icon.png);
  display: inline-block;
}

.projects_tab .phase1 .small_boxes {
  display: none !important;
}

.projects_tab .phase2 .small_boxes {
  display: inline-block !important;
}

#new_project_btn {
  background-color: #31c6f0;
  padding: 8px 0px;
  width: 130px;
  text-align: left;
  border: none;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
}

#project_planned_start_date {
  width: 58%;
}

.notif_item {
  position: relative;
}

.notifications_tab .status_6_boxes {
  right: 0 !important;
  top: 50% !important;
  float: right !important;
  position: absolute !important;
  margin-top: -6px !important;
}

.input_link {
  color: #337ab7 !important;
  cursor: pointer !important;
}

.input_link:hover {
  text-decoration: underline;
  color: #23527c !important;
}

.upload_button {
  float: right;
  /*line-height:32px;*/
  background: transparent;
  border: none;
  color: #337ab7;
}

.field_wrapper.relative .select_file.upload_button {
  line-height: 55px;
}

.upload_button:focus {
  outline: none;
}

.gantt > .left_absolute.container {
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  left: -100%;
  height: 0;
}

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

.ellypisisConv {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.convTo {
  padding-right: 20px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.convToRemove {
  overflow: visible;
  padding: 0;
  white-space: normal;
  left: 92.5%;
  position: absolute;
}

.gantt > .main_container_wrapper {
  width: 100%;
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
}

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

.navbar-form {
  margin-bottom: 0 !important;
}

.modal-backdrop.fade.in {
  display: none;
}

.field_wrapper.relative {
  position: relative;
}

#doc_filename {
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.select_file {
  position: absolute;
  right: 10px;
  top: 20px;
  width: auto !important;
  cursor: pointer;
}

.select_file.upload_button {
  top: 0 !important;
}

.input-group-addon {
  cursor: pointer;
}

.shorter .input-group-addon {
  background-color: #fff;
}

.input-group-addon.pick-date {
  background-color: #fff;
}

.glyphicon-remove.glyphicon:before {
  content: "\e014" !important;
}

#edit_user_planned_to,
#edit_user_planned_from,
#edit_inventory_list_LastPeriodReview,
#edit_inventory_list_InitialValidationDate {
  width: 56.3% !important;
  background-color: #fff;
}

#task_edit_planned_start_date {
  width: 56.5% !important;
}

#task_edit_planned_start_date,
#task_edit_planned_end_date,
#task_edit_datepicker_span1,
#datepicker_span2 {
  background-color: #fff !important;
}

.datetimepicker1[disabled] #task_edit_planned_start_date,
.datetimepicker2[disabled] #task_edit_planned_end_date,
.datetimepicker1[disabled] #task_edit_datepicker_span1,
.datetimepicker2[disabled] #datepicker_span2 {
  background-color: #eee !important;
}

.shorter #edit_user_planned_to,
.shorter #edit_user_planned_from,
.shorter #edit_inventory_list_LastPeriodReview,
.shorter #edit_inventory_list_InitialValidationDate {
  width: 52.3% !important;
  background-color: #fff;
  z-index: 0;
}

select[disabled] {
  background-color: #eee;
}

:required.ng-invalid {
  border: 1px solid #ff0000 !important;
}

.required {
  border: 1px solid #ff0000 !important;
}

.red_msg {
  font-weight: normal;
  color: #e74c3c;
  font-size: 15px;
}

a.act {
  font-weight: bold;
}

.custom_heading {
  position: relative;
}

.custom_heading a {
  font-size: 14px;
}

.custom_heading a.act {
  font-weight: bold;
}

.custom_heading.activities_heading.training_side_header {
  position: absolute;
  width: 25%;
  left: 77%;
}

.deal_dashboard_adjustments .custom_heading.activities_heading {
  padding-top: 0.5%;
  position: relative;
  top: initial;
}

.my_team_actions {
  top: -88px !important;
  right: 25%;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 0;
}

table.rz-table th .rz-handle {
  height: 130% !important;
  margin-right: -7px;
  position: relative !important;
  float: right;
  display: inline-block;
  width: 10px !important;
  border-right: thin solid #eaeaea;
  cursor: ew-resize !important;
}

.input_text.green {
  background-color: #58d68d;
}

.input_text.yellow {
  background-color: #f1c40f;
}

.input_text.red {
  background-color: #e74c3c;
}

.input_view,
.field_wrapper .input_view,
.field_wrapper.grid_wrapper .input_view {
  display: inline-block;
  float: none;
  width: 48% !important;
  margin: 0;
  padding-left: 0;
}

.field_wrapper textarea.edit_mode {
  width: 60%;
  height: 120px;
}

.common_line_height {
  line-height: 30px;
}

.password_msg {
  font-size: 12px;
  float: right;
  line-height: 6px;
  height: auto;
  width: 60%;
  height: auto;
  line-height: 25px;
  color: #e74c3c;
}

.login_client {
  color: #000;
  font-size: 14px;
  position: absolute;
  left: 15px;
}

.signatureBlock {
  position: relative;
}

.agreementDocument_modal {
  display: flex;
  justify-content: center;
  width: auto;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.agreementDocument {
  display: flex;
  justify-content: center;
}

#agreementContainer {
  position: absolute;
}

.agreement_page_wrapper {
  padding: 0 !important;
}

.agreementPage {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  /*height: 749px;
    width: 595px;
    padding: 16px 0 0 17px;*/
}

.agreementPage.div_bg_image {
  height: 749px;
  width: 578px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}

.signature_wrapper {
  /*border: 1px solid #000;*/
  /*width: 578px;
    height: 749px;
    top: 96px;
    margin-top: 16px;*/
  /* left: 0; */
  position: absolute;
}

.signatureBlock .sb_wrapper {
  position: absolute;
  border: 1px solid black;
  color: black;
  text-align: left;
  cursor: initial;
  min-height: 81px;
  background-color: rgba(0, 0, 0, 0.2);
}

.signature_block.valid .sb_wrapper {
  box-shadow: none;
}

.signature_block.invalid .sb_wrapper {
  box-shadow: 0px 0px 4px 1px rgba(224, 37, 37, 0.8);
}

.signature_block.current .sb_wrapper {
  box-shadow: 0px 0px 4px 1px rgba(50, 121, 183, 0.8);
}

.signature_block.valid.current .sb_wrapper {
  box-shadow: 0px 0px 4px 1px rgba(50, 121, 183, 1);
}

.signature_block.invalid.current .sb_wrapper {
  box-shadow: 0px 0px 4px 1px rgba(224, 37, 37, 1);
}

.signatureBlock .movable_area {
  width: 25px;
  height: 25px;
  background-color: grey;
  line-height: 25px;
  font-size: 20px;
  text-align: center;
  margin: 0;
  padding: 0;
  display: inline-block;
  cursor: move;
}

.signatureBlock .remove_signatureblock {
  width: 25px;
  height: 25px;
  background-color: grey;
  line-height: 25px;
  font-size: 20px;
  text-align: center;
  margin: 0;
  padding: 0;
  display: inline-block;
  float: right;
}

.signatureBlock .movable_area span,
.signatureBlock .remove_signatureblock span {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}

.signatureBlock .signatureContent {
  border: 1px solid black;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.agreement-overlay-error {
  height: 100%;
  background-color: rgb(0 0 0 / 50%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 102;
}

.agreement-overlay-warning {
  height: 55px;
  background-color: rgba(240, 195, 15, 1);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 102;
}

.dms-overlay-error-wrapper {
  font-size: 20px;
  line-height: 55px;
  color: white;
  padding-left: 35px;
}

.dms-overlay-error-wrapper a {
  color: #0006cd;
}

.agreement-overlay-warning .dms-overlay-error-wrapper {
  color: black;
}

.agreement-overlay-warning .dms-overlay-error-wrapper a {
  color: #0006cd;
}

.agreement-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
  background-color: #bd362f;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: auto;
  width: 25em;
  z-index: 102;
  position: relative;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  margin: 0 auto;
  border-radius: 3px 3px 3px 3px;
  padding: 15px 15px 15px 50px;
  top: 50%;
  margin-top: -34px;
}

.agreement-error > p > a {
  color: #bdfe88;
}

.table_actions {
  width: 30%;
}

.table_actions button[type="button"] {
  width: 100%;
  background: transparent;
  border: none;
  padding: 0 10px;
  top: -1px;
  position: relative;
  line-height: 42px;
  outline: none;
}

.table_actions button[type="button"][disabled] {
  color: rgb(169, 169, 169);
}

.signatureBlock .signatureContent p {
  padding-top: 25px;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}

.sb_wrapper .signatureContent label.custom_label.text-center {
  width: 100%;
  text-align: center;
  display: inline-block;
  float: none;
  clear: both;
}

.sb_wrapper .signatureContent select {
  position: absolute;
  bottom: 0px;
  width: 100% !important;
  color: black;
}

#confirm_password_status_change {
  z-index: 10000000000 !important;
}

html,
body,
div,
p,
a,
span,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto" !important;
}

/*.test_table tr td, .test_table tr th {
    border: 2px solid black;
     width: 14%;
       padding: 15px;}
.test_table tr,.test_table tr td,  .test_table tr th{
    height: 125px;}
.training_table tr td:first-child,.training_table tr th:first-child{
    width:17% !important;
     text-align: left;
    padding-left: 10px;}
.training_table tr td,.training_table tr th {
    border: 1px solid #ddd;
    text-align: center;
     width: 30px !important;
     float: none !important;
         overflow: hidden !important;
    height: 20px!important;
    line-height: initial;}
.training_table {
    border-collapse: collapse;
    width: 100%;}
*/

body {
  width: 100%;
  height: 100%;
  font-family: "Roboto" !important;
  font-size: 13px;
  padding-right: 0px !important;
}

/*:required:invalid {
    border-color: red !important;}
*/

/*:required:valid {
    border-color: #ccc !important;}
*/

/*input:required {
        border-color: red;}
textarea:required {
        border-color: red;}
select:required {
        border-color: red;}
*/

.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

.moveElementInBackground {
  z-index: 0 !important;
}

.login {
  height: 100%;
  font-family: "Roboto" !important;
  font-size: 13px;
}

.login-container {
  background: -webkit-linear-gradient(#007f93, #003c5b);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#007f93, #003c5b);
  /*For Opera 11.1 to 12.0*/
  background: -moz-linear-gradient(#007f93, #003c5b);
  /*For Firefox 3.6 to 15*/
  background: linear-gradient(#007f93, #003c5b);
  /*Standard syntax*/
  background-size: 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 10000 !important;
}

.form-signin {
  max-width: 280px;
  padding: 15px;
  margin: 0 auto;
}

.login input[type="checkbox"].css-checkbox + label.checkbox_label {
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left -1px !important;
  vertical-align: middle;
  cursor: pointer;
  width: 95%;
  margin-top: 6px;
  padding-left: 40px;
  line-height: 24px;
}

.popup_text {
  position: fixed;
  top: 100px;
  left: 400px;
  z-index: 10000;
  width: auto;
  height: auto;
  border: 1px solid #e8e8e8;
  background-color: #fff;
  padding: 2px 10px;
  line-height: 20px;
  white-space: nowrap;
}

.popup_text.status {
  position: absolute;
  height: 90px;
}

.popup_text.status.three_boxes {
  height: 30px;
}

.popup_text:after,
.popup_text:before {
  top: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.popup_text:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #fff;
  border-width: 14px;
  margin-left: -16px;
}

.popup_text:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #e8e8e8;
  border-width: 15px;
  margin-left: -17px;
}

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.4);
}

.mask img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
}

.outer {
  width: 100%;
  min-width: 1280px;
  height: auto;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
}

.navbar.navbar-default {
  border: none;
  margin-bottom: 0;
}

.navbar-header {
  width: 265px;
  height: 60px;
}

#fixed_main_nav .navbar-nav > li > a,
#fixed_main_nav .navbar-nav > li > export a {
  color: #000;
  border: 1px solid #e3e3e3;
  margin-top: 13px;
  border-radius: 4px;
  margin-right: 15px;
  padding: 4px;
}

#fixed_main_subnav {
  background-color: #fbfbfb;
  margin: 0;
  padding: 0;
  background-image: url(/compliance-qm-systems-js-core/css/images/nav_bottom_line.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  overflow: visible !important;
  display: flex !important;
}

#fixed_main_subnav ul {
  height: 40px;
  margin: 0;
}

#fixed_main_subnav .navbar-nav > li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 6px;
}

#fixed_main_subnav .navbar-nav > li:hover,
#fixed_main_subnav .navbar-nav > li.act {
  border-bottom: none;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  padding: 0 6px 0 6px;
  background-color: #ffffff;
  margin-left: -1px;
  background-image: url(/compliance-qm-systems-js-core/css/images/active_item_bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
}

#Header_li_create.act a {
  font-weight: bold;
}

#fixed_main_subnav .navbar-nav > li > a {
  color: #000;
  line-height: 40px;
  padding: 0;
  text-transform: uppercase;
}

#fixed_main_subnav #li_modules {
  padding: 0 !important;
  overflow: visible;
  float: right;
  /* above main loader */
  z-index: 101;
  width: max-content;
}

#fixed_main_subnav #li_modules > a {
  padding: 0px 15px;
}

#fixed_main_subnav #sub_modules {
  padding-left: 0;
  height: auto;
  max-height: 70vh;
  overflow-y: auto;
  float: left;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-top: 1px transparent;
  width: auto !important;
}

#fixed_main_subnav #sub_modules > li {
  display: none;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#submenu_toggle:hover + #sub_modules > li,
#submenu_toggle + #sub_modules:hover > li,
#sub_modules:hover > li,
#sub_modules > li:hover {
  display: block;
}

.nav > li > a:focus {
  background: none;
  outline: none;
  border: none;
}

#li_modules {
  border-bottom: none;
}

#li_modules > a {
  padding: 0 6px;
}

.dropdown-multiselect > div > button {
  width: 100%;
}

.nav_arrow_left {
  width: 21px;
  height: 24px;
  background-image: url(/compliance-qm-systems-js-core/css/images/nav_arrow_left.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  position: absolute;
  left: 291px;
  top: 8px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
}

.nav_arrow_left_mask {
  width: 150px;
  height: 24px;
  background-image: url(/compliance-qm-systems-js-core/css/images/nav_arrow_left.jpg);
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 8px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  box-shadow: 0px 0px 2px 0px rgba(156, 156, 156, 1);
  line-height: 24px;
  padding-left: 22px;
  text-transform: uppercase;
}

/* added */
.notifications_tab .notif_item {
  width: 100%;
  max-height: 100px;
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #e3e3e3;
  cursor: pointer;
}

.notifications_tab .notif_item.green {
  background-color: #bdfe88;
}

.notifications_tab .notif_item.red {
  background-color: #f17673;
}

.notifications_tab .notif_item:hover {
  background-color: #eeeeee;
}

.notif_icon {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: top left;
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
}

.custom_label .notif_icon {
  float: right;
  margin-top: 10px;
}

.content a .notif_icon {
  float: right;
  margin-top: 10px;
  position: absolute;
  right: 0;
}

.notif_icon.red {
  background-image: url(/compliance-qm-systems-js-core/css/images/red_ex_icon.jpg);
}

.notif_icon.yellow {
  background-image: url(/compliance-qm-systems-js-core/css/images/yellow_ex_icon.jpg);
}

a .notif_title {
  font-size: 12px;
  color: #000;
}

a .notif_action {
  font-weight: bold;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  color: #000;
}

a .notif_description {
  font-size: 10px;
  color: #737373;
}

.projects_tab > .ul_wrapper > .li_item > a {
  font-weight: bold;
  color: #000;
  font-family: "skolasansbold";
}

.log_item .log_user .right {
  float: right;
}

.main_container .heading_wrapper h1 {
  padding: 0;
  margin: 0;
  font-size: 24px;
  line-height: 36px;
  float: left;
}

.main_container .heading_wrapper h2 {
  font-size: 15px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  line-height: 20px;
  float: left;
  /*padding-top: 16px;*/
  font-family: "Roboto";
}

.main_container .heading_wrapper h2.side_pie_header {
  display: flex;
  width: 100%;
  justify-content: center;
}

.main_container .fixed_width_right.no_margin .heading_wrapper h2 {
  padding: 0;
  margin: 0;
  font-size: 26px;
  line-height: 36px;
  float: left;
  font-weight: normal;
}

.main_container .fixed_width_right.no_margin .heading_wrapper h3 {
  font-size: 15px;
  margin: 0;
  padding: 0;
  font-weight: bold;
  line-height: 20px;
  float: left;
  padding-top: 16px;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  font-family: "Roboto", sans-serif;
}

.main_container .control_buttons {
  float: right;
}

.main_container .control_buttons a {
  padding: 0 10px;
  line-height: 36px;
  color: #000;
}

.main_container .control_buttons a span {
  margin-left: 10px;
  color: #707070;
}

.main_container .control_buttons.align_center {
  float: none;
  clear: both;
  text-align: center;
}

.main_container .control_buttons_dd {
  float: right;
}

.main_container .control_buttons_dd a {
  padding: 0 10px;
  line-height: 42px;
  color: #000;
  display: block;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

.main_container .control_buttons_dd a.agreement_document {
  display: block;
}

.main_container .control_buttons_dd a span {
  margin-left: 10px;
  color: #707070;
}

.main_container .control_buttons_dd {
  width: 160px;
  height: 40px;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
  left: 63%;
  position: absolute;
  bottom: -1px;
  background-color: white;
}

.main_container .control_buttons_dd:hover,
.main_container .control_buttons_dd:hover .actions {
  background-color: #ececec;
  display: block;
}

.main_container .control_buttons_dd.disabled {
  background-color: #ececec;
  display: block;
}

.main_container .control_buttons_dd.disabled a {
  cursor: default !important;
}

.main_container .control_buttons_dd .actions {
  position: absolute;
  top: 38px;
  left: -1px;
  height: auto;
  z-index: 99;
  border: 1px solid #e3e3e3;
  width: 160px;
  border-radius: 8px;
  border-top-left-radius: initial;
  border-top-right-radius: initial;
  background-color: #fff;
  display: none;
}

.main_container .control_buttons_dd .actions a {
  font-size: 13px;
  text-transform: initial;
  text-decoration: none;
  border-bottom: 1px solid #bcbcbc;
}

.main_container .control_buttons_dd .actions a:last-child {
  border-bottom: none;
}

.main_container .control_buttons_dd .actions a:first-child {
  border-top: 1px solid #bcbcbc;
  top: -1px;
  position: relative;
}

.main_container .control_buttons_dd .actions a:hover {
  text-decoration: underline;
}

.control_buttons_dd.details_state {
  border-bottom: none;
  text-align: center;
  background-color: blue;
  line-height: 40px;
  font-size: 14px;
  opacity: 0.8;
  margin-left: -165px;
}

.main_container .fixed_width .left_panel {
  width: 49%;
  height: auto;
  overflow: hidden;
}

.left_panel.clearfix {
  clear: both;
}

.main_container .fixed_width .left_panel.full_width {
  width: 100% !important;
}

.main_container .fixed_width .right_panel {
  width: 49%;
  height: auto;
  overflow: hidden;
}

.fixed_width h2 {
  font-size: 15px;
  /*margin: 0;*/
  padding: 0;
  /* float: left; */
  clear: both;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  height: 30px;
  line-height: 20px;
  padding-top: 10px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  margin: 10px 0;
}

.fixed_width h3 {
  font-size: 14px;
  padding: 0;
  float: left;
  width: 100%;
  height: 20px;
  line-height: 15px;
  padding-top: 0px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  margin: 10px 0;
  text-indent: 5px;
}

.fixed_width .left_panel h2:first-child,
.fixed_width .right_panel h2:first-child {
  margin-top: 0 !important;
}

a.custom_label > label.custom_label {
  width: auto;
}

.field_wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 10px 0 0 0;
  clear: both;
}

.field_wrapper.dinamyc_list {
  position: relative;
}

/*.field_wrapper.margin_left {
    margin-left:20px;}
*/
.center_position_file_btn {
  top: -8px;
}

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

.field_wrapper .custom_label {
  color: #000;
  font-size: 13px;
  float: left;
  font-weight: normal;
  line-height: 30px;
  width: 40%;
}

.field_wrapper .custom_label_level {
  padding-left: 40px;
  font-weight: normal !important;
}

.field_wrapper .input_text {
  color: #000;
  font-size: 13px;
  float: right;
  height: auto;
  width: 60%;
}

.field_wrapper .input_text_shorter {
  color: #000;
  font-size: 13px;
  float: right;
  height: auto;
  width: 52%;
  padding-right: 30px;
  padding-left: 5px;
}

.field_wrapper .input_text_founder {
  color: #000;
  font-size: 13px;
  float: left;
  height: auto;
  width: 85%;
  margin: 5px 0px;
}

.checkbox_holder {
  width: 498px;
}

.remove_founder {
  float: left;
  color: #ccc;
  margin: 15px 0px 15px -40px;
}

.remove_founder:hover {
  color: #000;
}

.edit_founder {
  float: left;
  color: #ccc;
  margin: 15px 0px 15px -20px;
}

.edit_founder:hover {
  color: #000;
}

.checkboxes_right {
  margin-left: 276px;
  padding-bottom: 60px;
  margin-top: -200px;
  width: 480px;
}

.checkboxes_left {
  width: 484px;
}

.custom_input_dropdown {
  overflow-y: auto;
  max-height: 200px;
  overflow-x: hidden;
}

.field_wrapper .input_text_with_button {
  -webkit-appearance: menulist;
  color: #000;
  font-size: 13px;
  height: auto;
  width: 50%;
}

.btn_for_input {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  margin-bottom: -50px;
  margin-top: -105px;
  margin-left: 92%;
}

.btn_for_input.dinamyc_list {
  position: absolute;
  right: 0px;
  top: 10px;
  margin: 0;
}

.field_wrapper .form-control.input_text.custom_width {
  width: 40%;
}

.field_wrapper.input-group .input_text {
  width: 56%;
}

.field_wrapper .input_text.full_width,
.field_wrapper .custom_label.full_width {
  width: 100% !important;
}

.field_wrapper .input_text[type="checkbox"] {
  box-shadow: none;
  -webkit-box-shadow: none;
}

.field_wrapper.comment {
  border-bottom: 1px solid #e3e3e3;
}

.field_wrapper textarea.input_text.full_width {
  border: 1px solid #e3e3e3;
  float: none;
}

.input_text[readonly="readonly"] {
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #fff;
  cursor: default;
  resize: none;
  width: 60% !important;
  z-index: 0;
}

.modal-content .input_text[readonly="readonly"] {
  background-color: #fafafa;
}

.input_text_founder[readonly="readonly"] {
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: #fff;
  cursor: default;
  resize: none;
  width: 60% !important;
  z-index: 0;
}

.field_wrapper a {
  width: 60%;
  font-size: 13px;
  float: right;
  /*line-height: 30px;*/
  display: flex;
}

.field_wrapper span a {
  float: left;
  width: 100%;
}

.workflow-actions-container {
  margin-top: 10px;
}

.fixed_width_right .status_wrapper {
  float: left;
  width: 100%;
  height: auto;
}

.fixed_width_right .status_step {
  float: left;
  width: 100%;
  border: 1px solid #e3e3e3;
  background-color: #fbfbfb;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.fixed_width_right .status_step.current {
  background-color: #007f93;
}

.fixed_width_right .status_step.grayed_out {
  background-color: #fff;
  opacity: 0.6;
}

.fixed_width_right .status_step .checkbox_label {
  font-size: 13px;
  line-height: 26px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.checkbox_label.selected {
  color: #006cb3;
}

input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  position: relative;
  display: none;
}

/*.status_step .css-checkbox {}
*/

input[type="checkbox"].css-checkbox + label.checkbox_label {
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right -1px;
  vertical-align: middle;
  cursor: pointer;
  width: 99%;
  margin-top: 6px;
  padding-left: 5px;
  font-size: 1em;
  padding-right: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

input[type="checkbox"].css-checkbox:checked + label.checkbox_label {
  background-position: right -25px;
}

label.checkbox_label {
  background-image: url(/compliance-qm-systems-js-core/css/images/checkbox_sprite.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.margin_left_for_change {
  margin: 0 45px;
  width: auto !important;
}

.scrollableWorkflow {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100% !important;
  margin-left: 10px;
}

@media screen and (max-width: 1024px) {
  .scrollableWorkflow.empty {
    display: none;
  }
}

@media screen and (max-width: 1280px) {
  .scrollableWorkflow.empty {
    width: 20%;
  }
}

.fixed_width_right.tasks .status_step.current {
  background-color: #007f93;
  color: #fff;
}

.fixed_width_right.tasks .status_step.forbidden {
  background-color: #e74c3c;
  color: #fff;
}

.fixed_width_right.tasks .status_step.current.current_opacity {
  background-color: rgb(0, 128, 148, 0.3);
  color: #000;
  position: relative;
}

.fixed_width_right.tasks .status_step.current.current_opacity .btn_container_background {
  /*background-color: #007f93;
        opacity: 0.3;*/
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  left: 0;
}

.fixed_width_right.tasks .status_step.opened {
  height: auto;
}

.fixed_width_right.tasks .status_step.higher.opened {
  height: auto;
  min-height: 220px;
  padding-bottom: 20px;
}

.fixed_width_right.tasks .status_step.opened .btn_container {
  margin-top: 10px;
}

.fixed_width_right.tasks .status_step.opened .btn_container .save_btn {
  margin-right: 2%;
}

.fixed_width_right.tasks .status_step.current.opened .btn_container .btn {
  color: #fff;
  background-color: #003c5b;
  border-color: #006cb3;
  float: left;
  width: 49%;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fixed_width_right.tasks .status_step.opened .btn_container .btn {
  background-color: #0092f1;
  border: 1px solid #e3e3e3;
  color: #000;
  color: white;
  float: left;
  width: 49%;
  padding: 6px;
}

.fixed_width_right.tasks .status_step.opened .btn_container .btn .save_icon_white {
  background-image: url(/compliance-qm-systems-js-core/css/images/save_icon_white.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
  color: white;
  margin-left: 10px;
  vertical-align: top;
}

#edit_inventory_list_InitialValidationDate[disabled] {
  background-color: #eee;
}

.fixed_width_right.tasks .status_step.previous .btn_container .btn .save_icon_white {
  background-image: url(/compliance-qm-systems-js-core/css/images/save_icon_white.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.fixed_width_right.tasks .status_step.opened .btn_container .btn-default .cancel_icon_white {
  background-image: url(/compliance-qm-systems-js-core/css/images/close_icon_white.png);
  background-position: center;
  background-size: contain;
  color: white;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.status_step .higher .current .longer_confirmation .opened {
  height: 525px !important;
}

.fixed_width_right.tasks .status_step.previous .btn_container .btn-default .cancel_icon_white {
  background-image: url(/compliance-qm-systems-js-core/css/images/close_icon_white.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.main_container > h1 {
  border-bottom: 1px solid #e3e3e3;
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
}

.main_container .my_activities,
.main_container .my_base_entries,
.main_container .my_team,
.main_container .organizations,
.main_container .inventory_list_table {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.checkboxes_float_fix {
  margin-left: 2% !important;
}

.main_container .incident_management_table {
  width: 3250px;
  height: auto;
  overflow: hidden;
}

.incident_management_row_header {
  border-bottom: 1px solid #e3e3e3;
  width: 203%;
  height: auto;
  float: left;
  background-color: #fff;
}

.incident_management_row {
  border-bottom: 1px solid #e3e3e3;
  width: 203%;
  height: auto;
  float: left;
  cursor: pointer;
  background-color: #fff;
}

.incident_management_row:hover {
  background-color: #eeeeee;
}

.main_container .directive_table {
  width: auto;
  height: auto;
  overflow: hidden;
}

/*.directive_table > thead > tr{
        display: block;}
.directive_table > tbody {
    display:block;
  height:52%;
  overflow:auto;}
*/
/*#headings {
  position: fixed;
  top: 0px;
  width: 960px;}
.tableH{
   display: inline;}
*/
.directive_row_header {
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  height: auto;
  float: left;
  background-color: #fff;
}

.directive_row {
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  height: auto;
  float: left;
  cursor: pointer;
  background-color: #fff;
}

.directive_row:hover {
  background-color: #eeeeee;
}

.capa_row_header {
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  height: auto;
  float: left;
  background-color: #fff;
}

.capa_row {
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  height: auto;
  float: left;
  cursor: pointer;
  background-color: #fff;
}

.capa_row:hover {
  background-color: #eeeeee;
}

.listing_directive {
  width: 227%;
}

.main_container .dev_item {
  width: 14%;
}

.main_container .dev_table {
  width: 1460px;
  height: auto;
  overflow: hidden;
}

.dev_row_header {
  border-bottom: 1px solid #e3e3e3;
  width: 110%;
  height: auto;
  float: left;
  background-color: #fff;
}

.dev_row {
  border-bottom: 1px solid #e3e3e3;
  width: 110%;
  height: auto;
  float: left;
  cursor: pointer;
  background-color: #fff;
}

.dev_row:hover {
  background-color: #eeeeee;
}

.main_container .inventory_list_table {
  width: 6000px;
}

.main_container .my_projects {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.main_container .list_row_header {
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  height: auto;
  float: left;
  background-color: #fff;
}

.main_container .list_row {
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
  height: auto;
  float: left;
  display: flex;
  cursor: pointer;
  background-color: #fff;
  white-space: initial !important;
  outline: none;
}

.main_container .list_row:hover {
  background-color: #eeeeee;
}

.main_container td,
.main_container th {
  float: left;
  line-height: 35px !important;
  min-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 45px;
  overflow: hidden;
  position: relative;
  padding-left: 5px;
}

.main_container th:active,
.main_container th:focus {
  outline: none;
  border: none;
}

.main_container th {
  cursor: pointer;
  border-bottom: 0 !important;
}

/*.main_container th span {
        background-image: url(/compliance-qm-systems-js-core/css/images/sort_icon.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0;
        width: 15px;
        height: 15px;
        display: inline-block;
        position: absolute;
        bottom: 0;
        right: 0;}
*/

.main_container th:hover span,
.main_container th:active span,
.main_container th:focus span {
  background-position: 0 -14px;
}

/* my activity */
.main_container .activity_id {
  width: 10%;
}

.main_container .activity_name {
  width: 23%;
}

.main_container .activity_project {
  width: 22%;
}

.main_container .activity_responsibility {
  width: 10%;
}

.main_container .activity_start_date {
  width: 12.5%;
  /*padding:0 2%;*/
}

.main_container .activity_due_date {
  width: 12.5%;
  /*padding:0 2%;*/
}

.main_container .activity_status {
  width: 5%;
  padding-top: 0;
}

.main_container .activity_details {
  width: 5%;
  padding-top: 0;
}

/* my team */
.main_container .team_id {
  width: 10%;
}

.main_container .team_first_name {
  width: 20%;
}

.main_container .team_last_name {
  width: 20%;
}

.main_container .team_email {
  width: 20%;
}

.main_container .team_role {
  width: 10%;
}

.main_container .team_organization {
  width: 15%;
}

.main_container .team_details {
  width: 5%;
}

/* my base entries */
.main_container .base_entry_id {
  width: 10%;
}

.main_container .base_entry_title {
  width: 20%;
}

.main_container .base_entry_keyword {
  width: 20%;
}

.main_container .base_entry_date {
  width: 15%;
}

.main_container .base_entry_created_by {
  width: 30%;
}

.main_container .base_entry_details {
  width: 5%;
}

/* organizations */
.main_container .organization_id {
  width: 10%;
}

.main_container .organization_name {
  width: 85%;
}

.main_container .organization_details {
  width: 5%;
}

/* projects list */
.main_container .project_id {
  width: 10%;
}

.main_container .project_name {
  width: 15%;
}

.main_container .project_type {
  width: 10%;
}

.main_container .project_department {
  width: 11%;
}

.main_container .project_start_date {
  width: 20%;
  padding: 0 2%;
}

.main_container .project_end_date {
  width: 20%;
  padding: 0 2%;
}

.main_container .list_row_header .project_status {
  padding-top: 0;
}

.main_container .project_status {
  width: 5%;
  padding-top: 15px;
}

.main_container .project_details {
  width: 5%;
  text-align: right;
}

.main_container .cfiles {
  width: 2700px;
}

/* files */
.main_container .cfiles_id {
  width: 110px;
  /*padding-left: 10px;*/
}

.cfiles tr td,
.cfiles tr th {
  padding-left: 10px;
}

.main_container .cfiles_version_releatesed_doc {
  width: 150px;
}

.main_container .cfiles_parent_folder {
  width: 120px;
}

.main_container .cfiles_name {
  width: 300px;
}

.main_container .cfiles_type {
  width: 120px;
}

.main_container .cfiles_name {
  width: 400px;
}

.main_container .cfiles_document_id {
  width: 350px;
}

.main_container .cfiles_version {
  width: 120px;
}

.main_container .cfiles_inventory_list {
  width: 120px;
}

.main_container .cfiles_project {
  width: 120px;
}

.main_container .cfiles_modified {
  width: 120px;
}

.main_container .cfiles_modified_by {
  width: 120px;
}

.main_container .cfiles_checked_out {
  width: 120px;
}

.main_container .cfiles_checked_out_by {
  width: 120px;
}

.main_container .cfiles_details {
  width: 120px;
}

/* inventory list */
.main_container .inventory_list_usage {
  width: 2.2%;
}

.main_container .inventory_list_details {
  width: 2.2%;
}

.main_container .inventory_list_id {
  width: 2.2%;
}

.main_container .inventory_list_name {
  width: 2.2%;
}

.main_container .inventory_list_description {
  width: 2.2%;
}

.main_container .inventory_list_type {
  width: 2.2%;
}

.main_container .inventory_list_organization {
  width: 2.2%;
}

.main_container .inventory_list_business_system_owner {
  width: 2.2%;
}

.main_container .inventory_list_it_responsible_person {
  width: 2.2%;
}

.main_container .inventory_list_business_critical {
  width: 2.2%;
}

.main_container .inventory_list_gxp {
  width: 2.2%;
}

.main_container .inventory_list_eres {
  width: 2.2%;
}

.main_container .inventory_list_sox {
  width: 2.2%;
}

.main_container .inventory_list_legal {
  width: 2.2%;
}

.main_container .inventory_list_data_privacy {
  width: 2.2%;
}

.main_container .inventory_list_information_security {
  width: 2.2%;
}

.main_container .inventory_list_patient_safety {
  width: 2.2%;
}

.main_container .inventory_list_product_quality {
  width: 2.2%;
}

.main_container .inventory_list_data_integrity {
  width: 2.2%;
}

.main_container .inventory_list_overall_risk_priority {
  width: 2.2%;
}

.main_container .inventory_list_gamp_5_category {
  width: 2.2%;
}

.main_container .inventory_list_availability {
  width: 2.2%;
}

.main_container .inventory_list_confidentiality {
  width: 2.2%;
}

.main_container .inventory_list_compliance_status {
  width: 2.2%;
}

.main_container .inventory_list_system_initial_validation_date {
  width: 2.2%;
}

.main_container .inventory_list_compliance_report {
  width: 2.2%;
}

.main_container .inventory_list_last_period_review {
  width: 2.2%;
}

.main_container .inventory_list_frequency_periodic_review {
  width: 2.2%;
}

.main_container .inventory_list_period_review_report {
  width: 2.2%;
}

.main_container .inventory_list_system_formal_extension {
  width: 2.2%;
}

.main_container .inventory_list_comments {
  width: 2.2%;
}

.main_container .inventory_list_supplier {
  width: 2.2%;
}

.main_container .inventory_list_system_version {
  width: 2.2%;
}

.main_container .inventory_list_technology {
  width: 2.2%;
}

.main_container .inventory_list_language {
  width: 2.2%;
}

.main_container .inventory_list_business_processes {
  width: 2.2%;
}

.main_container .inventory_list_data_type {
  width: 2.2%;
}

.main_container .inventory_list_business_unit_usage {
  width: 2.2%;
}

.main_container .inventory_list_users {
  width: 2.2%;
}

.main_container .inventory_list_users_geography {
  width: 2.2%;
}

.main_container .inventory_list_number_of_users {
  width: 2.2%;
}

.main_container .inventory_list_licensed_users {
  width: 2.2%;
}

.main_container .inventory_list_frequency_used {
  width: 2.2%;
}

.main_container .inventory_list_location {
  width: 2.2%;
}

.main_container .inventory_list_expected_life_time {
  width: 2.2%;
}

/* incident management */
.main_container .incident_management_item {
  width: 2.15%;
}

/* change request */
.main_container .change_request_item {
  width: 7.59%;
}

.main_container .change_request_table {
  width: 1460px;
  height: auto;
  overflow: hidden;
}

.change_request_row_header {
  border-bottom: 1px solid #e3e3e3;
  width: 203%;
  height: auto;
  float: left;
  background-color: #fff;
}

.change_request_row {
  border-bottom: 1px solid #e3e3e3;
  width: 203%;
  height: auto;
  float: left;
  cursor: pointer;
  background-color: #fff;
}

.change_request_row:hover {
  background-color: #eeeeee;
}

/* test management */
.main_container .test_management_item {
  width: 4.5%;
}

.test_management_item.width_25 {
  width: 25% !important;
}

.main_menu_container > div .menu_border_top {
  border-top: 1px solid #eee;
}

.main_menu_container > div:first-child .menu_border_top {
  border-top: none !important;
}

.main_menu_container > div:last-child {
  padding-bottom: 50px;
}

/*.menu_item_wrapper > div:last-child {
    padding-bottom: 50px;}
*/

.test_management_item input[type="checkbox"] {
  position: initial;
  height: 25px;
  width: 25px;
  margin-left: 50%;
  margin-top: 15%;
}

.test_prerequisite_table td.test_management_item.width_25,
.test_prerequisite_table td.test_management_item.width_12_5 {
  height: 80px;
}

.test_management_item input,
.test_management_item label,
.test_management_item textarea {
  width: 100%;
}

.test_management_item.width_25.center_align {
  text-align: center;
}

.test_management_item.width_12_5.center_align {
  text-align: center;
}

.test_management_item > span {
  line-height: 34px !important;
  width: 95%;
}

.full_mode_button {
  width: 100%;
  background: #007f93;
  border: none;
  padding: 0 10px;
  border-top: 1px solid #bcbcbc;
  top: 10px;
  position: relative;
  line-height: 42px;
  color: #efefef;
  font-size: 16px;
}

.full_mode_button span.glyphicon {
  padding-left: 10px;
}

.test_management_item select {
  width: 100%;
  height: 36px;
  border: 1px solid #ccc;
}

.test_man_buttons button {
  width: 100px;
}

.test_man_buttons button .glyphicon {
  margin-left: 10px;
}

.main_container .test_management_table {
  width: 5000px;
  height: auto;
  overflow: hidden;
}

#test_prerequisite_thead.fixed-header tr,
#test_execution_thead.fixed-header {
  width: 1800px;
  position: fixed;
  top: 5px;
  z-index: 10;
  background: transparent;
}

.test_management_row_header {
  border-bottom: 1px solid #e3e3e3;
  width: 246%;
  height: auto;
  float: left;
  background-color: #fff;
}

.test_prerequisite_table th,
.test_management_row_header th {
  cursor: default;
}

.test_management_row {
  border-top: 1px solid #e3e3e3;
  width: 246%;
  height: auto;
  float: left;
  /*cursor: pointer;*/
  background-color: #fff;
}

.test_management_row.annotated {
  border-top: none;
}

.test_management_row.strikethrough td {
  text-decoration: line-through;
}

.test_management_row td.strikethrough input,
.test_management_row td.strikethrough textarea,
.test_management_row td.strikethrough select,
.test_management_row td.strikethrough span {
  text-decoration: line-through;
}

.test_management_row:hover {
  background-color: #eeeeee;
}

.test_prerequisite_table {
  width: 100% !important;
}

.test_prerequisite_table tr th {
  width: 14% !important;
}

.test_prerequisite_table tr td {
  width: 14% !important;
  border-top: 1px solid #e3e3e3;
}

.test_execution_table {
  width: 1800px !important;
}

.test_execution_table tr th {
  width: 4.1% !important;
}

.test_execution_table tr td {
  width: 4.06% !important;
}

#full_mode_view {
  width: 100% !important;
  top: 158px;
  z-index: 10;
}

#full_mode_view .modal-dialog {
  width: 100%;
  position: absolute;
  bottom: 0;
  margin: 0;
}

.modal-dialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* width: auto; */
}

/*#full_mode_view.fade {
    top: 200%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;}
#full_mode_view.fade.in {
    top: 50%;}
*/
#full_mode_view .test_managament_full_view_content .test_management_row {
  background-color: transparent;
}

#full_mode_view .test_managament_full_view_content {
  height: 820px;
  max-height: 820px !important;
  max-height: 500px;
  overflow-y: scroll;
}

/* change management */
.main_container .change_management_item {
  width: 4.24%;
}

.main_container .change_management_table {
  width: 1460px;
  height: auto;
  overflow: hidden;
}

.change_management_row_header {
  border-bottom: 1px solid #e3e3e3;
  width: 203%;
  height: auto;
  float: left;
  background-color: #fff;
}

.change_management_row {
  border-bottom: 1px solid #e3e3e3;
  width: 203%;
  height: auto;
  float: left;
  cursor: pointer;
  background-color: #fff;
}

.change_management_row:hover {
  background-color: #eeeeee;
}

/* added */

.projects_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .status_3_boxes.small_boxes {
  /*right:-46px;*/
}

.projects_tab > .ul_wrapper > .li_item > .ul_item > .li_item > .ul_item > .li_item > .ul_item > .li_item > .status_6_boxes.small_boxes {
  /*right:-93px;*/
}

.pagination_wrapper {
  float: left;
  width: 170px;
  height: 24px;
  overflow: hidden;
}

.arrow_left,
.arrow_right {
  width: 21px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
  border: 1px solid #e3e3e3;
}

.arrow_left {
  background-image: url(/compliance-qm-systems-js-core/css/images/nav_arrow_left.jpg);
  background-position: 0 -1px;
  margin-right: 25px;
}

.arrow_right {
  background-image: url(/compliance-qm-systems-js-core/css/images/nav_arrow_right.jpg);
}

.pagination_wrapper p {
  float: left;
  margin-right: 25px;
  line-height: 24px;
}

.fixed_width .chart_container {
  float: left;
  height: 500px;
}

.fixed_width_right .chart_container {
  float: left;
  width: 100%;
  height: 275px;
  padding: 0px;
}

.heading_wrapper.dashboard.border_bottom {
  border: none;
}

.heading_wrapper.dashboard.border_bottom h1,
.heading_wrapper.dashboard.border_bottom h2 {
  border-bottom: 1px solid #e3e3e3;
  width: 100%;
}

.margin_top {
  margin-top: 60px;
  margin-bottom: 60px;
}

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

.float_right {
  display: inline-block;
  float: right;
}

.sidebar .act {
  font-weight: bold;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
}

.custom_btn {
  width: auto;
  height: 50px;
  background-color: #337ab7;
  display: block;
  line-height: 50px;
  color: #fff;
  text-align: center;
}

.opacity_08 {
  opacity: 0.8;
  cursor: default !important;
}

.opacity_1 {
  opacity: 1 !important;
  cursor: default !important;
}

.display_inline {
  display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
  display: none;
}

.custom_checkbox_margin {
  margin-top: 20px;
}

.checkbox_custom {
  margin-left: 5%;
}

.checkbox_custom > .checkbox {
  width: 49%;
  display: inline-block;
}

.main_menu .hide {
  display: none;
}

.main_menu .a_item.double_click {
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}

.a_item {
  font-weight: normal;
}

.li_item {
  list-style-type: none;
  position: relative;
  width: 100%;
}

.li_item span {
  cursor: pointer;
  margin-right: 5px;
}

.a_item.striked {
  text-decoration: line-through;
}

.li_item.phase {
  margin-left: 20px;
}

.li_item.task {
  margin-left: 26px;
}

.li_item.task.strikeout a {
  text-decoration: line-through !important;
}

.li_item .act {
  font-weight: bold;
  font-family: "Roboto", sans-serif;
}

.gantt_button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-decoration: none;
}

#company_chart,
#department_chart,
#company_chart1,
#department_chart1 {
  position: relative;
  display: inline-block;
}

.popup_chart {
  position: absolute;
  right: 0;
  top: 70px;
  width: 100px;
  text-align: left;
  height: auto;
}

.popup_chart a {
  display: block;
}

.popup_chart.red a {
  color: #f7464a;
}

.popup_chart.green a {
  color: #46bfbd;
}

.hackyhack {
  position: relative !important;
}

.hackyhack .dropdown-menu {
  left: auto !important;
  right: 0px !important;
}

.error_message {
  font-weight: bold;
  color: #e74c3c;
  font-size: 13px;
}

#gantt_here {
  width: 100%;
  height: 500px;
}

.new_version {
  color: #e74c3c;
}

#modalBody .tabs,
#modalBody1 .tabs {
  width: 100%;
  height: auto;
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #e3e3e3;
}

#modalBody .tabs a,
#modalBody1 .tabs a {
  padding: 0 10px;
  line-height: 36px;
  color: #000;
  cursor: pointer;
}

#modalBody .tabs a span,
#modalBody1 .tabs a span {
  margin-left: 10px;
  color: #707070;
}

#modalBody .tabs a:hover,
#modalBody .tabs a.active,
#modalBody1 .tabs a:hover,
#modalBody1 .tabs a.active {
  text-decoration: underline;
}

.caniTreeView {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#uploadNewFile {
  width: 90%;
  margin-left: 5%;
}

#modalBody .custom_label,
#modalBody1 .custom_label {
  width: 30%;
}

.kv-fileinput-caption {
  height: 33px !important;
}

.fileinput-remove.fileinput-remove-button {
  display: none;
}

.caniTreeView .list-group-item .checkbox_icon {
  background-image: url(/compliance-qm-systems-js-core/css/images/login_checkbox_sprite.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 29px;
  height: 24px;
  display: inline-block;
  margin: 0;
  margin-top: 5px;
  margin-right: 10px;
}

.caniTreeView .list-group-item.node-selected .checkbox_icon {
  background-position: 0 -24px;
}

.caniTreeView .list-group-item {
  vertical-align: top;
  line-height: 35px;
  margin: 0;
  padding: 5px 15px 0 15px;
}

.caniTreeView .list-group-item.node-selected {
  background-color: #fff !important;
  color: #000 !important;
}

.caniTreeView .expand-collapse.glyphicon {
  display: none;
}

.caniTreeView .expand-collapse.click-expand.glyphicon,
.caniTreeView .expand-collapse.click-collapse.glyphicon {
  display: inline-block;
}

.caniTreeView .glyphicon-minus:before {
  content: none !important;
}

.caniTreeView .glyphicon-plus:before {
  content: none !important;
}

.caniTreeView .click-expand {
  background-image: url(/compliance-qm-systems-js-core/css/images/plus_minus_icon.png);
  background-position: 0 -18px;
  background-repeat: no-repeat;
  background-size: cover;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin: 0;
  margin-top: 5px;
  margin-right: 10px;
}

.caniTreeView .click-collapse {
  background-image: url(/compliance-qm-systems-js-core/css/images/plus_minus_icon.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin: 0;
  margin-top: 5px;
  margin-right: 10px;
}

.caniTreeView span.indent {
  margin-right: 17px;
}

.doc_filename {
  width: 50% !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 30px;
  float: left;
}

/*.field_wrapper a.select_file {
    width:5%;
    float:right;
    line-height:32px;}
*/
.details_icon {
  background-image: url(/compliance-qm-systems-js-core/css/images/details_img.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  float: left;
  display: inline-block;
  margin-top: 10px;
  margin-left: 35%;
  cursor: pointer;
}

.modal-header {
  border-bottom: none;
}

.modal-footer {
  border-top: none;
}

.modal-content {
  background-color: #fafafa;
  min-width: 600px;
}

.modal-title {
  text-transform: uppercase;
  font-size: 14px;
}

.modal .btn-default {
  border-radius: initial;
}

.modal .treeview {
  border: 2px solid #cfcfcf;
}

.btn-default .save_icon {
  background-image: url(/compliance-qm-systems-js-core/css/images/save_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.btn-default .cancel_icon {
  background-image: url(/compliance-qm-systems-js-core/css/images/close_icon.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.btn-default .save_icon_white {
  background-image: url(/compliance-qm-systems-js-core/css/images/save_icon_white.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.btn-default .cancel_icon_white {
  background-image: url(/compliance-qm-systems-js-core/css/images/close_icon_white.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.status_container {
  width: 100%;
  float: left;
  height: auto;
  border-top: 1px solid #e3e3e3;
}

.status_container h3 {
  font-size: 15px;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  height: 38px;
  line-height: 20px;
  padding-top: 10px;
  font-weight: bold;
}

.status_container .status_box {
  height: 20px;
  width: 20%;
  float: left;
  border: 1px solid #e3e3e3;
  border-bottom: none;
  position: relative;
}

.status_container .status_box_first {
  height: 20px;
  width: 18%;
  float: left;
  border: 1px solid #e3e3e3;
  border-bottom: none;
  position: relative;
}

.status_container .status_box_small {
  height: 20px;
  width: 2%;
  float: left;
  border: 1px solid #e3e3e3;
  border-bottom: none;
}

.status_container.three_boxes .status_box {
  width: 50%;
}

.status_container.three_boxes .status_box_first {
  width: 48%;
}

.status_box_small.red1 {
  background-color: #ff0000;
}

.status_box_first.red1 {
  background-color: #ff0000;
}

.status_box.red2 {
  background-color: #ff2626;
}

.status_box.red3 {
  background-color: #ff4d4d;
}

.status_box.red4 {
  background-color: #ff7373;
}

.status_box.red5 {
  background-color: #ff9999;
}

.status_box_small.blue1 {
  background-color: #00a0d2;
}

.status_box_first.blue1 {
  background-color: #00a0d2;
}

.status_box.blue2 {
  background-color: #2ec6ed;
}

.status_box.blue3 {
  background-color: #31d0f1;
}

.status_box.blue4 {
  background-color: #49d6f2;
}

.status_box.blue5 {
  background-color: #61dbf4;
}

/* li a .dashboard_icon {
    background-image: url(images/dashboard_icon.jpg);
    background-position: 0 0px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 3px;}
.act a .dashboard_icon,
li:hover a .dashboard_icon{
    background-position: 0 -20px;}
li a .projects_icon {
    background-image: url(images/projects_icon.jpg);
    background-position: 0 -2px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 0px;}
.act a .projects_icon,
li:hover a .projects_icon{
    background-position: 0 -24px;}
li a .activities_icon {
    background-image: url(images/activities_icon.jpg);
    background-position: 0 -2px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 3px;}
.act a .activities_icon,
li:hover a .activities_icon{
    background-position: 0 -23px;}
li a .team_icon {
    background-image: url(images/team_icon.jpg);
    background-position: 0 1px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 3px;}
.act a .team_icon,
li:hover a .team_icon{
    background-position: 0 -18px;}
li a .entries_icon {
    background-image: url(images/entries_icon.jpg);
    background-position: 0 2px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 3px;}
.act a .entries_icon,
li:hover a .entries_icon{
    background-position: 0 -15px;}
*/
.act_div {
  position: fixed;
  background-color: #eeeeee;
  width: 21%;
  height: 26px;
  display: none;
  z-index: 1;
}

.nicescroll-rails {
  z-index: 100;
}

.form-control {
  padding: 8px 12px;
}

.custom_dropdown {
  width: 60%;
  height: 36px;
  border: 1px solid #ccc;
  padding: 5px;
}

.custom_dropdown_score {
  height: 36px;
  border: 1px solid #ccc;
  padding: 3px 6px;
}

.custom_dropdown.small {
  width: 48%;
  font-size: 100%;
}

.menu_item_container .toggle_li_item {
  width: 30px;
  height: 30px;
  float: right;
  background-repeat: no-repeat;
  z-index: 10;
  position: relative;
  /*margin-right: 10px;*/
}

.toggle_li_item.up {
  background-image: url(/compliance-qm-systems-js-core/css/images/up_down_arrow.png);
  background-position: -29px 7px;
}

.toggle_li_item.up:hover {
  background-image: url(/compliance-qm-systems-js-core/css/images/up_down_arrow.png);
  background-position: 4px 7px;
}

.toggle_li_item.down {
  background-image: url(/compliance-qm-systems-js-core/css/images/up_down_arrow.png);
  background-position: -31px -31px;
}

.toggle_li_item.down:hover {
  background-image: url(/compliance-qm-systems-js-core/css/images/up_down_arrow.png);
  background-position: 2px -31px;
}

.dropdown.li_with_icon ul {
  margin: 0;
  padding: 0;
}

/*dropdown active when popup is open */
.pageContent.active #fixed_main_nav > ul.nav.navbar-nav.navbar-right li.dropdown.li_with_icon.help_dropdown .dropdown-menu {
  display: block !important;
}

.pageContent.active .navbar.navbar-default {
  z-index: 16 !important;
}

/*end*/

.dropdown.li_with_icon ul li a,
.li_with_icon export a {
  padding: 7px 20px;
}

.dropdown.li_with_icon ul li a .glyphicon {
  float: right;
}

.a_link_style {
  cursor: pointer;
  width: 60% !important;
  color: #337ab7;
  font-size: 13px;
  float: right;
  height: auto;
  padding: 8px 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.a_link_style:hover {
  text-decoration: underline;
}

.gantt_side_content.gantt_right b {
  display: none;
}

.ref_tree .indent1 {
  text-indent: 10px;
}

.ref_tree .indent2 {
  text-indent: 20px;
}

.ref_tree .indent3 {
  text-indent: 30px;
}

#select_referencies .project_list {
  width: 100%;
  height: auto;
  max-height: 390px;
  overflow: hidden;
  overflow-y: scroll;
}

#select_referencies .project_list .item {
  vertical-align: top;
  line-height: 35px;
  margin: 0;
  padding: 5px 15px 0 15px;
  background-color: #fff;
  border: 1px solid #ddd;
}

label.checkbox_label {
  background-repeat: no-repeat;
  background-position: 0 -25px;
  height: 24px;
}

.cst_checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.project_list .item.level-2 label {
  padding-left: 80px !important;
}

.project_list .item.level-3 label {
  padding-left: 120px !important;
}

.project_list .item.level-4 label {
  padding-left: 140px !important;
}

.cst_checkbox + label.checkbox_label {
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left -24px;
  vertical-align: middle;
  cursor: pointer;
  width: 95%;
  margin-top: 6px;
  padding-left: 40px;
  line-height: 24px;
}

.cst_checkbox:checked + label.checkbox_label {
  background-position: 0 0;
}

label.checkbox_label {
  background-image: url(/compliance-qm-systems-js-core/css/images/login_checkbox_sprite.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*.caniTreeView .click-expand {
    background-image:url(images/plus_minus_icon.png);
    background-position:0 -18px;
    background-repeat:no-repeat;
    background-size:cover;
    width:17px;
    height:17px;
    display:inline-block;
    margin:0;
    margin-top: 5px;
    margin-right: 10px;}
.caniTreeView .click-collapse {
    background-image:url(images/plus_minus_icon.png);
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:cover;
    width:17px;
    height:17px;
    display:inline-block;
    margin:0;
    margin-top: 5px;
    margin-right: 10px;}
*/

#contextmenu-node,
#actionsmenu-node,
#headersmenu-node {
  position: fixed;
  background-color: white;
  border: solid #cccccc 1px;
  z-index: 1000;
  right: initial;
  display: block;
  padding: 0px;
}

.contextmenu-node,
#actionsmenu-node,
#headersmenu-node {
  position: fixed;
  background-color: white;
  border: solid #cccccc 1px;
  z-index: 1000;
  right: initial;
  display: block;
  padding: 0px;
}

.contextmenu-item.disabled,
.contextmenu-item.disabled:hover {
  color: darkgray;
  background: white;
  cursor: default;
}

.contextmenu-item,
.headersmenu-item {
  padding: 5px 5px 0px 10px;
  height: 35px;
  vertical-align: middle;
  display: block;
  margin: auto;
  line-height: 25px;
}

.contextmenu-item:hover,
.headersmenu-item:hover {
  background-color: #098194;
  cursor: default;
  color: white;
}

.contextmenu-item:active,
.contextmenu-item:focus,
.headersmenu-item:active,
.headersmenu-item:focus {
  border: none;
  outline: none;
}

.modal #move_modalBody {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.custom_tree_view ul {
  display: none;
}

.custom_tree_view ul.opened {
  display: initial;
  margin-left: 10px;
}

.custom_tree_view li {
  cursor: pointer;
}

.custom_tree_view li span {
  margin-right: 10px;
}

.custom_tree_view > li > span:hover {
  text-decoration: underline;
}

.custom_tree_view .folder_name.selected {
  color: red;
  font-weight: bold;
}

.custom_tree_view > li > ul li {
  border: none;
}

.dropdown_wrapper {
  position: relative;
}

.dropdown_wrapper > div {
  position: absolute;
  height: 200px;
  width: 60%;
  left: 40%;
  z-index: 100;
}

#segment_dropdown_wrapper.dropdown_wrapper > div {
  position: absolute;
  height: 200px;
  width: 51%;
  left: 40%;
  z-index: 100;
}

#tech_dropdown_wrapper.dropdown_wrapper > div {
  position: absolute;
  height: 200px;
  width: 51%;
  left: 40%;
  z-index: 100;
}

/*.dropdown_wrapper > .reposition_dropdown {
    position: absolute;
    margin-top: 1px;
    bottom: 100%;
    margin-bottom: 55px;}
*/

.dropdown_wrapper > .custom_input_dropdown {
  border: 1px solid #ccc !important;
  -webkit-box-shadow: 1px 0px 3px 3px rgba(221, 221, 221, 1);
  -moz-box-shadow: 1px 0px 3px 3px rgba(221, 221, 221, 1);
  box-shadow: 1px 0px 3px 3px rgba(221, 221, 221, 1);
  background-color: #fff;
}

.dropdown_wrapper > .custom_input_dropdown > p:hover,
.dropdown_wrapper > .custom_input_dropdown > p:active,
.dropdown_wrapper > .custom_input_dropdown > p:focus {
  background-color: #31c6f0;
  color: #fff;
}

.scrollable {
  height: 330px;
  width: 100%;
  overflow-y: scroll;
  float: left;
}

.kb_incident_managements_wrapper {
  width: 60% !important;
  float: left;
}

.kb_incident_managements_wrapper.left {
  position: relative;
  left: 40%;
}

.kb_incident_managements_wrapper > input {
  float: left !important;
  width: 90% !important;
}

.kb_incident_managements_wrapper > span {
  float: right;
  width: 10% !important;
  line-height: 34px;
}

export {
  float: left;
  position: relative;
  display: block;
  height: 43px;
  vertical-align: bottom;
  padding-top: 20px;
  width: 95px;
}

.inventoryModal {
  z-index: 1050;
}

.inventoryModal .exportModalBg {
  background-color: black !important;
  opacity: 0.1 !important;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #000;
  z-index: -1;
}

.exportmodal {
  text-align: center;
  z-index: 1050;
  top: 150px;
}

.exportmodal .exportModalBg {
  text-align: center;
  background-color: black !important;
  opacity: 0.1 !important;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #000;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .exportmodal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

@media only screen and (max-width: 1340px) {
  .exportmodal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal_dialog_delete {
  position: absolute;
  z-index: 50;
  vertical-align: middle;
  margin: 10% 15%;
}

.exportmodal-dialog {
  z-index: 50 !important;
  color: black;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

[ng-drag] {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[ng-drag] {
  width: 0px;
  color: white;
  text-align: center;
  display: inline-block;
  margin: 0 10px;
  cursor: move;
}

ul.draggable-objects:after {
  display: block;
  content: "";
  clear: both;
}

.draggable-objects li {
  float: left;
  display: block;
  width: 120px;
  height: 100px;
}

[ng-drag].drag-over {
  border: solid 1px grey;
}

[ng-drag].dragging {
  opacity: 0.5;
}

[ng-drop] {
}

[ng-drop].drag-enter {
  border: solid 1px grey;
}

[ng-drop] span.title {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 20px;
  margin-left: -100px;
  margin-top: -10px;
}

[ng-drop] div {
  position: relative;
  z-index: 2;
}

.fade {
  opacity: 0.5;
}

.ui-resizable {
  position: relative;
}

.box {
  width: 200px;
  height: 200px;
  line-height: 200px;
  color: white;
  text-align: center;
  vertical-align: middle;
  background: -webkit-linear-gradient(red, #ccc);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, #ccc);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, #ccc);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, #ccc);
  /* Standard syntax */
}

.cani-preview {
  display: block;
  width: auto;
  max-height: 100%;
}

.tm-screenshot {
  position: absolute;
  left: 91%;
}

.tm-screenshot:hover {
  color: #fff !important;
  opacity: 1 !important;
}

.test_management_item > span.tm-screenshot_preview,
.test_management_item > div > span.tm-screenshot_preview {
  width: 100% !important;
  line-height: initial !important;
  height: 1px;
  position: absolute;
  top: 0;
  color: black;
  font-size: 70px;
  text-align: center;
  vertical-align: middle;
  opacity: 0.6;
}

.reports_table th,
td {
  width: 140px;
}

.reports_table_custom {
  margin-top: 100px;
  /*height: 500px !important;*/
}

.user_training_table > thead > tr > th,
.user_training_table > tbody > tr > td {
  width: 125px;
  text-align: center;
  background-color: #fafafa;
}

.user_training_table > thead > tr,
.user_training_table > tbody > tr {
  background-color: #fafafa !important;
}

.test_execution_table textarea {
  line-height: 15px;
  /*max-height: 150px;*/
}

.test_prerequisite_table textarea {
  line-height: 15px;
  max-height: 150px;
}

.test_prerequisite_table td {
  height: auto !important;
}

.test_execution_table td,
td.test_management_item.width_12_5 {
  height: auto !important;
  overflow: visible;
}

.test_execution_table .test_management_row_header {
  background-color: transparent;
}

.cr_file {
  height: 57px !important;
}

.cr_file .init_hidden {
  display: none;
}

.no_scroll_y {
  overflow-y: hidden !important;
}

.deal_dashboard_adjustments.main_container_wrapper .main_container .fixed_width.customer_chart.no_scroll_x {
  overflow-x: hidden !important;
}

.fixed_width.customer_chart.no_scroll_x.ng-scope {
  width: 100%;
}

.training_modal {
  width: 1400px;
  position: absolute;
  z-index: 20;
  max-width: 90%;
}

#inventory_status_validation {
  opacity: 1;
}

.form-control.file-caption.kv-fileinput-caption {
  width: 457px;
}

.input-group-btn > .btn-file {
  left: 458px;
}

.kv-fileinput-upload {
  display: none !important;
}

.fileinput-upload-button {
  display: none !important;
}

.input-group .input-group-btn {
  position: absolute !important;
}

.fullViewMode {
  z-index: 10000 !important;
}

.modal_scroll_y {
  max-height: 700px !important;
  overflow-y: scroll;
}

/*.ng-enter {
    -webkit-transform: scale(0);
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 400ms;}
.ng-enter.ng-enter.active {
        -webkit-transform: scale(1);}
*/

md-content {
  height: 100%;
}

md-progress-linear.md-default-theme.md-accent .md-container {
  background-color: #31c6f0 !important;
}

md-progress-linear.md-default-theme.md-accent .md-bar {
  background-color: rgb(63, 81, 181) !important;
}

div[data-angular-treeview] {
  height: 500px;
  overflow-y: scroll !important;
}

div[data-tree-model] ul {
  margin-bottom: 20px;
  padding-left: 0;
}

div[data-tree-model] .selected {
  color: #ffffff !important;
  background-color: #428bca !important;
}

div[data-tree-model] li {
  line-height: 20px;
  display: block;
  padding: 0 !important;
  margin-bottom: -1px;
  background-color: #fff !important;
  border: 1px solid #ddd;
}

div[data-tree-model] li > div {
  height: 42px;
  width: 100%;
  display: block;
  line-height: 42px;
  padding-left: 15px !important;
}

div[data-tree-model] li div > ul > li > div {
  height: 42px;
  width: 100%;
  display: block;
  line-height: 42px;
  padding-left: 30px !important;
}

.first_box_status {
  margin-top: 10px !important;
}

.second_box_status {
  margin-top: 15px !important;
}

.input_text.doc_filename.attachment-text {
  width: 155px !important;
  margin-top: 2%;
  float: left !important;
}

.custom-label {
  margin-left: 10px;
}

.approval_grayed_out {
  opacity: 0.7;
}

.date-input {
  width: 55% !important;
}

.dynamic-dd {
  cursor: pointer;
}

.input-addon-btn {
  font-size: 14px;
  padding: 0 !important;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 10% !important;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  display: table-cell;
}

.calendar-btn {
  background-color: white !important;
}

.disabled-calendar {
  background-color: #eee !important;
}

.base-button {
  background-color: #138598;
  color: white;
  padding: 5px;
  outline: none;
  border: none;
  border-radius: 5px;
}

.base-button:hover {
  color: white;
  background-color: #0c6d77;
}

.base-button:disabled {
  color: #3a3a3a;
  background-color: #d3d3d3;
}

.full-width-button {
  width: 100%;
}

md-checkbox .md-label {
  margin: 0;
}

.selectdemoSelectHeader md-input-container {
  margin: 0;
}

.md-checkbox-aligned {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
}

md-checkbox .md-container {
  margin: 0;
  top: 50%;
  transform: none;
  position: relative;
}

.add-user-btn,
.add-founder-btn {
  width: 100%;
  background-color: #138598;
  color: white;
  margin-top: 5%;
  padding: 5px;
  outline: none;
  border: none;
}

.add-user-btn:hover,
.add-founder-btn:hover {
  color: white;
  background-color: #0c6d77;
}

.add-user-btn:active,
.add-user-btn:focus,
.add-founder-btn:focus,
.add-founder-btn:active {
  color: white;
  border: none;
  outline: none;
}

.add-founder-btn {
  width: 60%;
  float: right;
}

.btn-no-round {
  border-radius: 0;
}

.user-panel-select {
  width: 60%;
  display: flex;
  align-items: center;
}

.user-panel-select select {
  width: 100%;
}

.user-panel-select a {
  float: left !important;
  padding: 0px;
}

.user-panel-score {
  width: 20%;
}

.user-panel-score-points {
  width: fit-content;
}

.user-panel-score-delete {
  width: fit-content;
}

.user-panel-score-save {
  width: fit-content;
}

.result_card[readonly="readonly"] {
  width: 42% !important;
}

.customer_chart {
  overflow-y: hidden !important;
  height: 520px !important;
}

.customer_table {
  width: 5720px !important;
}

.users_table > thead > tr > th,
.customer_table > thead > tr > th {
  width: 140px;
}

.customer_name {
  width: 400px !important;
}

.customer_listing {
  margin-top: 70px;
}

.module-sections {
  transition: left 0.3s linear;
  -ms-transition: left 0.3s linear;
  -moz-transition: left 0.3s linear;
  -webkit-transition: left 0.3s linear;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  position: sticky;
  top: 0;
  background-color: white;
  padding: 20px 15px;
  z-index: 2;
}

.module-sections.closed {
  transition: right 0.3s linear;
  -ms-transition: right 0.3s linear;
  -moz-transition: right 0.3s linear;
  -webkit-transition: right 0.3s linear;
  display: flex;
  width: 70%;
  justify-content: center;
  position: absolute !important;
}

.left_panel.customer_management > div > label {
  width: 35% !important;
}

.left_panel.customer_management > div > input,
.left_panel.customer_management > div > select,
.left_panel.customer_management > div > a,
.left_panel.customer_management > div > textarea {
  width: 65% !important;
}

.right_panel.customer_management > div > label {
  width: 35% !important;
}

.right_panel.customer_management > div > input,
.right_panel.customer_management > div > select,
.right_panel.customer_management > div > a,
.right_panel.customer_management > div > textarea {
  width: 65% !important;
}

.sections_height {
  height: 105px !important;
  margin-bottom: -25px !important;
}

.mail-box aside {
  display: table-cell;
  float: none;
  height: 100%;
  padding: 0;
  vertical-align: top;
}

.mail-box .sm-side {
  background: none repeat scroll 0 0 #e5e8ef;
  border-radius: 4px 0 0 4px;
  width: 25%;
}

.mail-box .lg-side {
  background: none repeat scroll 0 0 #fff;
  border-radius: 0 4px 4px 0;
  width: 75%;
}

.user-head {
  text-align: center;
}

.mail-box .sm-side .user-head {
  background: none repeat scroll 0 0 #00a8b3;
  border-radius: 4px 0 0;
  color: #fff;
  min-height: 80px;
  padding: 10px;
}

.user-head .inbox-avatar {
  float: left;
  width: 65px;
}

.user-head .inbox-avatar img {
  border-radius: 4px;
}

.user-head .user-name {
  display: inline-block;
  margin: 0 0 0 10px;
}

.user-head .user-name h5 {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 15px;
}

.user-head .user-name span a {
  color: #87e2e7;
  font-size: 12px;
}

a.mail-dropdown {
  background: none repeat scroll 0 0 #80d3d9;
  border-radius: 2px;
  color: #01a7b3;
  font-size: 10px;
  margin-top: 20px;
  padding: 3px 5px;
}

.btn-compose {
  background: none repeat scroll 0 0 #31c6f0;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  width: 100%;
}

.btn-compose:hover {
  background: none repeat scroll 0 0 #0d59a7;
  color: #fff;
}

ul.inbox-nav {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.inbox-divider {
  border-bottom: 1px solid #d5d8df;
}

ul.inbox-nav li {
  display: inline-block;
  line-height: 45px;
  width: 100%;
}

ul.inbox-nav li a {
  color: #6a6a6a;
  display: inline-block;
  line-height: 45px;
  padding: 0 20px;
  width: 100%;
}

ul.inbox-nav li a:hover,
ul.inbox-nav li.active a,
ul.inbox-nav li a:focus {
  background: none repeat scroll 0 0 #d5d7de;
  color: #6a6a6a;
}

ul.inbox-nav li a i {
  color: #6a6a6a;
  font-size: 16px;
  padding-right: 10px;
}

ul.inbox-nav li a span.label {
  margin-top: 13px;
}

ul.labels-info li h4 {
  color: #5c5c5e;
  font-size: 13px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  text-transform: uppercase;
}

ul.labels-info li {
  margin: 0;
}

ul.labels-info li a {
  border-radius: 0;
  color: #6a6a6a;
}

ul.labels-info li a:hover,
ul.labels-info li a:focus {
  background: none repeat scroll 0 0 #d5d7de;
  color: #6a6a6a;
}

ul.labels-info li a i {
  padding-right: 10px;
}

.nav.nav-pills.nav-stacked.labels-info p {
  color: #9d9f9e;
  font-size: 11px;
  margin-bottom: 0;
  padding: 0 22px;
}

.inbox-head {
  background: none repeat scroll 0 0 #0a05ff;
  border-radius: 0 4px 0 0;
  color: #fff;
  min-height: 80px;
  padding: 20px;
}

.inbox-head h3 {
  display: inline-block;
  font-weight: 300;
  margin: 0;
  padding-top: 6px;
}

.inbox-head .sr-input {
  border: medium none;
  border-radius: 4px 0 0 4px;
  box-shadow: none;
  color: #8a8a8a;
  float: left;
  height: 40px;
  padding: 0 10px;
}

.inbox-head .sr-btn {
  background: none repeat scroll 0 0 #00a6b2;
  border: medium none;
  border-radius: 0 4px 4px 0;
  color: #fff;
  height: 40px;
  padding: 0 20px;
}

.table-inbox tr td:hover {
  cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started,
.table-inbox tr td .fa-star:hover {
  color: #f78a09;
}

.table-inbox tr td .fa-star {
  color: #d5d5d5;
}

.table-inbox tr.unread td {
  font-weight: 600;
}

ul.inbox-pagination {
  float: right;
}

ul.inbox-pagination li {
  float: left;
}

.mail-option {
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}

.mail-option .chk-all,
.mail-option .btn-group {
  margin-right: 5px;
}

.mail-option .chk-all,
.mail-option .btn-group a.btn {
  background: none repeat scroll 0 0 #fcfcfc;
  border: 1px solid #e7e7e7;
  border-radius: 3px !important;
  color: #afafaf;
  display: inline-block;
  padding: 5px 10px;
}

.inbox-pagination a.np-btn {
  background: none repeat scroll 0 0 #fcfcfc;
  border: 1px solid #e7e7e7;
  border-radius: 3px !important;
  color: #afafaf;
  display: inline-block;
  padding: 5px 15px;
}

.mail-option .chk-all input[type="checkbox"] {
  margin-top: 0;
}

.mail-option .btn-group a.all {
  border: medium none;
  padding: 0;
}

.inbox-pagination a.np-btn {
  margin-left: 5px;
}

.inbox-pagination li span {
  display: inline-block;
  margin-right: 5px;
  margin-top: 7px;
}

.fileinput-button {
  background: none repeat scroll 0 0 #eeeeee;
  border: 1px solid #e6e6e6;
}

.inbox-body .modal .modal-body input,
.inbox-body .modal .modal-body textarea {
  border: 1px solid #e6e6e6;
  box-shadow: none;
}

.btn-cancel,
.btn-cancel:hover {
  width: 25%;
  margin-left: 10%;
}

.btn-send,
.btn-send:hover {
  width: 25%;
  margin-left: 30%;
}

.modal-header h4.modal-title {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 300;
}

.modal-body label {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400;
}

.heading-inbox h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 18px;
  margin-top: 20px;
  padding-bottom: 10px;
}

.sender-info {
  margin-bottom: 20px;
}

.sender-info img {
  height: 30px;
  width: 30px;
}

.field_wrapper .input_text.planned_duration {
  width: 80px;
  float: left;
}

.field_wrapper .planned_duration_text {
  display: inline-block;
  vertical-align: bottom;
  padding: 5px;
  position: relative;
  top: 10px;
}

.sender-dropdown {
  background: none repeat scroll 0 0 #eaeaea;
  color: #777;
  font-size: 10px;
  padding: 0 3px;
}

.view-mail a {
  color: #ff6c60;
}

.attachment-mail {
  margin-top: 30px;
}

.attachment-mail ul {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%;
}

.attachment-mail ul li {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  width: 150px;
}

.attachment-mail ul li img {
  width: 100%;
}

.attachment-mail ul li span {
  float: right;
}

.attachment-mail .file-name {
  float: left;
}

.attachment-mail .links {
  display: inline-block;
  width: 100%;
}

.fileinput-button {
  float: left;
  margin-right: 4px;
  overflow: hidden;
  position: relative;
}

.fileinput-button input {
  cursor: pointer;
  direction: ltr;
  font-size: 23px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-300px, 0px) scale(4);
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}

.files .progress {
  width: 200px;
}

.fileupload-processing .fileupload-loading {
  display: block;
}

* html .fileinput-button {
  line-height: 24px;
  margin: 1px -3px 0 0;
}

* + html .fileinput-button {
  margin: 1px 0 0;
  padding: 2px 15px;
}

@media (max-width: 767px) {
  .files .btn span {
    display: none;
  }
}

.files .preview * {
  width: 40px;
}

.files .name * {
  display: inline-block;
  width: 80px;
  word-wrap: break-word;
}

.files .progress {
  width: 20px;
}

.files .delete {
  width: 60px;
}

.compose-message {
  box-shadow: none !important;
}

.compose-message-form > .form-group {
  display: block !important;
}

.progress {
  display: inline-block;
  width: 100%;
  border: 3px groove #ccc;
}

.progress div {
  font-size: smaller;
  background: #2aabdb;
  text-align: center;
  width: 0;
}

.message-attachments {
  float: right;
  width: 69%;
}

.attachment-btn {
  width: 30%;
}

.table-inbox > tbody > tr > td {
  padding-top: 10px !important;
}

.table-inbox > tbody > tr > td > label {
  margin-top: 0px !important;
  width: 40px !important;
}

.message-td {
  width: 400px;
}

.unread > td {
  background: none repeat scroll 0 0 #f7f7f7;
}

md-toast.md-default-theme,
md-toast.md-default-theme > div {
  background-color: rgb(35, 172, 221) !important;
  color: rgb(250, 250, 250) !important;
}

md-toast.md-default-theme > div {
  box-shadow: none;
}

.colapsable {
  height: 50px;
  background-color: #007f93;
  color: white;
  font-weight: 700;
  font-size: 13px;
  line-height: 26px;
}

.colapsable > h2 {
  width: 90%;
  float: left;
  margin-top: 0.83em;
  font-size: 1.5em;
  text-align: center;
}

.colapsable > span {
  width: 10%;
  float: left;
  font-size: 20px;
  margin-top: 15px;
}

.attachment_source > a > img {
  width: 150px;
  height: 150px;
}

.compose-msg {
  margin-top: 20%;
}

.btns {
  margin-top: 1%;
}

.recipient-name > small {
  font-size: 85%;
}

.message-info > small {
  font-size: 95%;
}

.message-date-sent {
  font-size: 0.85em;
  color: #333333;
  float: right;
  margin: 0 10px;
}

.message-listing > p {
  word-wrap: break-word;
}

.message-listing {
  background-color: #bce6fa;
  border-radius: 10px;
  padding-left: 1% !important;
  padding-top: 1% !important;
  margin-bottom: 5%;
  cursor: pointer;
}

.message-details .message-box {
  padding-right: 10px;
}

.message-details button {
  padding: 0;
  padding-right: 10px;
}

.list-inline > li,
.list-inline > li > span,
.list-inline > li > input {
  width: 100%;
}

.inbox-small-cells > label {
  width: 35% !important;
  margin-top: 0px !important;
}

.ta-scroll-window {
  height: 230px !important;
  min-height: 230px !important;
}

/*.ta-scroll-window > .placeholder-text,
    .ta-scroll-window > div:nth-child(3) {
        height: 228px !important;
        min-height: 228px !important;}
*/

.compose-details > .ta-scroll-window {
  height: 62px !important;
  min-height: 52px !important;
  border-radius: 20px;
  margin-left: 17%;
}

.compose-new > .ta-scroll-window {
  min-height: 52px !important;
  border-radius: 0px;
  margin-left: 0px;
}

.compose-fourlines-details > .ta-scroll-window {
  height: 102px !important;
  min-height: 92px !important;
  border-radius: 20px;
  margin-left: 20px;
}

.compose-sixlines-details > .ta-scroll-window {
  height: 142px !important;
  min-height: 132px !important;
  border-radius: 20px;
  margin-left: 17%;
}

.compose-eightlines-details > .ta-scroll-window {
  height: 182px !important;
  min-height: 172px !important;
  border-radius: 20px;
  margin-left: 17%;
}

.compose-tenlines-details > .ta-scroll-window {
  height: 222px !important;
  min-height: 212px !important;
  border-radius: 20px;
  margin-left: 17%;
}

.compose-wrapper {
  background-color: rgba(232, 232, 232, 0.77);
  width: 100%;
}

.compose-wrapper-fourlines {
  height: auto;
  padding: 20px;
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}

.compose-wrapper-sixlines {
  height: 25% !important;
}

.compose-wrapper-eightlines {
  height: 31% !important;
}

.compose-wrapper-tenlines {
  height: 37% !important;
}

.compose-details,
.compose-fourlines-details,
.compose-sixlines-details,
.compose-eightlines-details,
.compose-tenlines-details {
  display: flex;
  width: 80%;
  position: relative;
  outline: 0;
  outline: none;
}

.ta-toolbar.btn-toolbar {
  display: flex;
  align-items: center;
}

.ta-toolbar.btn-toolbar > btn-group {
  position: relative;
  align-items: center;
  bottom: auto;
  margin-left: 1%;
}

.compose-btn-send {
  position: relative;
  margin: 0 20px;
  background-color: #26abde;
  color: white;
}

.compose-btn-send:disabled,
.compose-btn-send:disabled:hover {
  background-color: #26abde;
}

.compose-btn-send:hover {
  background-color: #0b57a5;
  color: white;
}

.compose-attachment {
  position: relative;
}

.compose-details > .ta-toolbar > .btn-group,
.compose-fourlines-details > .ta-toolbar > .btn-group,
.compose-sixlines-details > .ta-toolbar > .btn-group,
.compose-eightlines-details > .ta-toolbar > .btn-group,
.compose-tenlines-details > .ta-toolbar > .btn-group {
  position: relative;
}

.compose-fourlines-details > .ta-scroll-window > .placeholder-text,
.compose-fourlines-details > .ta-scroll-window > div:nth-child(3) {
  box-shadow: none !important;
  height: 80px !important;
  outline: none;
  min-height: 80px !important;
}

.compose-sixlines-details > .ta-scroll-window > .placeholder-text,
.compose-sixlines-details > .ta-scroll-window > div:nth-child(3) {
  box-shadow: none !important;
  outline: none;
  height: 110px !important;
  min-height: 110px !important;
}

.compose-eightlines-details > .ta-scroll-window > .placeholder-text,
.compose-eightlines-details > .ta-scroll-window > div:nth-child(3) {
  box-shadow: none !important;
  height: 140px !important;
  outline: none;
  min-height: 140px !important;
}

.compose-tenlines-details > .ta-scroll-window > .placeholder-text,
.compose-tenlines-details > .ta-scroll-window > div:nth-child(3) {
  box-shadow: none !important;
  outline: none;
  height: 170px !important;
  min-height: 170px !important;
}

.compose-details > .ta-scroll-window > .placeholder-text,
.compose-details > .ta-scroll-window > div:nth-child(3) {
  box-shadow: none !important;
  height: 50px !important;
  outline: none;
  min-height: 50px !important;
}

.uploaded-file {
  font-size: smaller;
  border: 1px solid #cccccc;
  padding: 2%;
  padding-right: 10%;
}

.uploaded-file > button {
  position: absolute;
  right: 20px;
}

.btn-attachment {
  position: absolute;
  left: 190px;
  z-index: 10;
}

.btn-linkObject {
  position: absolute;
  z-index: 10;
  left: 25%;
}

.compose-type {
  margin-left: 20%;
}

.center-block {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.input-group .icon-addon .form-control {
  border-radius: 0;
}

.icon-addon {
  position: relative;
  color: #555;
  display: block;
}

.icon-addon:after,
.icon-addon:before {
  display: table;
  content: " ";
}

.icon-addon:after {
  clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px;
}

.icon-addon.addon-lg .form-control {
  line-height: 1.33;
  height: 46px;
  font-size: 18px;
  padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
  height: 30px;
  padding: 5px 10px 5px 28px;
  font-size: 12px;
  line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
  font-size: 18px;
  margin-left: 0;
  left: 11px;
  top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
  padding-left: 30px;
  float: left;
  font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
  margin-left: 0;
  font-size: 12px;
  left: 5px;
  top: -1px;
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
  color: #2580db;
}

.input-group-lg > .input-group-btn {
  position: unset !important;
}

.conversation {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1% 0% 3% 0%;
}

.conversation:hover {
  background-color: #eeeeee;
}

.conv-date {
  position: absolute;
  right: 0;
  margin-right: 6%;
}

.conv-name {
  display: inline-block;
  margin-left: 1%;
  font-size: 16px;
}

.conv-msg {
  margin-left: 4%;
}

.conv-msg > div {
  margin-left: 5%;
  display: block;
  width: 95%;
  height: 21px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.conv-msg > div > p {
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.conversation.selected .conv-msg > div > p > a {
  color: #3bc0ff;
}

.conversation.selected > h4 > span > a,
.conversation.selected > h4 > a {
  color: #3bc0ff;
}

.conversation.selected {
  background-color: #007f93;
  color: white;
}

.chat-cloud {
  margin-bottom: 0% !important;
}

.conversation-name {
  margin-left: 2%;
  font-size: 20px;
}

.notification_details {
  width: 51%;
}

.conv_partcipants {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #e3e3e3 !important;
  text-align: center;
  background-color: #fbfbfb;
  cursor: pointer;
  text-transform: uppercase;
}

.conv_partcipants > a {
  font-weight: 700;
  color: #9e9e9e;
  font-size: 13px;
  line-height: 26px;
  width: 100%;
}

.conv_partcipants .checkbox {
  display: inline-block;
  margin: 0;
  float: right;
  padding-right: 15px;
}

input[type="checkbox"].css-checkbox + label.checkbox_label.custom_label.send_email_checkbox {
  width: 50px;
  margin: 0;
}

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

.conv-badge {
  position: absolute;
  right: 10px;
  margin-top: 12%;
  background-color: #0a57a4;
}

.conv-attachments-wrapper {
  position: fixed;
  bottom: 0;
  width: 17.8%;
}

.conv-attachments-wrapper > ul {
  list-style: none;
  padding-left: 1%;
  color: #9e9e9e;
  background-color: #fbfbfb;
}

.conv-attachments-wrapper > ul > li.attachment-uploaded {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}

.conv-attachments-wrapper > ul > li.attachment-uploaded > label {
  width: 90%;
}

.conv-attachments-wrapper > ul > li.attachment-uploaded > button {
  width: 10%;
}

.system-message {
  text-align: center;
  margin-left: 45%;
  background-color: #2da9e2;
}

.home_page {
  border: 0px;
  background-color: transparent !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.custom_toast_notification {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #007f93 !important;
  color: rgb(250, 250, 250) !important;
  width: 20%;
  z-index: 1000000;
}

.toast-info {
  background-color: rgb(35, 172, 221) !important;
  color: rgb(250, 250, 250) !important;
  opacity: unset !important;
}

.header-badge {
  margin-bottom: 1px;
  margin-right: 4px;
  background-color: #135fad;
}

.autocomplete-list {
  height: 200px;
  width: 95% !important;
}

.autocomplete-list > ul {
  height: 200px;
  overflow-y: scroll;
}

.ta-scroll-window,
.ta-scroll-window.form-control {
  overflow-x: hidden !important;
}

.copy_wrapper {
  position: relative;
}

.copy_wrapper > input {
  width: 100% !important;
}

.copy_wrapper > .cpy-btn {
  position: absolute;
  right: 1%;
  top: 64%;
}

.org_listing > listing > div > table > thead > tr > th:nth-child(2),
.org_listing > listing > div:nth-child(2) > table > tbody > tr > td:nth-child(2) {
  width: 50% !important;
}

/* fixing dashboard pie chart css */
.organization_dashboard_adjustments .main_container {
  padding-top: 57px !important;
}

.organization_details_adjustments .main_container {
  padding-top: 115px !important;
}

.organization_dashboard_adjustments h1,
.organization_details_adjustments h1 {
  width: 100% !important;
}

.organization_dashboard_adjustments .main_container.dashboard .fixed_width_right .heading_wrapper.border_bottom,
.organization_details_adjustments .main_container.dashboard .fixed_width_right .heading_wrapper.border_bottom {
  top: -36px !important;
}

.deal_dashboard_adjustments.main_container_wrapper {
  right: -1% !important;
  position: relative;
  padding-left: 0 !important;
}

.deal_dashboard_adjustments.main_container_wrapper .main_container {
  padding-top: 55px !important;
  padding-bottom: 0 !important;
}

.deal_dashboard_adjustments.main_container_wrapper .main_container .fixed_width.customer_chart {
  width: 100%;
  overflow-y: hidden !important;
}

.deal_dashboard_adjustments.main_container_wrapper .main_container .fixed_width {
  width: 100%;
  overflow-y: scroll;
  overflow-x: scroll !important;
}

.deal_dashboard_adjustments.main_container_wrapper h1 {
  width: 100% !important;
}

.execution_textarea_2 {
  overflow-x: hidden;
}

.details_right_btn {
  float: right;
}

.btn-add-action {
  border: none;
}

.btn-add-action > img {
  width: 30px;
}

.default-input-width {
  width: 60% !important;
}

.btn_full_width {
  width: 100%;
}

.actions_modal_content {
  height: 650px;
}

.actions_modal_body {
  height: 500px;
}

.listing_btn {
  right: 5% !important;
  float: left;
  width: 100%;
  position: fixed;
  top: 117px;
}

.single-tab {
  padding-right: 8% !important;
  padding-top: 0.5%;
  left: 80%;
}

.help_option {
  padding-left: 15px;
}

.customer_section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* margin-top: -15px; */
  padding-top: 0px !important;
  height: 100%;
  vertical-align: top;
}

.one_row_statuses {
  margin-top: 0 !important;
}

.customer_listing_tab {
  margin-top: 0px;
}

.invite-conv-content {
  position: relative;
  height: 460px;
}

.invite-conv-body {
  height: 270px;
}

.link_text {
  padding: 8px 12px;
}

.invite_footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.checkbox_small20_filter {
  width: 20% !important;
}

.checkbox_small25_filter {
  width: 25% !important;
}

.search-field {
  width: 145px !important;
}

.dealListing {
  overflow: hidden !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin-right: 60px !important;
}

/*.dealListing > .customer_listing_tab > listing > div:first-child > .table > thead > tr > th:nth-child(6),
.dealListing > .customer_listing_tab > listing > div:nth-child(2) > .table > tbody > tr > td:nth-child(6) {
   width: 200px ;}
*/

a#cur_user_name {
  width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 20px !important;
}

a#cur_user_name span.glyphicon {
  display: inline-block;
  top: 6px;
  position: absolute;
  right: 5px;
}

.chart_right {
  overflow-y: scroll;
  height: 100%;
}

#LoadingMask.agreement_loading,
#SigningMask.agreement_signing {
  position: fixed;
  width: 200px;
  height: 120px;
  padding: 0;
  margin: 0;
  z-index: 2;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -60px;
  background-color: #337ab7;
  border-radius: 6px;
}

#LoadingCover.agreement_loading {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  color: transparent;
  z-index: 100;
}

#LoadingMask.agreement_loading div,
#SigningMask.agreement_signing div {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: transparent;
  z-index: 100;
}

#LoadingMask.agreement_loading #loadingMaskSpinner {
  left: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -35px;
  z-index: 2;
}

#SigningMask.agreement_signing #signingMaskSpinner {
  left: 50%;
  top: 50%;
  margin-left: -35px;
  margin-top: -35px;
  z-index: 2;
}

#LoadingMask.agreement_loading #loadingText,
#SigningMask.agreement_signing #signingText {
  margin: 0;
  padding: 0;
  bottom: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  left: initial;
  top: initial;
  color: #fff;
}

.dropdown.li_with_icon.help_dropdown {
  margin-right: 0;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #007f93;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #016170;
}

.gantt_main_container {
  width: 100%;
  height: 90% !important;
  float: left;
  padding-bottom: 20px;
  overflow-y: auto;
  position: absolute !important;
}

.current-user-icon {
  left: 0;
  top: 8px;
  display: inline;
  position: absolute;
  margin-left: 80%;
}

/* Tooltip container */
.tooltipPassword {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltipPassword .tooltiptext {
  visibility: hidden;
  width: auto;
  line-height: 20px;
  display: inline-block;
  /* height: 300px; */
  background-color: #007f93;
  color: #fff;
  text-align: left;
  padding: 15px;
  border-radius: 6px;
  position: fixed;
  z-index: 1;
}

.tooltipPassword .tooltiptext.light {
  background-color: #f7f7f7;
  color: #000;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltipPassword:hover .tooltiptext {
  visibility: visible;
}

pre {
  font-family: "Roboto" !important;
}

.kb_addIncident {
  width: 40px;
  display: inline;
  float: right;
  background-color: #138598;
  color: white;
  border: none;
  outline: none;
}

.kb_addIncident:hover {
  background-color: #0c6d77;
  color: white;
}

.kb_addIncident:active,
.kb_addIncident:focus {
  background-color: #0c6d77;
  color: white;
  border: none;
  outline: none;
}

.kb_addIncident:disabled {
  background-color: #e3e3e3;
  color: black;
}

.kb_addIncident:disabled:hover {
  background-color: #e3e3e3;
  color: black;
}

.emptyIncident {
  color: gray;
}

.emptyIncident option:not(:empty) {
  color: black;
}

.emptyIncident option:first-child {
  color: gray;
}

.hideSection {
  display: none;
}

.sectionHeader {
  outline: none;
  cursor: pointer;
}

.enabledInput {
  background-color: white !important;
  border: 1px solid #007f93 !important;
}

.table > tbody > tr > td {
  padding: 5px;
}

.listing_table {
  float: none;
  width: 1px;
  min-width: 100%;
  font-family: Roboto, sans-serif;
  margin-bottom: 0px;
}

.menu_folder {
  margin: 0 10px;
  float: right;
  line-height: 30px;
  font-size: 10px;
  color: #007f93;
}

.dm_menu_active {
  background-color: #eef7fa;
  font-weight: bold;
}

.dm_menu_active_border {
  /*border-left: 5px solid #007f93;*/
}

.active_item_color {
  display: none;
}

.dm_has_active_child {
  background-color: #f3f3f3;
}

.active_item_color.dm_menu_active_border {
  display: inline-block;
  width: 5px;
  height: 100%;
  background-color: #007f93;
  position: absolute;
  top: 0;
  left: 0;
}

.menu_item_container .dm_menu_item {
  float: left;
  margin-right: 0px;
}

.menu_item_container .dm_menu_item:hover {
  color: #007f93;
}

.lvl-over {
  /* applied to a drop target when a draggable object is over it */
  border: 1px dashed black !important;
  background-color: lightblue !important;
  cursor: move;
}

.lvl-over-denied {
  background-color: lightcoral !important;
  cursor: no-drop !important;
}

.lvl-over-denied a:hover {
  background-color: lightcoral !important;
  cursor: no-drop !important;
}

.lvl-over-denied a:hover {
  cursor: no-drop !important;
}

.dragging-element {
  width: 100px !important;
  height: 50px !important;
  background-color: blue;
  position: absolute;
  z-index: 100000;
}

.itemActionVisible {
  padding: 10px;
  height: 50px;
  position: relative;
  width: 90%;
  justify-content: space-evenly;
  margin-left: 5%;
  display: flex;
}

.itemAction {
  display: none;
}

.itemActionButton {
  background: #007f93;
  color: white;
  text-align: center;
  width: 45%;
  padding: 5px;
  height: 40px;
  line-height: 30px;
  border-right: 1px solid white;
}

.itemActionButton:hover {
  background: #003c5b;
}

.breadcrumbActionVisible {
  height: 30px;
  position: relative;
  align-items: center;
  width: 200px;
  justify-content: space-evenly;
  margin-left: 5%;
  display: flex;
}

.breadcrumbAction {
  display: none;
}

.breadcrumbActionButton {
  background: #007f93;
  color: white;
  text-align: center;
  width: 45%;
  padding: 5px;
  height: 40px;
  line-height: 30px;
  border-right: 1px solid white;
}

.breadcrumbActionButton:hover {
  background: #003c5b;
}

.menu_item .content .left-menu-filter {
  /*text-indent: 40px;*/
  cursor: default;
}

.menu_item .content .left-menu-filter > span {
  display: inline;
  margin-right: 5px;
}

.dealflow_left_menu {
  height: 100%;
}

.left_menu_section {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  outline: none;
  margin-bottom: 5px;
  overflow-x: hidden;
  cursor: auto;
  text-indent: 10px;
}

.left_menu_options_container {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.left_menu_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 10px;
  cursor: default;
  width: 100%;
  background: #f1f1f1;
  line-height: 30px;
  outline: none;
  border-left: 5px solid #007f93;
}

.left_menu_arrow_right {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #007f93;
  align-self: center;
}

.left_menu_arrow_down {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #007f93;
  align-self: center;
}

.left_menu_title:hover {
  background: #f5f5f5;
  border-left: 7px solid #007f93;
}

.left_menu_title_label {
  margin: 0;
}

.left_menu_title:focus {
  box-shadow: none !important;
  border-color: #007f93 !important;
}

.filter_searchbox {
  width: 95%;
  height: 34px;
  padding: 8px 12px;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
}

.filter_searchbox_wrapper {
  border-top: 1px solid lightgray;
  padding: 30px 0px;
  display: flex;
  border-bottom: 1px solid lightgray;
}

.filter_searchbox_wrapper:hover {
  background: none;
}

.left_menu_filters_wrapper {
  max-height: -webkit-fill-available;
  /*overflow-y: scroll;*/
}

.check_uncheck_wrapper {
  display: grid;
  grid-template-columns: 50% 50%;
}

.check_uncheck_wrapper .left-menu-filter {
  text-indent: 0px;
  display: flex;
  justify-content: center;
  text-decoration: none;
  color: black;
  line-height: 34px;
  padding: 5px;
  cursor: default;
}

.check_uncheck_wrapper .left-menu-filter:hover {
  background: #f1f1f1;
}

.check_uncheck_wrapper .left-menu-filter > span {
  line-height: 30px;
  margin-right: 5px;
}

.modal-open.modal {
  justify-content: center;
  align-items: center;
}

.modal.fade.in {
  display: flex !important;
}

.needs_attention {
  background-color: #f1c40f;
  color: #fff;
}

.on_track {
  background-color: #58d68d;
  color: #fff;
}

.off_track {
  background-color: #e74c3c;
  color: #fff;
}

.whereUsed_item {
  display: grid;
  grid-template-columns: auto auto;
  width: 60%;
  line-height: 22px;
  float: right;
}

.align_self_center_right {
  align-self: center;
  text-align: right;
}

.field_wrapper .whereUsed_link {
  width: auto;
  display: inline;
  line-height: 30px;
}

.left_menu_boxes {
  margin: 0;
  padding: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inline-boxes {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.modal_tree {
  height: 500px;
  overflow-y: scroll;
  width: 600px;
}

.link_icon {
  line-height: 30px;
  float: right;
  padding: 0 1%;
  display: inline-block;
  font-size: 1.2em;
  width: 30px;
}

.link_icon:hover {
  line-height: 30px;
  color: #007f93;
  font-size: 1.4em;
  cursor: pointer;
}

.link_icon:focus {
  border: none;
  outline: none;
}

.field_wrapper .options-link {
  width: 45% !important;
  float: left;
}

#div-resizer {
  left: 0;
  height: 7px;
  right: 0;
  cursor: row-resize;
  background-color: transparent;
}

.left_items_section {
  display: grid;
  overflow: hidden;
  grid-template-rows: 35px calc(100% - 30px);
}

.drag_box_text {
  font-size: 20px;
  color: #007f93;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 1319px) {
  .main_container.listing-fix-for-height.dms-listing-fix {
    padding-top: 97px;
    margin-top: -196px;
  }
}

.btn {
  border-radius: 0;
}

.save-card-details {
  background-color: #007f93;
  color: white;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.save-card-details:active,
.save-card-details:focus {
  color: white;
  border: none;
  outline: none;
}

.save-card-details:disabled {
  background-color: #dadada;
  cursor: not-allowed;
}

.save-card-details:disabled:hover {
  background-color: #dadada;
  cursor: not-allowed;
}

.save-card-details:hover {
  color: white;
  background-color: #3bc0e1;
}

.notification_badge {
  position: absolute;
  color: #007f93;
  font-size: 15px;
}

.notification_badge_menu {
  /* position: absolute; */
  color: #007f93;
  font-size: 15px;
  line-height: 26px;
}

.table > tbody > tr > .readonly_score {
  padding: 0 10px;
}

.full_width_select {
  display: block;
  width: 100%;
}

.glyphicon-refresh-animate {
  -animation: spin 0.7s infinite linear;
  -webkit-animation: spin2 0.7s infinite linear;
  display: none;
}

.listing-headers-container {
  position: sticky;
  top: 0;
  float: left;
  z-index: 5;
  margin-top: 0px;
  min-width: 100%;
  overflow: visible !important;
  height: 45px;
}

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }

  to {
    transform: scale(1) rotate(360deg);
  }
}

.kb-comment-btn {
  background-color: #138598;
  color: white;
  padding: 5px;
  border: none;
  outline: none;
  margin: 10px 0;
  float: right;
}

.kb-comment-btn:hover {
  background-color: #0c6d77;
}

.confirm-modal-action {
  display: flex;
  justify-content: space-around;
  width: 20%;
  float: right;
  margin: 10px 0px;
}

.inline-loader {
  display: flex;
  width: 60%;
  justify-content: center;
  float: right;
  padding: 10px;
}

.contact-info-icons-container {
  display: flex;
}

.contact-info-icon {
  padding: 5px;
  outline: none;
}

.contact-info-list-container {
  display: flex;
  flex-direction: column;
}

.add-contact-info-button {
  width: 100%;
  padding: 5px;
  outline: none;
  border: none;
  background-color: #138598;
  color: white;
}

.add-contact-info-button:hover {
  color: white;
  background-color: #0c6d77;
}

.contact-info-list-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e3e3e3;
}

.contact-info-details {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 5px 0px;
}

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

.contact-info-basic-info {
  display: flex;
  justify-content: space-between;
  padding: 2px 5px;
  width: 100%;
  align-items: center;
}

.contact-info-list-item.edit {
  justify-content: space-between;
  padding: 0;
}

.field_wrapper .input_text.contact-info-list-item-input {
  width: 100% !important;
}

.menu_item_details {
  width: 100%;
  height: 30px;
  display: flex;
}

.menu_item_details:hover {
  background-color: #ececec;
}

.menu_item_wrapper_details {
  height: 30px;
  width: auto;
  display: flex;
}

.menu_item_wrapper_details_submenu {
  min-height: 30px;
  width: auto;
  display: flex;
  flex-direction: column;
}

.menu_item_project_details {
  width: 100%;
}

.menu_item_container_details {
}

.content_details {
  width: 100%;
  padding-left: 5%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.menu_item_right_arrow {
  color: rgba(138, 138, 138, 1);
}

.my_dashboar_columns_filter {
  position: absolute;
  right: 0;
  top: 10px;
}

.dropzone_listing {
  height: 100%;
  width: 100%;
  /* flex: 1 0 95%;  */
  overflow: initial !important;
}

.list-inline {
  display: flex;
  flex-direction: column;
}

.nfs-modal {
  width: 600px;
}

.checkbox {
  outline: none;
  border: none;
}

.risk-definition-container {
  max-height: 650px;
  padding: 5px !important;
}

.confirm_button {
  flex: 1 0 auto;
}

.multi-select-confirm-button {
  width: 40px;
  display: inline;
  float: right;
  background-color: #138598;
  color: white;
  border: none;
  outline: none;
  margin-left: 10px;
}

.multi-select-confirm-button:hover {
  background-color: #0c6d77;
  color: white;
}

.multi-select-confirm-button:active,
.multi-select-confirm-button:focus {
  background-color: #0c6d77;
  color: white;
  border: none;
  outline: none;
}

.multi-select-confirm-button:disabled,
.multi-select-confirm-button:disabled:hover {
  background-color: #e3e3e3;
  color: black;
}

.multi-select-container {
  display: flex;
}

.multi-select-options-container {
  display: flex;
  flex-direction: column;
}

.risk-date-range-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.risk-definition-select {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1 0 auto;
  width: 230px;
  justify-content: space-between;
}

.md-datepicker-calendar-pane {
  z-index: 1055;
}

.variant-wrapper {
  width: 300px;
  display: flex;
  justify-content: center;
  padding: 0 30px;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.field_wrapper.full_width {
  width: 100%;
  padding: 0;
}

.full_width .custom_label {
  width: 100% !important;
}

.full_width_container {
  width: 100% !important;
}

.choice-button {
  outline: none;
  border-radius: 0;
  border: 1px solid #d3d3d3;
  background-color: #fff;
  outline: none;
  padding: 2px 5px;
  margin: 0;
  min-width: 50px;
}

.choice-button:hover {
  background-color: #fafafa;
}

.choice-button.active-choice {
  color: #fff;
  background-color: #007f93;
}

.choice_label {
  display: flex;
  flex: 1 0 50%;
}

.choice_container_wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 10px 0 !important;
}

.no-left-border {
  border-left: none;
}

md-checkbox.md-default-theme.md-checked .md-icon,
md-checkbox.md-checked .md-icon {
  background-color: #138598;
}

.confirm-button {
  background-color: #138598;
  color: #ffffff;
  outline: none;
  border: none;
}

.confirm-button:hover {
  color: #ffffff;
  background-color: #0c6d77;
}

md-tab-content {
  display: inline;
}

md-tabs md-ink-bar {
  color: #003c5b !important;
  background-color: #003c5b !important;
  transition: none;
}

md-tabs [role="tabpanel"] {
  transition: none;
}

md-tab-item.mb-tab-button {
  transition: none;
  color: #003c5b !important;
}

md-tab.md-active {
  font-weight: bold;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  color: #000;
  background-color: #fff;
}

.scroll-body {
  overflow-y: scroll;
  max-height: 60vh;
}

md-checkbox {
  min-height: auto;
  min-width: auto;
  margin: 0;
}

md-checkbox .md-label:empty {
  margin: 0;
}

.align-center {
  align-items: center;
}

.flex {
  display: flex;
}

.flex-auto {
  flex: 1 0 auto;
}

.h-100 {
  height: 100%;
}

.decoration-none,
.decoration-none:hover {
  text-decoration: none !important;
}

.input-group .form-control {
  z-index: 1;
}

#modalBodyCDMS {
  display: flex;
}
.m-0 {
  margin: 0 !important;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}

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

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

.text-underline {
  text-decoration: underline;
}

.cursor-pointer {
  cursor: pointer;
}

.text-8 {
  font-size: 2rem !important;
}

.h-auto {
  height: auto !important;
}

.padding-2 {
  padding: 0.5rem !important;
}

.drag-drop-files {
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  width: 100%;
  font-size: 24px;
  color: #006bb3;
}

.overflow-inherit {
  overflow: inherit !important;
}

.color-blue {
  color: #3bc0e1;
}

.color-red {
  color: #e74c3c;
}

.color-green {
  color: #58d68d;
}