html,body {

  /*font-family: Raleway;

  overflow:hidden;*/

  width:100%;

  height:100%;

  position:absolute;

  /*background: linear-gradient(25deg,#16054A,#C8A6B4);

  background: linear-gradient(25deg,#0156ff,#0156ff);*/

  /*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,#0156ff,#0156ff);

}



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(0,155,255)!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(0,155,255)!important;

}



div.btn-orion-info {

  /*color: #785e85;*/

  color: #0156ff;

}



div.btn-orion-info:hover {

  /*background-color: #785e85;*/

  background-color: #0156ff;

  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: #0156ff;

  color: #f2ffe8;

  margin-bottom: 1px;

}



.btn-primary-orion:hover {

  /*background-color: #5b4868;*/

  background-color: #0156ff;

  color: #f2ffe8;

}

.btn-primary-orion:active {

  background-color: #0156ff;

  /*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: #0156ff;

  color: #f2ffe8;

}

.btn-primary-orion-soft:active {

  /*background-color: #785e85;*/

  background-color: #0156ff;

  color: #f2ffe8;

}





td a i.fa {

  /*#203546*/

  /*background-color: rgb(120, 94, 133)!important*/

  color: rgb(0, 85, 255)!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(0,155,255)!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: #4993cf;

}



/* 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: #0b487b;

}



/* 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: #4993cf;

}



/* 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(0,155,255)!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: #0156ff;*/

  color: white;

}



.btn-default:hover {

  background-color: #0156ff;

  /*color: #0156ff;*/

  color: white;

}



.btn-orion {

  color: #0156ff;

  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: #0156ff;

  border-color: #0156ff;

}



.btn-primary:hover {

  color: #fff;

  background-color: #0044cc;

  border-color: #0044cc;

}



.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: #0156ff;

  border-color: #1192f0;

}



.btn-primary:not(:disabled):not(.disabled).active,

.btn-primary:not(:disabled):not(.disabled):active,

.show>.btn-primary.dropdown-toggle {

  color: #fff;

  background-color: #4993cf;

  border-color: #1192f0;

}



.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: rgb(1,86,255);}

.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: rgb(0, 68, 204);

    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: rgb(0, 68, 204);

    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: rgb(0, 68, 204);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: #0b487b;

  color: #ffffff;

}



.mainmenu .collapse ul.dropdown-menu .disabled a {

    background: rgba(240,240,240,1);

    color: rgb(167, 167, 167);

}

.item-selcheck {
	color: #0156ff;
}

.item-noselcheck {
	color: #eeeeee;
}

.bg-evolutioncheck {
    background-color: #0156ff;
}