@charset "UTF-8";
.required-mark {
	color: #ff0000;
	display: inline-block;
	font-weight: bold;
	margin-left: 0.3em;
	position: relative;
	top: 0.1em;
}
.my-custom-scrollbar-500 {
position: relative;
height: 500px !important;
overflow: auto;
}
.my-custom-scrollbar {
position: relative;
height: 600px !important;
overflow: auto;
}
.my-custom-scrollbar-end {
position: relative;
height: 500px !important;
overflow: auto;
}
.cnm-scrollbar-end {
position: relative;
max-height: 500px !important;
overflow: auto;
}
.table-wrapper-scroll-y {
display: block;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
 /* background: #f1f1f1;  */
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #f1f1f1; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.disabledLink {
	pointer-events: none;
	cursor: default;
}
.custom-blue{	
	color:#438EB9!important;
}
.circle {
    width: 16px;
    height: 16px;
    background: red;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.btn-primary{
	color:#FFFFFF!important;
    background: #67b6c4 !important;   
    border-color: #67b6c4;
    border: none;
    border-radius: 4px;
}
.btn-default{
	color:#FFFFFF !important;
    background: #67b6c4 !important;   
    border-color: #67b6c4;
    border: none;
    border-radius: 4px;
}
.btn-danger{
	color:#FFFFFF !important;
    background: #67b6c4 !important;   
    border-color: #67b6c4;
    border: none;
    border-radius: 4px;
}
.btn-warning{
	color:#FFFFFF !important;
    background: #67b6c4 !important;   
    border-color: #67b6c4;
    border: none;
    border-radius: 4px;
}
.btn-secondary{
	color:#FFFFFF !important;
    background: #808080 !important;   
    border-color: #808080;
    border: none;
    border-radius: 4px;
}
.btn-third{
	color:#FFFFFF !important;
    background: #44ABA0 !important;   
    border-color: #44ABA0;
    border: none;
    border-radius: 4px;
}
.btn-sm {
    height: 22px;
    width: 22px;
    padding: 0;
    margin: 0;
    font-size: 11px;
}
.btn-sm-text {
	margin-top: 10px;
	border-width: 4px;    
    font-size: 11px;
}
a.btn-sm {
    padding: 4px 0;
    height: 22px;
    width: 22px;
    text-align: center;
}
.btn-sm i.fa-plus-circle {
    font-size: 12px;
    padding-left: 0px;
}
.btn-sm .glyphicon-minus {
    padding-right: 1px;
}

.tab-icon-color {
	color: #67b6c4 !important
}
.navbar{
	 background: #1D87AF;
}
.label.label-info.label-xlg.arrowed-in.arrowed-in-right{
	 background: #1D87AF;
}
.label-info.arrowed-in:before {
    border-color: #1D87AF #1D87AF #1D87AF transparent;
}
 .label-info.arrowed-in:after {
    border-color: #1D87AF transparent #1D87AF #1D87AF;
} 
/* #438EB9 #1d87af #67b6c4*/ 
.ace-nav>li.light-blue>a {
    background-color: #1D87AF;
}
.cnm-home::before {
	content: url("/images/cnm-icons/homepage-18.png");
}
.cnm-history::before {
	content: url("/images/cnm-icons/history-18.png");
}
.cnm-employee::before {
	content: url("/images/cnm-icons/employees-18.png");
}
.cnm-title-roles::before {
	content: url("/images/cnm-icons/titles-and-roles-18.png");
}
.cnm-documents::before {
	content: url("/images/cnm-icons/documents-18.png");
}
.cnm-functions::before {
	content: url("/images/cnm-icons/functions-18.png");
}
.cnm-requirements::before {
	content: url("/images/cnm-icons/requirements-18.png");
}
.cnm-sites::before {
	content: url("/images/cnm-icons/sites-18.png");
}
.cnm-nonconformance::before {
	content: url("/images/cnm-icons/non-conformances-18.png");
}
.cnm-action::before {
	content: url("/images/cnm-icons/actions-18.png");
}
.cnm-hazards::before {
	content: url("/images/cnm-icons/hazards-18.png");
}
.cnm-click-n-doc::before {
	content: url("/images/cnm-icons/click-n-doc-18.png");
}
.cnm-click-n-share::before {
	content: url("/images/cnm-icons/click-n-share-18.png");
}
.cnm-click-n-act::before {
	content: url("/images/cnm-icons/click-n-act-18.png");
}
.cnm-click-n-profile::before {
	content: url("/images/cnm-icons/profile-18.png");
}
.cnm-models::before {
	content: url("/images/cnm-icons/models-18.png");
}
.cnm-settings::before {
	content: url("/images/cnm-icons/settings-18.png");
}
.cnm-profile::before {
	content: url("/images/cnm-icons/profile-18.png");
}
.cnm-change-password::before {
	content: url("/images/cnm-icons/change-password-18.png");
}
.cnm-logout::before {
	content: url("/images/cnm-icons/logout-18.png");
}
.cnm-access-roles::before {
	content: url("/images/cnm-icons/access-roles-18.png");
}
.cnm-click-n-system::before {
	content: url("/images/cnm-icons/settings-18.png");
}
.cnm-organization::before {
	content: url("/images/cnm-icons/organization-18.png");
}
.cnm-modules::before {
	content: url("/images/cnm-icons/categories-18.png");
}
.cnm-features::before {
	content: url("/images/cnm-icons/decisions-18.png");
}	
.cnm-resources::before {
	content: url("/images/cnm-icons/criteria-18.png");
}
.cnm-procedures::before {
	content: url("/images/cnm-icons/procedures-18.png");
}
.cnm-assets::before {
	content: url("/images/cnm-icons/assets-18.png");
}
.cnm-objectives::before {
	content: url("/images/cnm-icons/objectives-18.png");
}
.cnm-indicators::before {
	content: url("/images/cnm-icons/indicators-18.png");
}
.cnm-qualifications::before {
	content: url("/images/cnm-icons/qualifications-18.png");
}
.cnm-fr::before {
	content: url("/images/language/fr.png");
}
.cnm-en::before {
	content: url("/images/language/uk.png");
}
.cnm-hazards::before {
	content: url("/images/cnm-icons/hazards-18.png");
}
.cnm-risk-matrix::before {
	content: url("/images/cnm-icons/risk-matrix_18.png");
}
.cnm-dashboard::before {
	content: url("/images/cnm-icons/dashboard-18.png");
}
.cnm-processes::before{
	content: url("/images/cnm-icons/processes-18.png");
}
.cnm-stakeholder::before{
	content: url("/images/cnm-icons/stakeholders-18.png");
}
.cnm-expectation::before{
	content: url("/images/cnm-icons/expectations-18.png");
}
.cnm-news::before{
	content: url("/images/cnm-icons/news-18.png");
}
.cnm-network::before{	
	content: url("/images/cnm-icons/network-18.png");
}
.cnm-green {
	color: #67b6c4 !important  
}
.cnm-blue {
	color: #1D87AF !important
}
.panel-body {
    overflow: hidden;   
} 
.cnm-round {
      border-radius:5px !important;
      -moz-border-radius:5px!important;
      -webkit-border-radius:5px!important;
}
   
input,input[type=text],input[type=number],input[type=password],
select,textarea {
      border-radius:5px !important;
      -moz-border-radius:5px !important;;
      -webkit-border-radius:5px !important;
}

.panel-footer {	
	background-color: #f5f5f5;
    border-color: #ddd;	
   /*  border: 1px solid #95B8E7; */
    border-bottom: 1px solid transparent;
}

.checkbox-pointer-link { 
      cursor: pointer; 
      text-decoration: underline;
 } 
 
 .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #67b6c4 !important;
    color: #fff;
}

.cnm-dark-cyan {
	color: #1086AD !important  
}

.btn-login{
	color:#FFFFFF!important;
    background: #1086ad !important;   
    border-color: #1086ad;
    border: none;
    border-radius: 4px;
}
.login-box .toolbar {
	background: #1086ad;
	border-top: 2px solid #597597
}
.login-layout {
	background-color: #1E1E1E !important;
}
.cnm-cloud-icon::before {
	content: url("/images/cnm-icons/cnm-cloud-icon-20.png");
	
}
.cnm-desktop-icon::before {
	content: url("/images/cnm-icons/cnm-desktop-icon-20.png");
}

.circle_big {
    width: 50px;
    height: 50px;
    background: red;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}

.square {
  height: 50px;
  width: 50px;
  background-color: #555;
}
.rectangle {
  height: 50px;
  width: 100px;
  background-color: #555;
}
.oval {
  height: 50px;
  width: 100px;
  background-color: #555;
  border-radius: 50%;
}
.trapezoid {
	border-bottom: 50px solid #555;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	height: 0;
	width: 125px;
}
.parallelogram {
	width: 100px;
	height: 50px;
	transform: skew(20deg);
	background: #555;
}
.body-scrollbar {
position: relative;
height: 500px !important;
overflow: auto;
}
.cnm-text-format{
	font-size: 13px !important;
	font-family:Open Sans !important;
}

.circle1{
	width:15px;
	height:15px;
	border-radius: 50%;	
}

.circle2{
	width:20px;
	height:20px;
	border-radius: 50%;	
}
.circle3{
	width:25px;
	height:25px;
	border-radius: 50%;	
}

.circle4{
	width:30px;
	height:30px;
	border-radius: 50%;	
}
.circle5{
	width:35px;
	height:35px;
	border-radius: 50%;	
}

.circle6{
	width:40px;
	height:40px;
	border-radius: 50%;	
}
.circle7{
	width:45px;
	height:45px;
	border-radius: 50%;	
}
.circle8{
	width:50px;
	height:50px;
	border-radius: 50%;	
}

.square1{
	width:10px;
	height:10px;
}
.square2{
	width:15px;
	height:15px;	
}

.square3{
	width:20px;
	height:20px;	
}
.square4{
	width:25px;
	height:25px;	
}

.square5{
	width:30px;
	height:30px;	
}
.square6{
	width:35px;
	height:35px;	
}

.square7{
	width:40px;
	height:40px;	
}
.square8{
	width:45px;
	height:45px;	
}

.mainTopImage{
	width:100%;
	height:35px;	
}
.listUserImage{
	height:100%;
	width:30px;	
}
.listProductImage{
	height:100%;
	width:80px;	
}
.text-white {
	color: #FFFFFF
}
.mic-button {
	border: 1px solid #6FB3E0;   
    height: 28px !important;    
    border-radius: 4px !important;
    font-size: 13px;    
    color: #666 !important;    
  }
 .inputBox{
	box-shadow: none !important;
    color: #858585;
    background-color: #FFF;
    border: 1px solid #D5D5D5;    
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;    
}

.wrapLargeWord {
	overflow-wrap: break-word; 
	word-break: break-all;
}
.button-span {
	padding: 6px;
	border: 2px solid #ddd;
	background-color:#f5f5f5;
}

.link-margin {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.selected-row {
  background-color: #ffeb3b !important;
}

.highlight-red {
  background-color: #ffcccc !important;
}

.highlight-blue {
  background-color: #cce5ff !important;
}
.yellow-black{
  background-color: yellow !important; color: black !important;
}
.lemon-black{
  background-color:  #67FF67 !important; color: black !important;
}
.red-white{
  background-color:  #67FF67 !important; color: black !important;
}

.org-switch-dropdown {
  .dropdown-menu.dropdown-close.dropdown-menu-right& {
    width: auto;
    min-width: auto;
	width: max-content;
  }
}

.org-switch-dropdown-list {
  .dropdown-navbar>.dropdown-content& {
    overflow: visible;
    white-space: nowrap;
  }
}
