html,body {
/*font-family: Raleway;
overflow:hidden;*/
width:100%;
height:100%;
position:absolute;
/*background: linear-gradient(25deg,#16054A,#C8A6B4);
background: linear-gradient(25deg,#f00000,#f00000);*/
/*text-shadow: 0px 1px 2px rgba(0,0,0,0.4);*/
}
/*f00000*/
body.body_welcome {
overflow:hidden;
/*background: linear-gradient(25deg,#16054A,#C8A6B4);*/
background: linear-gradient(25deg,#f00000,#f00000);
}
body.body_app {
background: #ffffff; /*#e9ecef;*/
/*background: url('/imgs/soft_wallpaper_blue_light.png') #EFEFEF;*/
}
.container_canvas {
width:100%;
height:100%;
left: 0%;
top: 0%;
position:absolute;
}
#blurCanvasTop{
left:0%;
top:0%;
position:absolute;
}
#blurCanvasBottom{
left:50%;
top:0;
position:absolute;
}
.blur {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}
.blurTop{
left:40%;
top:-110%;
transform:rotate(20deg);
transform-origin: 0 100%;
}
.blurBottom{
left:-60%;
top:100%;
transform:rotate(20deg);
transform-origin: 100% 0%;
}
.bg-orion {
/*background-color: rgb(120, 94, 133)!important
background-color: rgb(72, 118, 155)!important*/
background-color: rgb(240,0,0)!important;
}
a.bg-orion:focus,
a.bg-orion:hover,
button.bg-orion:focus,
button.bg-orion:hover {
/*background-color: rgb(120, 94, 133)!important
background-color: rgb(72, 118, 155)!important*/
background-color: rgb(240,0,0)!important;
}
div.btn-orion-info {
/*color: #785e85;*/
color: #f00000;
}
div.btn-orion-info:hover {
/*background-color: #785e85;*/
background-color: #f00000;
color: #bcafc2;
}
.search-box {
position: relative;
/*min-width: 280px;*/
}
.input-search {
padding-right: 50px;
width: 100%;
}
.btn-search {
position: absolute;
right: 5px;
}
.btn-primary-orion {
/*background-color: #785e85;*/
background-color: #f00000;
color: #f2ffe8;
margin-bottom: 1px;
}
.btn-primary-orion:hover {
/*background-color: #5b4868;*/
background-color: #f00000;
color: #f2ffe8;
}
.btn-primary-orion:active {
background-color: #f00000;
/*background-color: #5b4868;*/
color: #f2ffe8;
}
.btn-primary-orion-soft {
/*background-color: #9f88aa;*/
background-color: #a9c5e0;
color: #f2ffe8;
margin-bottom: 1px;
}
.btn-primary-orion-soft:hover {
/*background-color: #785e85;*/
background-color: #f00000;
color: #f2ffe8;
}
.btn-primary-orion-soft:active {
/*background-color: #785e85;*/
background-color: #f00000;
color: #f2ffe8;
}
td a i.fa {
/*#203546*/
/*background-color: rgb(120, 94, 133)!important*/
color: rgb(220, 9, 9)!important
}
td a i.fa:focus,
td a i.fa:hover,
td a i.fa.fa-dis:focus,
td a i.fa.fa-dis:hover {
/*background-color: rgb(120, 94, 133)!important
color: rgb(72, 118, 155)!important*/
color: rgb(240, 0, 0)!important;
}
td a i.fa.fa-dis {
/*#203546*/
/*background-color: rgb(120, 94, 133)!important*/
color: rgba(0, 0, 0, 0.25)!important
}
.table th, .table td {
padding: .75rem;
}
.table thead th, .table tbody td, .table tbody th {
border-color: rgb(225, 225, 225);
}
.sub-cbcontainer {
display: block;
position: relative;
cursor: pointer;
/*padding-left: 35px;
margin-bottom: 12px;
font-size: 22px;*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/*text-align: center;*/
text-align: left;
text-indent: 30px;
}
.cbcontainer {
display: block;
position: relative;
cursor: pointer;
/*padding-left: 35px;
margin-bottom: 12px;
font-size: 22px;*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/*text-align: center;*/
text-align: left;
text-indent: 30px;
}
/* Hide the browser's default checkbox */
.sub-cbcontainer input, .cbcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
/*top: 0;
left: 0;*/
height: 20px;
width: 20px;
background-color: #fff;
border: 1px solid #ddd;
}
.checkmark.rows {
top: 0;
left: 0;
}
/* On mouse-over, add a grey background color */
.sub-cbcontainer:hover input ~ .checkmark, .cbcontainer:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.sub-cbcontainer input:checked ~ .checkmark, .cbcontainer input:checked ~ .checkmark {
background-color: #ff1a1a;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.sub-cbcontainer input:checked ~ .checkmark:after, .cbcontainer input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.sub-cbcontainer .checkmark:after, .cbcontainer .checkmark:after {
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
label .cbcontainer {
margin-bottom: 0px;
}
/* Create a custom checkbox */
.checkmarkState {
position: absolute;
/*top: 0;
left: 0;*/
height: 20px;
width: 20px;
background-color: #eee;
border: 1px solid #ddd;
}
/* On mouse-over, add a grey background color */
.sub-cbcontainer:hover input ~ .checkmarkState, .cbcontainer:hover input ~ .checkmarkState {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.sub-cbcontainer input:checked ~ .checkmarkState, .cbcontainer input:checked ~ .checkmarkState {
background-color: #7c0a0a;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkState:after {
content: "";
position: absolute;
display: none;
}
.checkmarkState.rows {
top: 0;
left: 0;
}
/* Show the checkmark when checked */
.sub-cbcontainer input:checked ~ .checkmarkState:after, .cbcontainer input:checked ~ .checkmarkState:after {
display: block;
}
/* Style the checkmark/indicator */
.sub-cbcontainer .checkmarkState:after, .cbcontainer .checkmarkState:after {
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.rdcontainer {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default radio button */
.rdcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.rdcheckmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.rdcontainer:hover input ~ .rdcheckmark {
background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.rdcontainer input:checked ~ .rdcheckmark {
background-color: #ff1a1a;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.rdcheckmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.rdcontainer input:checked ~ .rdcheckmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.rdcontainer .rdcheckmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}
.card-header.with-nav-tabs {
/*background-color: rgb(72, 118, 155) !important;*/
/*background-color: rgb(240, 0, 0)!important;*/
/*color:#ffffff;*/
/*color: rgba(250, 250, 250, 1);*/
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.card-header.with-nav-tabs .nav-tabs {
border: 0px;
}
.card-header .nav-tabs .nav-item {
margin-bottom: -13px;
border-bottom: 0px;
}
.card-header .nav-tabs .nav-item .nav-link {
border-bottom: 0px;
}
.card-header .nav-tabs .nav-item .active {
/*background: #d5e9f9;
background-color: rgba(250, 250, 250, 1);
color: #304f69;*/
background-color: #c4ccd4;
color: #020202;
border-bottom: 0px;
background-color: rgb(255, 255, 255) !important;
}
.btn-default {
background-color: gray;
/*color: #f00000;*/
color: white;
}
.btn-default:hover {
background-color: #f00000;
/*color: #f00000;*/
color: white;
}
.btn-orion {
color: #f00000;
margin-bottom: 2px;
margin-right: 3px;
/*border: 1px solid #bac1c8;*/
text-align: center;
max-width: 40px;
}
.card-header.with-nav-tabs a {
/*background-color: rgb(72, 118, 155) !important;
color:#ffffff;*/
color: rgba(50, 50, 50, 1);
}
.card-light {
background-color: rgba(250, 250, 250, 1);
/*border: 1px solid rgba(72, 118, 155, .525);*/
border: 1px solid rgb(240, 0, 0, .525);
}
td.dataAlert {
background-color: #f7464a;
color: rgb(255, 255, 255)!important
}
td a.dataAlert {
color: rgb(255, 255, 255)!important
}
.btn-primary {
color: #fff;
background-color: #f00000;
border-color: #f00000;
}
.btn-primary:hover {
color: #fff;
background-color: #ff1a1a;
border-color: #ff1a1a;
}
.btn-primary.focus,
.btn-primary:focus {
-webkit-box-shadow: 0 0 0 .2rem rgba(52, 144, 220, .5);
box-shadow: 0 0 0 .2rem rgba(52, 144, 220, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #f00000;
border-color: #f01111;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #ff1a1a;
border-color: #f01111;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 .2rem rgba(240, 0, 0, .5);
box-shadow: 0 0 0 .2rem rgba(240, 0, 0, .5);
}
.mandatory-flag {
font-size: 10px;
font-style: italic;
padding: 3px;
border-radius: 3px;
/*background: lightsalmon;*/
color: red;
margin-left: 10px;
}
.bulkOptions__ {
display: none;
}
.danger {
background-color: palegoldenrod;
}
.table th, .table td {
padding: .25rem;
}
.menu-area{background: rgba(240,0,0,1);}
.dropdown-menu {
padding:0;
margin:0;
border:0 solid transition!important;
border:0 solid rgba(0,0,0,.15);
border-radius:0;
-webkit-box-shadow: 2px 2px rgba(220,220,220,1)!important;
box-shadow: 2px 2px rgba(220,220,220,1) !important
}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{
color:#fff;
font-size:14px;
/*text-transform:capitalize;*/
padding:10px 15px;
font-family:'Roboto',sans-serif;
display: block !important;
text-decoration: none;
}
.baseline> a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,
.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{
color: #fff;
background: rgba(190,0,0,1);
color: rgba(250,250,250,1);
outline: 0;
text-decoration: none;
}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{
background: rgba(240,240,240,1);
color: rgba(50,50,50,1);
/*#4CAF50;*/
}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{
background: rgba(190,0,0,1);
color: rgba(250,250,250,1);
}
.mainmenu ul.dropdown-menu{
background: rgba(240,240,240,1);
color: rgba(50,50,50,1);
border-left: 1px solid rgba(220,220,220,1);
text-decoration: none;
}
.dropdown-divider {
border-color: rgba(220,220,220,1);
}
.mainmenu .collapse ul ul ul > li:hover > a{background: rgba(190,0,0,1);color: rgba(250,250,250,1);}
.mainmenu .collapse ul.dropdown-menu a {background: rgba(240,240,240,1);color: rgba(50,50,50,1);}
/*.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background: rgba(240,240,240,1);color: rgba(50,50,50,1);}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background: rgba(240,240,240,1);color: rgba(50,50,50,1);}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background: rgba(255, 51, 0, 1);color: rgba(250,250,250,1);}*/
/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none;z-index:1}
.mainmenu .collapse .rightmenu li:hover> ul{display:block}
.mainmenu .collapse .rightmenu ul{position:absolute;top:100%;left:-50px;min-width:250px;display:none}
/*******/
.mainmenu .collapse .rightmenu ul li{position:relative}
.mainmenu .collapse .rightmenu ul li:hover> ul{display:block}
.mainmenu .collapse .rightmenu ul ul{position:absolute;top:0;Right:50px%;min-width:250px;display:none}
/*******/
.mainmenu .collapse .rightmenu ul ul li{position:relative}
.mainmenu .collapse .rightmenu ul ul li:hover ul{display:block}
.mainmenu .collapse .rightmenu ul ul ul{position:absolute;top:0;Right:50px%;min-width:250px;display:none;z-index:1}
}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{ padding:16px 15px 16px 35px }
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {padding:16px 15px 16px 45px }
}
.ui-tooltip.ui-corner-all.ui-widget-shadow.ui-widget-content {
background-color: #7c0a0a;
color: #ffffff;
}
.mainmenu .collapse ul.dropdown-menu .disabled a {
background: rgba(240,240,240,1);
color: rgb(167, 167, 167);
}
.item-selcheck {
color: #f00000;
}
.item-noselcheck {
color: #eeeeee;
}
.bg-evolutioncheck {
background-color: #f00000;
background: url("/imgs/BACK_DEFAULT.jpg");
}