.btn-primary{
	background-color: rgb(0, 105, 170) !important;
	color: white;
}
.btn-secondary{
	
	color: white !important;
}
.btn-link{
	color: rgb(0, 105, 170) !important;
}

.menu-item, label.menu-open-button{
	background: rgb(0, 105, 170);

}

.btn-danger:focus, .btn-danger.focus{
	box-shadow: 0 2px 6px 0 rgb(70 190 180 / 50%) !important;
	-webkit-box-shadow: 0 2px 6px 0 rgb(70 190 180 / 50%) !important;
}

.form-control:disabled, .form-control[readonly]{
	background: #e0e1e3 !important;
	background-color: #e0e1e3 !important;
	color: black !important;
}

.form-control:focus{
	border-color: rgb(0, 105, 170);	
	background-color: rgb(244, 245, 255);
}

option{
	background-color:white;
	color: black;
}
.form-control:focus option{
	background-color: color;
}

.menu-item, label.menu-open-button:hover{
	background: rgb(0, 105, 170);
}

.log-logo{
	display: block;
}
.log-logo-link{
	height: 100%;
}

.log-logo-link img{
	height: 100%;
}

.page-logo{
	display: block;
	background-image: linear-gradient(white 80%, rgb(0, 105, 170));
	background-color: white;
	border: 2px solid rgb(0, 105, 170);
}

.page-logo-link img{
	width: 100%;
	height: 100%;
}

.btn-link-1{
	margin-left: 13px !important;
	margin-right: 13px;
}
.p-0{
	justify-content: space-between;	
}
.nav-pills .nav-link.active{
	background-color: rgb(0, 105, 170) !important;
	border-radius: 7px;
}

.active strong{
	color: white;
}
.page-header{
	background-color: #fff;
	outline: none;
	border:none;
	color: white;
}

.row{
	margin-bottom: 30px;	
}
.mb-0{
    margin-bottom: 0px;
}


.p-0{
	justify-content: space-between;	
}
.height-10{
	background-color: #f7f9fa !important;
	background-image: none;
	width: 100% !important;
	
}
.text-primary{
	color: #2962CD !important;
}
td.dataTables_empty {
	color: #0069aa;
}

td.sorting_1::before{
	background-color: rgb(0, 105, 170) !important;
}
.dtr-details::after{
	background-color: rgba(70, 190, 180, 0.8);
}
.page-link{
	color: rgb(0, 105, 170);
}
.page-item.active .page-link{
	background-color: #46beb4 !important;
}

.page-item.active .page-link:hover{
	background-color: rgb(0, 105, 170) !important;
}
.page-item .page-link:hover{
	background-color: rgb(0, 105, 170) !important;
}

.badge.badge-primary.fw-500{
	background-color: rgb(0, 105, 170) !important;
}
.odd .parent{
	background-color: #46beb4!important;
}
.btn-outline-primary{
	color: rgb(0, 105, 170) !important;
	border-color: rgb(0, 105, 170) !important;
}
.btn-outline-primary:hover{
	color: white !important;
	border-color: white !important;
	background-color: rgb(0, 105, 170) !important;
}
.nav-pills .nav-link:hover:not(.active){
	border-bottom: 2px solid #5aacfb;
	border-radius: 0;
	
}
.nav-link{
	border: 2px solid #fdfdfe;
}
.navbar-toggler {
	display: none;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #fdfdfe !important;
	border-bottom: 2px solid #fdfdfe ;
	
	background-color: rgb(0, 105, 170) !important;
}

.btn-outline-danger{
	color: #fa5a5a !important;
	border-color: #fa5a5a !important;
}
.btn-outline-danger:hover{
	color: white !important;
	border-color: white !important;
	background-color: #fa5a5a !important;
}

.btn-outline-primary:focus{
	box-shadow: 0 0 0 0.2rem rgb(20 112 204 / 50%);
}
.btn-outline-danger:focus{
	box-shadow: 0 0 0 0.2rem rgb(255 92 92 / 50%);
}
.btn-success{
	background-color: #46beb4!important;
	color: white !important;
}
#vvdel-event{
	background-color: #fa5a5a !important;
	border-color: #fa5a5a !important;
}
.btn-danger{
	background-color: #fa5a5a !important;
	border-color: #fa5a5a !important;
	color: white !important;
}

.bg-success-500{
	background-color: #6ef05a!important;	
}
.page-content{
	
	background-color: #f9fbfd !important;
}

html body a{
	color: rgb(0, 105, 170);	
}


.panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
    background: #6ef05a;
}

.panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
    background: #fab43c;
}
.panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
    background: #fa5a5a;
}
.col-lg-7 {
    
    max-width: 40%;
}
.panel-hdr, .panel{
	background-color: #fdfdfe !important;	
}

table{
	background-color: #fdfdfe !important;
}
.btn-lg{
	background-color: rgb(0, 105, 170) !important;
	border-color: rgb(0, 105, 170) !important;
	box-shadow: 0 2px 6px 0 rgb(0 105 170 / 50%);
	outline: none;
}
.btn-lg:focus{
	outline: none;	
	border: none;
}
.dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover{
	background-color: rgb(0, 105, 170) !important;
	border-color: rgb(0, 105, 170) !important;
}

.header-btn[data-class='mobile-nav-on'] {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 105, 170)), to(#2d70af));
	background-color: rgb(0, 105, 170) !important;
	border-color: rgb(0, 105, 170) !important;
	background-image: linear-gradient(to top, rgb(0, 105, 170), #2d70af);
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
	background-color: rgb(0, 105, 170) !important;
}


.dropdown-toggle{
	color: rgb(0, 105, 170) !important;
	/*border: 1px solid rgb(0, 105, 170) !important;*/
	/*padding: 0.2rem 0.675rem;*/
}
.dropdown-toggle:hover{
	color: #5aacfb !important;
	/*border: 1px solid rgb(0, 105, 170) !important;*/
	/*padding: 0.2rem 0.675rem;*/
}


.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #46beb4;
    background-color: rgb(0, 105, 170);
	/*#2962CD;*/
}
.custom-control-label::before {
    border-color: grey !important;
}

.active{
	color: grey !important;
	cursor: default;
}


.contact-button{
	border: 2px solid white;
	background-color: Transparent;
	font-family: Arial;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30%;
	margin-right: 5px;
	color: white;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	width: 180px;
	height: 50px;
	cursor: pointer;
}


.contact-button:focus{
	outline: none;
}
.contact-button:hover{
	border-color: #46beb4;

	
}

.text-black{
	color: grey;	
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    background-color: #46beb4 !important;
}
.form-group .fal, .form-check .fal{
	cursor: pointer;
}
.form-group .fal:hover, .form-check .fal:hover{
	color: rgb(0, 105, 170);
}
.form-check-label{
	margin-right: 0.3rem !important;
	display: inline;
}

.modal-end{
	align-items: center;
	align-content: center;

}
.myModal-content{
	border-radius: 5px;
	max-width: 600px;
	padding-top: 1.25rem;
	
}
.modal-content{
	z-index: 5000;
	padding: 30px;
}
.modal-dialog{
	margin: 1rem auto;
}
.modal-footer{
	padding: 0;	
}

.nav-function-fixed:not(.nav-function-top) .page-header [data-class="nav-function-fixed"]{
    background: #46beb4;
    border-color: #46beb4 !important;
}
.nav-function-hidden:not(.nav-function-top) .page-header [data-class="nav-function-hidden"]{
    background: #46beb4;
    border-color: #46beb4 !important;
}
.nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"]{
    background: #46beb4;
    border-color: #46beb4 !important;
}

.nav-title{
	color: white;
}

.nav-menu li a{
	color: #a3cff9 !important;
}
.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient{
	background-color: rgb(0, 105, 170);
}
.nav-function-fixed .nav-footer{
	background: rgb(0, 105, 170);
}
/* colors nav-sidepane level1s 2s and 3s  */
.nav-menu li > ul li a:hover, .nav-menu li > ul li a:active, .nav-menu li a:hover, .nav-menu li a:active{
	background-color: #f9fbfd;
	color:rgb(0, 105, 170) !important;
}
.btn-link-1 {

	font-family:"Calibri";
	font-size: 18px;
    color: black !important;
	border: 1px solid #f8f9fa;
	border-radius: 5px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.btn-link-2 {

	font-family:"Calibri";
	font-size: 0.8rem;
    color: black !important;
	border: 1px solid #f8f9fa;
	border-radius: 5px;
	font-weight: 400;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
a.text-primary:hover{
	color: rgb(0, 105, 170) !important;
}
a.text-primary:focus{
	color: rgb(0, 105, 170) !important;
}
.btn-link-1:hover {
    color: rgb(0, 105, 170) !important;
	border-bottom: 1px solid rgb(0, 105, 170);
	border-radius: 5px;
	border-top: 1px solid rgb(0, 105, 170);
	border-right: 1px solid rgb(0, 105, 170);
	border-left: 1px solid rgb(0, 105, 170);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	
}
.btn-link-1 + .active{
	color: rgb(0, 105, 170) !important;
	border-bottom: 1px solid rgb(0, 105, 170);
	border-radius: 5px;
	border-top: 1px solid rgb(0, 105, 170);
	border-right: 1px solid rgb(0, 105, 170);
	border-left: 1px solid rgb(0, 105, 170);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.nav-menu li > ul{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.headerholder{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.subheader2:not(:empty) {
    margin-bottom: calc(1.5rem + 0.625rem);
    position: relative;
    display: -webkit-box;
    right: auto;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	
}
.subheader2-title {
	font-size: 1.375rem;
	font-weight: 500;
	color: #505c6c;
	text-shadow: #fff 0 1px;
	margin: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	height: 50px;
	flex: 1;
}
#headertype{
	margin: auto;
	position:absolute;
	top: 0;
	white-space: nowrap;
	right: 0;
}
#headerstatus{
	margin: auto;
	position:absolute;
	bottom: 0;
	white-space: nowrap;
	right: 0
}
.modal-hr{
	color: grey;
	background-color: darkgrey;
	border:none;
	height: 1px;
	margin:0;
}
.modal-body{
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.modal-body-search{
	height: auto;
	width: auto;	
	margin-top: 10px;
	margin-bottom: 10px;
}
.modal-header{
	padding: 0;
	padding-left:1.25rem;
}
.page-footer{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	bottom: 0;	
	z-index: 2000;
}

.vvSelectedNav{
	background-color: #f9fbfd;
	color:rgb(0, 105, 170) !important;
}

.vvSelectedNav .nav-link-text{
	color:rgb(0, 105, 170) !important;
}

#qsearchtable{
	padding-top: 0 !important;	
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0 !important;
}
.hoverbug{
	color: rgb(0, 105, 170) !important;
	border-bottom: 1px solid rgb(0, 105, 170);
	border-radius: 5px;
	border-top: 1px solid rgb(0, 105, 170);
	border-right: 1px solid rgb(0, 105, 170);
	border-left: 1px solid rgb(0, 105, 170);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.form-label{
	margin-right: 4px;
	font-weight: inherit;
}


.vvhdr{
	padding-top: 4px;
	border-radius:3px;
	margin-right: 5px;
	margin-bottom: 15px;
}
.vvhdr label{
	padding-left: 5px;

}
.vvhdrorange{
	background-color: rgb(240, 160, 80); 
	 
}
.vvhdrblue{
	background-color: rgb(0, 105, 170);
}

.vvhdrred{
	background-color: rgb(240, 80, 80); 
}
.vvhdryellow{
	background-color: rgb(240, 240, 80); 
}
.vvhdrteal{
	background-color: rgb(70, 190, 180); 
}
.vvhdrgray{
	background-color: rgb(105, 120, 140); 
}
.vvhdrlightblue{
	background-color: rgb(80, 160, 220); 
}

.vvhdrgreen{
	background-color: rgb(0, 180, 130); 
}
.vvhdrdarkblue{
	background-color: rgb(19, 75, 110); 
}
.vvhdrline{
	border-bottom: 2px solid rgb(0, 105, 170) !important;
	border-radius:0;
}
.vvhdrline label{
	color:rgb(0, 105, 170) !important;
	padding-left: 2px !important;
}


.vvrequired[value=""]{
	border-color: rgb(240, 80, 80) !important;
}

.vvRequiredOn{
	border-color: rgb(240, 80, 80) !important;
}
.vvRequiredOff{
	border-color: #E5E5E5;
}


.vvorange{
	background-color: rgb(240, 160, 80) !important; 
	color: white !important; 	 
}
.vvorange::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvblue{
	background-color: rgb(0, 105, 170) !important;
	color: white !important;
}
.vvblue::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvred{
	background-color: rgb(240, 80, 80) !important; 
	color: white !important; 
}
.vvred::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvyellow{
	background-color: rgb(240, 240, 80) !important;
}

.vvteal{
	background-color: rgb(70, 190, 180) !important; 
	color: white !important; 
}
.vvteal::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvgray{
	background-color: rgb(105, 120, 140) !important;
	color: white !important; 
}
.vvgrey::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvlightblue{
	background-color: rgb(80, 160, 220) !important;
	color: white !important;  
}
.vvlightblue::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvgreen{
	background-color: rgb(0, 180, 130) !important; 
	color: white !important; 
}
.vvgreen::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvbmsviolet{
    background-color: rgb(196,44,200) !important; 
	color: white !important; 
    
}
.vvbmsviolet::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvbmsgreen{
	background-color: rgb(4,180,84) !important; 
	color: white !important; 
}
.vvbmsgreen::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvgold{
	background-color: rgb(252,196,4) !important; 
	color: white !important; 
}
.vvgold::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.vvdarkblue{
	background-color: rgb(19, 75, 110) !important;
	color: white !important; 
}
.vvdarkblue::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvblack{
	background-color: rgb(0, 0, 0) !important;
	color: white !important; 
}
.vvblack::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvninoxblue{
	background-color: rgb(80, 110, 170) !important;
	color: white !important; 
}
.vvninoxblue::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.vvborder{
/*	border-width: thick;*/
    border-color: rgb(19, 75, 110);
}

.vvbold{
	font-weight: 500 !important;
}
.dropdown-item:hover, .dropdown-item:focus {
	color: rgb(0, 105, 170) !important;	
	background-color: rgb(244, 245, 255) !important;
}
.dt-buttons .btn-group .buttons-collection{
	
	border: 2px solid rgb(0, 105, 170) !important;
	color: rgb(0, 105, 170);
	border-radius: 4px;
}
.dt-buttons .btn-group .buttons-collection:hover, .dt-buttons .btn-group .buttons-collection:visited, .dt-buttons .btn-group .buttons-collection:focus{
	border: 2px solid #5aacfb !important;
	color: rgb(0, 105, 170);
	border-radius: 4px;
	color: #5aacfb !important;
}
.vvborder:hover, .vvborder:focus{
	border-color: rgb(19, 75, 110) !important;
}
.vvBorderExperiment{
	border-width: thick;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.33, rgb(14,173,173)), color-stop(0.67, rgb(0,255,255)));
    background-image: -moz-linear-gradient(center bottom, rgb(14,173,173) 33%, rgb(0,255,255) 67% );
    padding: 2px;
}
.table-hover tbody tr:hover {
	-webkit-box-shadow:  inset 1px 1px 1px 1px rgb(0 105 170 /60%), inset 1px 1px 1px 1px rgb(0 105 170/60%), 1px 1px 1px 1px rgb(0 105 170 /60%), 1px 1px 1px 1px rgb(0 105 170/60%);
    box-shadow: inset 1px 1px 1px 1px rgb(0 105 170 /60%), inset 1px 1px 1px 1px rgb(0 105 170/60%), 1px 1px 1px 1px rgb(0 105 170 /60%), 1px 1px 1px 1px rgb(0 105 170/60%);
	background-color: rgb(244, 245, 255);
	border-color: rgb(0, 105, 170);
	
}
.qsearchtable thead th:after, .qsearchtable thead th:before {
	content: none;
}

#dt-basic-main_filter{
	display: inline-block !important;
}
.dt-buttons{
	margin-right: 16px;
	display: inline-block !important;
	position: absolute;
	right: 0;
}
#qsearchtable thead th:after,  #qsearchtable thead th:before{
	display: none;
}
#qsearchtable tbody td{
	border: 0.5 !important;
}

.breadcrumb > li.breadcrumb-item {
	max-width: 250px;
}
#js-primary-nav{
	background: none rgb(0, 105, 170);
}
.navbar-collapse{
	position: absolute;
	right: 11%;
	
}
.collapse:not(.show) {
    display: none;
}
@media all and (max-width: 1400px){
    #capabilitiesdiv{
        margin-right: 20px;
    }
}
@media all and (max-width: 1200px){
	.navbar-collapse {
		position: fixed;
		top: 68px;
		right: -1.5%;
		z-index:100;
		background-color: white;

	}
	.navbar-toggler {
		position: absolute;
		right: 20px;
		display: block !important;
	}
	.btn-link-1{
		margin-left: 30px !important;
		min-width: 100vw;
		height: auto;
		width: 100vw;
		display:block;
	}
}

@media (max-width: 992px){
    #login-blue-text{
        display:none;
    }
    .card{
        margin-top:15px;
    }
    #panel2texts{
        display:none !important;
    }
    #paragraph1{
        display: none;
    }
    #paragraph2{
        display: block !important;
    }
}
@media all and (max-width: 600px){
/*
	.log-logo-link img {
		height: 50% !important;
	}
*/
    #peopleprocesstechnologydiv{
        display: none;
    }
	
}
@media all and (max-width: 500px){
	#headertype{
		position:relative;
	}
	#headerstatus{
		position:relative;
	}
}
@media all and (max-width: 443px){
    #copyrightdiv{
        display: none;
    }

}