@charset "utf-8";
/* CSS Document */

html { width:100%;height: 100%;}

body {
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    height: 100%;
    width:100%;
/*    background-color: #f0f0f0;*/
}

.header-section {
    position:fixed; 
    width:100%;
    z-index:1;
}

.content-section {
    display:block;
    height:100%;
/*    padding-top:161px;*/
    padding-top:140px;
    box-sizing: border-box;
/*    background-color: #E6EBE9;*/
/*    background-color: #f0f0f0;*/
}

.content-section-area {
    margin:0 auto;
    padding:10px;
}

.content-area-nonfull {
    width: 80%;
    min-width:800px;
}

.content-area-small {
    width: 60%;
    min-width:800px;
}

#header {
/*    height:121px;*/
    height:100px;
/*    background:url(../images/header_bg.png) repeat-x;*/
    background: linear-gradient(#2b5e7c, #337090);
/*    background: linear-gradient(#0e384d, #2d627e);*/
}

#head_wrapper {
/*	width:1052px;*/
    width:1180px;
    margin:auto;
    height:97px;
    padding-left:10px;
    padding-top:24px;
}

@media only screen and (max-width: 1250px) {
    #head_wrapper {
        width:auto;
    }
}

#head_right {
  float:right;
  margin-right:10px;
}
	
img {
	border:0;
}

#user {
	text-align:right;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
/*	color:#c5d0d3;*/
        color: #e1e8ea;
}

.username {
    font-family:Arial, Helvetica, sans-serif;    
}

#user a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
/*	color:#c5d0d3;*/
    color: #e1e8ea;
    text-decoration:underline;
    text-underline-offset: 0.1em;
}

#user a.logout {
    color: #00b1eb;
}

#user a.logout:hover {
    color: #34cdff;
}

#user a.uname{
    font-size:14px;
    font-weight:bold;
    color: #ff9300;
}

#user a.uname:hover { 
    color: #ffc271;
}

#topmenu {
	text-align:right;
	margin-top:-18px;
/*	color:#c5d0d3;*/
        color: #e1e8ea;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	clear:both;
}

#topmenu a {
	color:#c5d0d3;
/*        color: #e1e8ea;*/
        text-decoration: none;
}

#topmenu a:hover {	
        color: #e1e8ea;        
}

#navigation {
    height:41px;
    background: linear-gradient(#787878, #404040);
    overflow: hidden;
    position:relative;
}

#nav_wrapper {
    margin:0 auto;
/*    margin-bottom: -1px;*/
    text-align:center;
    transition: all 0.8s;
}

#navigation img { 
    vertical-align:middle;
}

.nav-scroll-pointer {
    position:absolute;
    z-index:11;
    display:none;
    cursor:pointer;
    color: #ff9900;
    background-color:rgba(0, 0, 0, 0.1);
    height:41px;
    padding-top:8px;
    box-sizing: border-box;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */    
}

.nav-scrollable {
    position: absolute;
    z-index: 10;
    width: 1250px;
    left:0px;
}

.menu_link {
  font-size: 14px;
  display: inline-block;
  font-family: sans-serif;
/*  color: #b5b4b3;*/
  color: #c8c8c8;
  text-decoration: none;
  padding: 3px 10px 0px 10px;
  letter-spacing: 3px;
  vertical-align:middle;  
}

.menu_link:hover {    
  color: #01b5f0;
}

.menu_link .active {
}

.disable_menu_link {
    color: #989898;
}

.disable_menu_link:hover {    
  color: #989898;
}

#main_home {
        height:361px;
        background:url(../images/hmain_bg.png) repeat-x;
}

#footer {
	height:231px;
	background:url(../images/foot_bg.png) repeat-x;
    border-top:#d8d8d8 5px solid;
}

#foot_wrapper {
	width:1052px;
	margin:auto;
	padding-left:10px;
}

.foot_sec {
	width:285px;
	padding-right:56px;
	font-size:12px;
	color:#b7d2d2;
	padding-top:32px;
	float:left;
}

.foot_sec h1 {
	font-size:16px;
	color:#f9fbfc;
	margin:0;
	padding:0;
}

#subscribe h1 {
	font-size:16px;
	color:#f9fbfc;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

#subscribe {
	font-size:11px;
	color:#b7d2d2;
}

#subscribe a {
	font-size:12px;
	color:#03c7ff;
	text-decoration:none;
}

.foot_sec div {
	margin: 5px 0px 0px 0px;
	padding:0;
}

.foot_sec a {
	font-size:12px;
	color:#03c7ff;
	text-decoration:none;
}

#subscribe {
	height:127px;
	padding-top:28px;
	width:317px;
	padding-left:44px;
	float:left;
}

#mh_wrap {
	width:963px;
	margin:auto;
	padding-left:59px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

#mh_wrap h1 {
	margin-top:0;
	margin-bottom:5px;
	padding-top:54px;
}

#mh_wrap p {
	margin-top:-2px;
	font-size:11px;
	color:#5a5958;
	font-weight:bold;
}

#mh_wrap p a {
	font-size:11px;
	color:#0188b0;
	text-decoration:none;
	font-weight:bold;
}

#protect {
	float:left;
}

#video {
	width:502px;
	height:345px;
	padding-top:16px;
	padding-left:9px;
	background:url(../images/video_bg.png) no-repeat;
	float:right;
}

#bottom_home {
	background:url(../images/bh_bg.png) repeat-x;
	height:220px;
}

#bh_wrap {
	width:1022px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#4a4844;
	font-size:12px;
}

#bh_wrap h1 {
	font-size:34px;
	font-weight:bold;
	color:#29261f;
	margin-bottom:0px;
}

#risk_img{
	width:131px;
	height:220px;
	float:left;
	background:url(../images/risk_img.png);
}

#identify_img {
	width:85px;
	height:220px;
	float:left;
	background:url(../images/identify_img.png);
}

#report_img {
	width:99px;
	height:220px;
	float:left;
	background:url(../images/report_img.png);
}

#risk {
	width:202px;
	padding-right:28px;
	float:left;
}

#identify {
	width:190px;
	float:left;
	padding-right:43px;
}

#report {
	width:190px;
	float:left;
}

.bot_sec {
	height:145px;
}

#main {
    min-height:581px;
    /*background:url(../images/main_bg.png) repeat-x;*/
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    /*background-color: #E6EBE9;*/
}

#main_report {	
/*  background-color:#ebefed;*/
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
/*  border-bottom:#e2e5e6 5px solid;*/
}

#main_wrap {
/*	width:1052px;*/
	margin:auto;
    padding: 10px;
	padding-top:30px;
}

#left_col {
/*	width:430px;*/
    width: 33%;
	float:left;
	/*padding-left:59px;*/
}

#searchbox {
	width:252px;
	padding-left:30px;
	height:28px;
	background:url(../images/search_bg.png);
	font-weight:bold;
	color:#2c4a5c;
}

#note {
	color:#2c4a5c;
	margin-top:110px;
}

#note a {
	color:#0babe0;
	text-decoration:none;
}

#right_col {
/*	width:610px;*/
    width: 66%;
	float:right;
	color:#333333;
}

#view_rep {
	margin-top:20px;
	margin-right:25px;
	text-align:right;
}

#steps {
	width:679px;
	
}

#functions {
	width:394px;
	float:left;
	color:#333333;
}

#uploadasset {
	height:30px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/upload_asset_box.png);
	background-repeat:no-repeat;
	padding-left:115px;
  padding-top:1px;	
}

#createasset {
	width:354px;
	height:238px;
	background:url(../images/createasset_bg.png);
	margin-top:20px;
	padding-top:25px;
	padding-left:40px;
}

#backnext {
	width:385px;
	text-align:right;
	margin-top:20px;
}

#applybuttons{
	width:385px;
	text-align:right;
	margin-bottom:130px;
}

#addthreats {
	width:344px;
	height:45px;
	background:url(../images/addthreats.png);
	margin-top:26px;
	padding-top:35px;
	padding-left:50px;
}


#descriptions {
	width:248px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	color:#2c4a5c;
}


#descriptions a{
	color:#0babe0;
	text-decoration:none;
}

/*Login*/
#login_wrapper {
  padding:20px 10px 10px 10px;
}

#login_content {
  padding-top:20px;
}

#login_content label {
  font-size:12px;
}

#rap_tree_list, #rap_workspace_list, #new_asset_list {
  padding-left:0px;
}

#rap_workspace_list {
    width: 80%;
    margin: 0 auto;
}

/*Overlay*/
div.myra_overlay {
  background-color:#000000;
  position:fixed;
  display:none;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  filter:alpha(Opacity=1);
  -moz-opacity:0.05;
  opacity:0.05;
  z-index:10000;
}

div.myra_overlay_message {
    font-size:14px;
/*    font-weight:500;*/
    background-color:#282828;
    border:#000000 1px solid;
    color:#ffffff;
    border-radius: 5px;
    opacity:0.8;
    
    letter-spacing: 1px;
    
    padding:8px 16px;
    position:fixed;
/*    min-width:150px;*/
    top:10px;
    left:10px;
    z-index:10001;     
}

span.status_text {
  color:#ff0000;
}

#threat_lib_tree {
  width:100%;
/*  border:#d3d3d3 5px solid;
  height:100%;*/
  background-color:#ffffff;
}

#threat_lib_tree_div {
  padding:5px;
  overflow:auto;
/*  height:100%;*/
}

/*table/grid*/

.grid_view {
    background-color:#d7d7d7;
}

.grid_header {
    background-color:#4f6d7f;
    color:#ffffff;
    font-weight:bold;
    padding:8px 5px 8px 5px; 
}

.grid_cell {
    background-color:#ffffff;
    padding:8px 5px 8px 5px; 
}

.sticky-header .grid_header {
    position: sticky;
    top: 0px;
}

.list_view {
/*    background-color:#f0f0f0;*/
    border-collapse: collapse;
}

.list_view td {
  padding: 8px 10px 8px 10px;
  border-bottom: #f0f0f0 1px solid;
}

.list_view .odd {
/*    background-color:#dce6ec;*/
    background-color:#ffffff;
}

.list_view .event {
/*    background-color: #f4f6f8;
    background-color:#f0f5f3;*/
    background-color:#fafcff;
}

.list_view a {
  font-size:12px;
/*  color:#0188b0;
  color:#016cb0;*/
  color:#0c71b8;
  text-decoration:none;
  font-weight:normal;
  line-height:19px;
}

.list_view a:hover {  
  text-decoration:underline;
  color:#ff6600;
}

/*fieldset*/

fieldset {  
  margin-bottom:15px;
  padding-left:10px;
  padding-bottom:10px;
  padding-right:10px;
/*    border: none;
    border-top: #e0e0e0 1px solid;*/
    border: #e0e0e0 1px solid;
    background-color: #ffffff;
    border-radius: 5px;
/*    box-shadow: rgba(0,0,0,0.1) 1px 1px 5px;*/
}

legend {
  font-size:9pt;
}

legend.section {
    font-size:8pt;
    font-weight: 500;
    border: #e0e0e0 1px solid;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    background-image: linear-gradient(#ffffff, #dedede);
    color: #000000;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*page elements*/

.box_top {
    padding:5px;
    height:37px;
    border-bottom:#d3d3d3 1px solid;
/*    background-color:#f4f4f4;*/
    background-color:#e8e8e8;
    box-sizing: border-box;
}
	
#tree_div {
  border:#d3d3d3 5px solid;
  height:540px;
  background-color:#ffffff;  
}

#rap_tree, #bia_tree, #cap_tree, #rt_tree, #dpia_tree, #rop_tree, #tmpltree_tree {
  padding:5px;
  position:relative; /* needs to be relative for the ensureVisible to work. */
  overflow:auto;
  height:calc(100% - 37px);
  box-sizing:border-box;
/*  background-color:#fafafa;*/
}

.myra-page-title {
    font-family:Arial,verdana,helvetica;
    margin-bottom:0px;
    margin-top:0px;
    padding: 8px 0px;
/*    color:#36a3f0;*/
    color: #0c71b8;
    font-size:20px;
    font-weight:500;
    letter-spacing:1px;
/*    text-transform:uppercase;*/
}

.myra-page-subtitle, .rap_subtitle {
    font-family:verdana,helvetica,arial;
    margin-bottom:0px;
    margin-top:0px;
    color:#36a3f0;
    font-size:18px;
    font-weight:normal;
}

hr {
  height:1px;
  border:none;
/*  color:#acacac;
    background-color:#acacac;*/
  color:#d8d8d8;
  background-color:#d8d8d8;
  font-size: 0px;
  margin-top: 9px;
  margin-bottom: 10px;
}

#left_col_small {
  width:350px;
  float:left;
}

#right_col_small {
  width:250px;
  float:right;
}

button, input, textarea, select {
    border:#c8c8c8 1px solid;
    font-size: 12px;
}

.button {
    padding: 4px 12px;
    background-image:url(../images/button_bg.gif);
/*    border:#c8c8c8 1px solid;*/
    border-radius: 3px;
}

.button_short {
    padding: 4px 8px;
    background-image:url(../images/button_bg.gif);
    border-radius:3px;
/*    border:#c8c8c8 1px solid;*/
}

.button-action {
    font-size: 10pt;
    border: #00A5f1 1px solid;
    border-radius: 3px;
    padding: 2px 20px 3px 20px;
    background-image: linear-gradient(#a3e1ff, #00A5f1);
    color: #f8f8f8;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
    margin-top: 2px;
}

.button-action:hover {
    color: #ffffff;
    background-image: linear-gradient(#c8edff, #00A5f1);
/*    background-image: linear-gradient(#c8edff, #45c4ff);    */
}

.message_div, .message {
  font-style:normal;  
  color:#ff0000;
  letter-spacing: 1px;
}

.std_link {
/*    color:#016cb0;*/
    color:#0c71b8;
/*    color:#4b697c;*/
}

.std_link:hover {
/*  color:#72a8c9;*/
/*    color:#ff9933;*/
    color: #ff6600;
}

.red_link {
    color: #cc0000;
}

.textbox {
	
}

.textbox_search {
  border:#d8d8d8 1px solid;
  height:27px;
}

/** sort navigation style. */
.sort_nav {
    float:right;
    width: 10px;
    height: 100%;
}

.sort_up, .sort_down, .sort_up_sel, .sort_down_sel {
    width:8px;
    height:8px;
    background-repeat:no-repeat;
    cursor: pointer;
}

.sort_up {
    background-image:url("../images/sort_up_black.png");
}

.sort_up_sel {
    background-image:url("../images/sort_up.png");
}

.myra-simple-gridview .sort_up_sel {
    margin-top: 0px;
    background-image:url("../images/sort_up_orange.png");
}

.sort_down {
    margin-top: 0px;
    background-image:url("../images/sort_down_black.png");
}

.sort_down_sel {
    margin-top: 0px;
    background-image:url("../images/sort_down.png");
}

.myra-simple-gridview .sort_down_sel {
    margin-top: 0px;
    background-image:url("../images/sort_down_orange.png");
}

/** */

/*-------------------------*/
/*CSS for NLSMENU - SUBMENU*/
/*-------------------------*/

.nlsmenu {
/*    border:#aeada2 1px solid;*/
    border:#484848 1px solid;    
/*    background-color:#878278;*/
    background-color:#686868;
    padding:1px 1px 1px 1px;
    z-index:1;
}

.nlsitemcontainer {height:20px;border:transparent 1px solid;box-sizing: border-box;}
.nlsiconcell {width:22px;}
.nlssubmenucell{width:20px;}
.nlsitem {
    font-family:verdana;
    font-size:13px;
    color:#e7e7e7;
    padding:10px 10px 10px 10px;
    box-sizing: border-box;
}

.nlsitemcontainerover {
    height:20px;
    border:transparent 1px solid;
    box-sizing: border-box;
    background-color: #747474;
 }
.nlsiconcellover {width:22px;}
.nlssubmenucellover {width:20px;}
.nlsitemover {
    font-family:verdana;
    font-size:13px;
    color:#ffffff;
    padding:10px 10px 10px 10px;
    box-sizing: border-box;
}

.nlsitemdisable {
    font-family:verdana;
    font-size:13px;
    color:#989898;
    padding:10px 10px 10px 10px;
}

.nlsseparatorcontainer {padding-left:0px;}
.nlsseparator {
    height:1px;    
/*    border-top:#a9a294 1px solid;*/
    border-top:#888888 1px solid;
}

.mtopleft {height:0px; width:0px;}
.mtopright {height:0px; width:0px;}
.mbottomleft {width:0px; height:0px;}
.mbottomright {width:0px; height:0px;}
.mtop {height:0px;}
.mbottom {height:0px;}
.mleft {width:0px;}
.mright {width:0px;}

.horzshadow {}
.vertshadow {}
.cornshadow {}

.nlsscrup, .nlsscrupover {
    background-image:url(../images/sort_up.png);
    background-repeat:no-repeat;
    background-position:center center;
    
 }

.nlsscrdown, .nlsscrdownover {
    background-image:url(../images/sort_down.png);
    background-repeat:no-repeat;
    background-position:center center;
    
}

.nlsscrupover{background-color:#686868;}
.nlsscrdownover{background-color:#686868;}

/*-------------------------*/
/*CSS for TOP MESSAGE*/
/*-------------------------*/

div#topms {
    background: yellow;
}

div#topms p {
    text-align: center;
    margin: 0;
    padding: 20px;
    color: red;
    font-size: 15px;
    font-weight: bold;
}

div#topms p a {
    text-decoration: none;
}

/* Iframe Panel*/
.flat-iframe-panel {
    border: none;
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    margin: 0px;
}

input.input_box {
    padding: 4px;
    box-sizing: border-box;
    height: 24px;
    border-radius: 3px;
/*    border:#c8c8c8 1px solid;*/
}

input[type='file'] {
    height: auto;
}

textarea.input_area {
    box-sizing: border-box;
    font-family:inherit;
    padding: 4px;
    border-radius: 3px;
/*    border:#c8c8c8 1px solid;*/
}

select.select_box {
    padding: 4px;
    box-sizing: border-box;
    border-radius: 3px;
/*    border:#c8c8c8 1px solid;*/
}

select.multi_box {
    height: 100px !important;
    box-sizing: border-box;
    border-radius: 3px;
}

/* Tooltip container */
.infotip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;  /*If you want dots under the hoverable text */
  font-weight: bold;
}

/* Tooltip text */
.infotip .infotiptext {
  visibility: hidden;
  width: 200px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 8px 10px;
  border-radius: 6px;
  font-weight: normal;
  
  white-space: normal;
  
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -100px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.infotip .infotiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.infotip:hover .infotiptext {
  visibility: visible;
  opacity: 1;
}

#nav_wrapper .infotip {
    border-bottom: none;
    font-weight:normal;
    box-sizing: border-box;
}

#nav_wrapper .infotip .infotiptext {
    width: 100px;
    top: 155%;
    left: -50px;
    margin-left: 27px;
    bottom: auto;
    letter-spacing: 1px;
    font-size: 0.8em;
    box-sizing: border-box;
}

#nav_wrapper .infotip .infotiptext::after {
    bottom: 100%;
    top: auto;
    border-color: transparent transparent #555 transparent
}

/* MyRA Float Panel Style*/

.myra-floatpanel-container {
    background-color:rgba(0,0,0,0.2); 
    width:100%;
    height:100%;
    position:fixed;
    display:none; 
    box-sizing: border-box;
    top:0px;
    left:0px;
    z-index: 1000;
}

.myra-floatpanel {    
    position: absolute;
    top: 0px; left: 0px; right: 0px; bottom:0px;
    margin: auto;
    width: 85%;
    height: 550px;
    border: #b8b8b8 1px solid;
    padding: 40px 10px 10px 10px;
    box-sizing: border-box;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 9px 3px;
    background-color: #f8f8f8;
    border-radius: 3px;
}

.myra-floatpanel-title {
    position:absolute;
    top: 0px;
    left: 0px;
    padding: 10px 10px;
    font-size: 16px;
    color: #0188b0
}

.myra-floatpanel-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
}

.myra-floatpanel-close {
    position: absolute;
    display: inline-block;
    top: 5px;
    right: 8px;
    transition: transform 0.5s;
    transform: rotate(0deg);
    font-size:14px;
}

.myra-floatpanel-close:hover{
    cursor: pointer;
    font-weight: bold;
    transform: rotate(180deg);
    color: #cc0000;
}

.myra-floatpanel-close:after {
    content: "\10322";
    font-family: sans-serif;
}

.myra-tab {
    display: block;
    border-bottom: #b8b8b8 1px solid;
    clear: both;
    overflow: visible;
    height: 30px;
    padding-left: 10px;
}

.myra-tab-item {
    margin-left: 2px;
    float:left;
    display: inline-block;
    padding: 8px 20px;
    border: #b8b8b8 1px solid;
    border-bottom: none;
    background-image: linear-gradient(#E6EBE9, #ffffff);
    font-weight: bold;
    font-size: 9pt;
    color: #888888;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

.myra-tab-item-sel {
    color: #686868;
    margin-top: 1px;
    background-image: linear-gradient(#ffffff, #E6EBE9);
}

.myra-tab-content-area {
    border: #b8b8b8 1px solid;
    border-top: none;
    padding: 10px;
}

.myra-checkbox-group {
    border:#888 1px solid;
    padding:5px;
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
}

.myra-panel-container {
    padding: 5px;
    box-sizing: border-box;
    overflow: auto;
    height: 100%;
}

.myra-panel-content {
    padding: 5px;
    box-sizing: border-box;
    overflow: auto;
    height: calc(100% - 37px);
}

.myra-action-bar {    
    padding: 5px 10px;    
    width: 100%;
    display: block;
    background-color: #e8e8e8;
    border-bottom: #d8d8d8 1px solid;
/*    background-color: #787878;
    border-bottom: #282828 1px solid;
    color: #e0e0e0;*/
    z-index: 100;
    box-sizing: border-box;
    height: 37px;
    
}

.myra-common-panel {
    padding:10px 10px;
    box-sizing: border-box;
}

.myra-scoll-panel {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
}

.myra-checkbox-list {
    width:100%;
    border:#d8d8d8 1px solid;
    min-height: 100px;
    max-height:150px;
    overflow: auto;
}

.myra-checkbox-item {
    display: block;
    padding: 3px 5px;
    margin-bottom: 1px;
    background-color: #fefefe;
    white-space: nowrap;
}

.myra-checkbox-item input[type=checkbox],
.myra-checkbox-item input[type=radio] {
    vertical-align: middle;
}

.myra-checkbox-item span {
    vertical-align: middle;
    display: inline-block;
    padding: 3px;
}

.myra-single-checkbox-item {
    display: inline-block;
    background-color: transparent;
}

/* Spliiter */
.xpro-splitpanel {
    width: 100%;
    height: 100%;
    display: flex;
    box-sizing: border-box;
    overflow:hidden;
    position: relative; /*need observasion on adding this...*/
}

.xpro-split-left {
    background-color: #fff;
    width: 25%;
    height: 100%;
    min-width: 10px;
    box-sizing: border-box;
    overflow:hidden;
}

.xpro-split-right, .xpro-split-property {
    width: 75%;
    height: 100%;
    min-width: 10px;
    box-sizing: border-box;
    overflow:hidden;
    position:relative;
}

.xpro-split-property {
    display: none;
}

.xpro-splitpanel-enable_prop .xpro-split-property {
    width: 20%;
    display: block;
    overflow: hidden;
}

.xpro-splitpanel-enable_prop .xpro-split-right {
    width:55%;
}

.xpro-split-bar {
    box-sizing: border-box;
    cursor: col-resize;
    background-color: #C8C8C8;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    width: 2px;
/*    height: 100%*/

    /* Prevent the browser's built-in drag from interfering */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.myra-ajax-panel {
    width: 100%;
    height: 100%;
    min-width: 10px;
    box-sizing: border-box;
    overflow:hidden;
    position:absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    display: none;
    z-index: 1000;
    background-color:rgba(0, 0, 0, 0.1);    
}

.myra-ajax-panel-left {}

.myra-ajax-panel-container {
    width: 50%;
    height: 100%;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
    background-color:#ffffff;
    box-sizing: border-box;
    overflow:hidden;
    position:absolute;
    right: 0px;
    top: 0px;
}

.myra-ajax-panel-left .myra-ajax-panel-container {
    left: 0px;
    right: auto;
}

.myra-ajax-panel-content {
    width:100%;
    height:100%;
    box-sizing:border-box;
}

.xpro-edtdd {
    display: inline-block;
    white-space: nowrap;
    position:relative;
}

.xpro-edtdd-multi {
    white-space: normal !important;
    width: 100%;
}

.xpro-edtdd .input_box {
    padding-right:25px;
}
.xpro-edtdd .xpro-edtdd-btn {
    display:inline-block;
    width:25px;
    height:24px;
    margin-left:-25px;
    box-sizing: border-box;
}

.xpro-edtdd-noneditview {
    padding:6px 25px 6px 6px;
    background-color:#fafafa;
    display:inline-block;
    width:100%;
    box-sizing:border-box;
    min-height:26px;
}

.xpro-edtdd .xpro-edtdd-container {
    position: absolute;
    width: 250px;
    height: 250px;
    overflow: auto;
    background-color: #fefefe;
    border:#c8c8c8 1px solid;
    display: none;
    box-sizing: border-box;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
    border-radius: 3px;
    z-index: 1000;
}

.xpro-edtdd .xpro-edtdd-item {
    padding:7px 9px;        
}

.xpro-edtdd .xpro-edtdd-item:hover {
    background-color: #e8e8e8;
}

.xpro-edtdd .xpro-edtdd-item input[type="checkbox"] {
    vertical-align: middle;
}

.confim-message-bar {
    text-align:center;
    padding: 8px;
    font-size: 14px;
    background-color: #e8e8e8;
    margin: 0px;
    height:37px;
    box-sizing: border-box;
    display:block;
}

.myra-float-container {
    position:absolute;
    padding:10px;
    box-sizing:border-box;
    display:none
}

.simple-float-panel {
    display:none;
    position:absolute;
    padding:10px;
    background-color:#ffffff;
    border:#d8d8d8 1px solid;        
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 9px 3px;
}

.myra-action-bar-group {
    display:inline-block;
    background-color:#ffffff;
    padding:1px 8px 5px 8px;
    border:#d8d8d8 1px solid;
    border-radius:5px;
}

.myra-section {
    background-color:#ffffff;
    margin: 10px 0px;
}

.myra-section-block {
    background-color: #fafafa;
    border: #e4e4e4 1px solid;
    border-radius: 7px;
    padding: 5px;
}

.myra-section-block textarea,
.myra-section-block input[type=text] {
    border: none;
    border-bottom: #d8d8d8 1px solid;
}

.myra-section-block textarea:focus,
.myra-section-block input[type=text]:focus {
    outline:none;
}

.myra-section-decor-panel {
    background-color:#dce6ec;
}

.myra-section-content {
    padding:5px;
    background-color:#fafafa;
}

.myra-section-header {
    background-color:#dce6ec;
    padding:8px 10px;
    font-weight:bold;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#484848;
}

.myra-section-box {
    border: #63bfff 1px solid;
    border-top: #0c71b8 5px solid;
    background-color: #ffffff;
    padding: 0px 10px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.1) 1px 1px 3px;
    margin-bottom: 10px;
}

.myra-text-panel {
    padding: 5px 5px;
}

/* myra menu module menu */

.myra-action-icon {
    font-size: 20px;
}

ul.myra_action_menubar {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.myra_action_menubar li {
    display: block;
    height: 22px;
    margin-left: 2px;
    margin-right: 2px;
    cursor: pointer;
    padding:6px 8px;
}

ul.myra_action_menubar li a {
    font-size: 1.1em;
    border: transparent 1px solid;
    text-decoration: none;
    color: #000000;
    white-space: nowrap;
    display: block;    
    padding:6px 8px;
}

ul.myra_action_menubar li a:visited {
    text-decoration: none;
    color: #000000;
}

ul.myra_action_menubar li a span {
    vertical-align: middle;
}

ul.myra_action_menubar li a label {
    vertical-align: middle;
    margin-left: 5px;
}

ul.myra_action_menubar li a.highlight {
    border-radius: 3px;
/*    background-color: #ffecb3;
    border: #ffc107 1px solid;*/

    background-color: #ffffd2; /*#fffff3;*/
    border: #ffe493 1px solid;
    color:#006cd8;
    
/*    background-color: #edf8ff;
    border: #63bfff 1px solid;
    color:#336699;*/

    font-weight:bold;
}

ul.myra_action_menubar li a:hover, ul.myra_action_menubar li a.selected {
    border-radius: 9px;

/*    border: #0070a1 1px solid;
    background-color: #0481b7;
    color: #f8f8f8;*/
    
/*    border: #0a4f7f 1px solid;
    background-color: #0c71b8;
    color: #f8f8f8;*/
    
/*    border: #565add 1px solid;
    background-color: #7d81ff;
    color: #f8f8f8;*/
    
    border: #087393 0px solid;
    background-color: #0c90b8;
    color: #ffffff !important;
    
    font-weight: bold;    
}

ul.myra_action_menubar .myra-action_menuitem-pointer {
    font-weight:bold;
    vertical-align:baseline;
/*    color: #ff3300;*/
    color: #006dff;
    width: 25px;
    display: inline-block;
}

ul.myra_action_menubar li a:hover .myra-action_menuitem-pointer, 
ul.myra_action_menubar li a.selected .myra-action_menuitem-pointer {
    color: #f8f8f8 !important; /*#ff3300*/
}

/* --------------------- */

.excla_badge {
    color:#cc0000;
    font-style:italic;
    font-weight:bold;
    font-size: 1.1em;
}

.rounded_badge {
    border-radius: 7px;
    padding: 6px 10px;
    background-color: transparent;
    font-weight: 500;
    display: inline-block;
    font-size:0.8em;
}

.primary_badge {
    background-color:#426aff !important;
    color:#ffffff;
}

.secondary_badge {
    background-color:#43c130 !important;
    color:#ffffff;
}

.myra-delete-icon {
    display: inline-block;
    transition: transform 0.5s;
    transform: rotate(0deg);
    cursor: pointer;
    vertical-align: middle;
}

.myra-delete-icon:after {
    content: "\10322";
    font-family: sans-serif;
}

.myra-delete-icon:hover{

    font-weight: bold;
    transform: rotate(180deg);
    color: #cc0000;
}

.myra-valign-middle {
    vertical-align: middle;
}

.myra-icon {
    
}

.myra-act-icon {
    padding: 8px;
    font-size: 16px;
}

.myra-act-icon:hover {
/*    background-color: #e8e8e8;*/
    background-color: #000000;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
}

.myra-act-icon-flat {
    font-size: 14px;
}

.myra-act-icon-flat:hover{
    color: #ff6600;
    cursor: pointer;
}

.myra-button {
    color: #ffffff;
    padding: 8px 12px;
    background-color: #0c71b8;
    border-radius: 6px;
    border: #0a4f7f 1px solid;
    background-image: none;
}

.myra-button:hover {
    background-color: #36a3f0;
    border: #1575b8 1px solid;
}

a.myra-action-link-button {
    display:inline-block;
    color: #ffffff;
    padding: 8px 12px;
    font-size: 1.1em;
    text-decoration: none;
    background-color: #0c71b8;
    border-radius: 8px;
    border: #0a4f7f 1px solid;
}

a.myra-action-link-button:hover {
    background-color: #1186d8;
    border: #1575b8 1px solid;
}

a.myra-action-link-button .myra-icon {
    font-size: 1.1em;
    vertical-align: top;
}

a.myra-action-link {
    display:inline-block;
    padding: 5px 8px 5px 8px;
    
    text-decoration: none;
/*    line-height: 20px;*/
    max-height: 20px;
    overflow: hidden;
    color: inherit;
    
    cursor:pointer;
}

a.myra-action-link:hover {
    text-decoration: none;
    background-color: #000000;
    color: #ffffff;
    border-radius: 4px;
}

a.myra-action-link .myra-icon {
    vertical-align: middle;
    font-size:20px;
}

.myra-action-text {
    vertical-align:middle;
}

.myra-action-toggle {
    border-radius: 4px;
}

.myra-action-toggle-selected {
    color:#ffffff;
    background-color: #282828;
    border: #000000 1px solid;
}

.myra-default-loader {
    padding: 5px 0px;
    display: none;
}

.myra-default-loader img {
    vertical-align:middle;
}

.myra-label {}

.myra-label-icon {
    display: inline-block;
}

.myra-label-icon .myra-icon {
    font-size: 18px;
    vertical-align: middle;
}

/* Myra GRID */

.myra-container {
    width: 100%;
    box-sizing: border-box;
}

.myra-row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.myra-col {
    flex: 1 0 0%;
    box-sizing: border-box;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}


.myra-col-1, .myra-col-2, .myra-col-3, .myra-col-4, .myra-col-5, .myra-col-6,
.myra-col-7, .myra-col-8, .myra-col-9, .myra-col-10, .myra-col-11, .myra-col-12 {
    flex: 0 0 auto;
    box-sizing: border-box;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.myra-col-1 {
    width: 8.3333%;
}

.myra-col-2 {
    width: 16.6666%;
}

.myra-col-3 {
    width: 25%;
}

.myra-col-4 {
    width: 33.3333%;
}

.myra-col-5 {
    width: 41.6666%;
}

.myra-col-6 {
    width: 50%;
}

.myra-col-7 {
    width: 58.3333%;
}

.myra-col-8 {
    width: 66.6666%;
}

.myra-col-9 {
    width: 75%;
}

.myra-col-10 {
    width: 83.3333%;
}

.myra-col-11 {
    width: 91.6666%;
}

.myra-col-12 {
    width: 100%;
}

.myra-form {
    
}

.myra-form-row {
    width: 100%;
    padding: 3px 0px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.myra-field-label {
    display: inline-block;
    padding: 7px;
    margin-bottom: 0px;
}

.myra-field-label-bg {
/*    background-color:#f0f0f0;*/
    background-color:#edf8ff;
    border-radius: 3px;
}


.myra-field-row {
    padding: 3px 0px;
    margin-bottom: 0px;
}

.myra-field-control {
    display: block;
    width: 100%;
    box-sizing: border-box;
/*    margin-top: 5px;
    padding: 5px;*/
    padding: 7px;
    margin-top: 2px;
    border-radius: 3px;
}

input[type=radio].myra-field-control,
input[type=checkbox].myra-field-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-top:auto;
}

input[type=text].myra-field-control {    
    border: none;
    border-bottom: #e8e8e8 1px solid;
}

textarea.myra-field-control {
    resize: vertical;
    min-height: 60px;
    border: none;
    border-bottom: #e8e8e8 1px solid;
    font-family: inherit;
}

input[type=text].myra-field-control:focus,
textarea.myra-field-control:focus {
    outline: none;
    border-bottom: #0c71b8 1px solid;
}

input[type=text].myra-field-control:read-only,
textarea.myra-field-control:read-only {
    outline: none;
    border: none;
    background-color: #fbfbfb;
}

.myra-field-required {
    background-color: #fcfae4 !important;
}

.myra-required-asterisk {
    color: #ff0000;
}

.myra-date-picker {
    display:inline-block;
    white-space:nowrap;
}

/* unit, fixed width */
.myra-unit-fw0 {
    width: 100px;
}

.myra-unit-fw1 {
    width: 120px;    
}

.myra-unit-fw2 {
    width: 150px;
}

.myra-unit-fw3 {
    width: 180px;
}

.myra-unit-fw4 {
    width: 210px;
}

.myra-unit-fw5 {
    width: 240px;
}

.myra-unit-fw6 {
    width: 270px;
}

.myra-unit-rw1 {
    width: 40%;
}

.myra-unit-rw2 {
    width: 50%;
}

.myra-unit-rw3 {
    width: 60%;
}

.myra-unit-rw4 {
    width: 70%;
}

.myra-fonsize-12 {
    font-size: 12px !important;
}


.myra-fonsize-13 {
    font-size: 13px !important;
}

.myra-fonsize-14 {
    font-size: 14px !important;
}

.myra-fonsize-16 {
    font-size: 16px !important;
}

.myra-fonsize-18 {
    font-size: 18px !important;
}

.myra-block {
    display: block;
}

.myra-inline {
    display: inline;
} 

.myra-inlineblock {
    display: inline-block;
}

.myra-displaynone {
    display: none;
}

.myra-nopad {
    padding: 0px;
}

.myra-pad3 {
    padding: 3px !important;
}

.myra-pad5 {
    padding: 5px !important;
}

.myra-pad8 {
    padding: 8px !important;
}

.myra-vpad3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.myra-vpad5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.myra-vpad8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}


.myra-hpad3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.myra-hpad5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.myra-hpad8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.myra-font-500 {
    font-weight: 500;
}

.myra-p {
    padding: 3px 0px;
}

.myra-txsize-sm {
    font-size: 0.9em;
}

.myra-full-height {
    height:100% !important;
}

.myra-full-width {
    width:100% !important;
}

.myra-full-dimension {
    width:100% !important;
    height:100% !important;
}

.myra-breadcrumb {
    padding: 3px 0px;
/*    letter-spacing:1px;*/
}

.myra-dim-text {
    color: #888888;
}

.myra-flash-message {
    position:fixed;
    bottom:10px;
    left:10px;
    z-index:10005;     
}

.myra-flash-msg-item {
    font-size:14px;    
    background-color:#b2f093;
    border:#aecf9d 1px solid;
    color:#000000;
    border-radius: 5px;
    opacity:1;
    
    letter-spacing: 1px;
    
    padding:8px 16px;
    margin: 3px 0px;
    
    box-shadow: rgba(0,0,0,0.2) 0px 0px 9px 3px;
}

/* myra panmel scrollbar */

.myra-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

  /* Track */
.myra-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d8d8d8; 
    border-radius: 5px;
}

  /* Handle */
.myra-scroll::-webkit-scrollbar-thumb {
    background: #d8d8d8; 
    border-radius: 5px;
}

  /* Handle on hover */
.myra-scroll::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
}

/* Named color */

.myra-color-violet {
    color:#ff6600 !important;
    border: transparent 1px solid;
}

.myra-color-blue{
    color: #0c71b8 !important;
    border: transparent 1px solid;
}

.myra-color-black{
    color: #000000 !important;
    border: transparent 1px solid;
}

.myra-color-teal{
    color: #0088bc !important;
    border: transparent 1px solid;
}

.myra-btncolor-yellow {
    background-color: #ffecb3 !important;
    border: #ffc107 1px solid !important;
    color:#000000 !important;
    border-radius: 4px;
}

.myra-btncolor-violet {
    background-color: #ff6633 !important;
    border: #ff3300 1px solid !important;
    color:#d8d8d8 !important;
    border-radius: 4px;
}

.myra-btncolor-seablue {
    background-color: #edf8ff !important;
    border: #63bfff 1px solid !important;
    color:#336699 !important;
    border-radius: 4px;
}

.myra-btncolor-blue {
    background-color: #0c71b8 !important;
    border: #0a4f7f 1px solid !important;
    color:#d8d8d8 !important;
    border-radius: 4px;
}

.myra-bgcolor-violet{ border: transparent 1px solid; }
.myra-bgcolor-violet:hover {
    color:#ffffff !important;
    background-color: #ff6633 !important;
    border: #ff3300 1px solid;
}

.myra-bgcolor-seablue { border: transparent 1px solid; }
.myra-bgcolor-seablue:hover {
    color:#336699 !important;
    background-color: #edf8ff !important;
    border: #63bfff 1px solid;
}

.myra-bgcolor-blue { border: transparent 1px solid; }
.myra-bgcolor-blue:hover {
    color:#ffffff !important;
    background-color: #0c71b8 !important;
    border: #0a4f7f 1px solid;
}

.myra-bgcolor-none { border: transparent 1px solid; }
.myra-bgcolor-none:hover {
    background-color: transparent !important;
}

.myra-fgcolor-blue {}
.myra-fgcolor-blue:hover {
    color: #0c71b8 !important;
}

.myra-fgcolor-violet {}
.myra-fgcolor-violet:hover {
    color: #ff6633 !important;;
}
.myra-fgcolor-seablue {}
.myra-fgcolor-seablue:hover {
    color: #edf8ff !important;;
}

/* ------------------------ */    

/* New table grid*/
.myra-simple-gridview {
    background-color:transparent;
    border-collapse:separate;
    border: none;
}

.myra-simple-gridview .grid_header {
    background-color: transparent;
    border-bottom:#c8c8c8 1px solid;
    color: inherit;
    text-transform: uppercase;
    color: #282828;
}

.myra-simple-gridview .grid_cell {
    border-bottom:#e8e8e8 1px solid;
}

.myra-grid-row-sel {
    
}

.myra-grid-row-sel td {
/*    background-color: #eaffd5 !important;*/
/*    border-bottom: #9fd668 1px solid !important;*/
/*    background-color: #edf8ff !important;*/
    background-color: #edf4ff !important;
/*    border-bottom: #63bfff 1px solid !important;*/
}

.myra-grid-row-sel td:last-child {
    border-right: #63bfff 3px solid !important;    
}

.myra-grid-row-sel .myra-emphasize-text {
    font-weight: bold;
}

/* Paging navigation */
.page_link {
    display: inline-block;
    padding:2px 4px;
    margin: 0 2px;
    border: #d8d8d8 1px solid;
    text-decoration: none;
}
    
.current_page_link {
    font-weight:bold;
    text-decoration: none;
    background-color:#ffffff;
}

/* myra picker*/
.myra-colorpicker {
    display: none;
    position: absolute;
    background-color: #ffffff;
/*    border: #686868 1px solid;*/
    margin: 2px;
    z-index:2000;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
}

.myra-cp-row {
    white-space: nowrap;
}

.myra-cp-cell {
    height: 35px;
    width: 35px;
    display: inline-block;
    margin: 1px;
    border: transparent 1px solid;
    transition: all 0.1s;
}

.myra-cp-cell:hover {
    transform: scale(1.2);
    border: #ffffff 1px solid;
}

/* -------------*/
/* Entity Folder*/
/* -------------*/

.myra-action-panel-container {
    padding:0px 5px 8px 5px;
    position:absolute;
    z-index:100;
    border:#d8d8d8 1px solid;
    background-color:#f4f4f4;
    width: 500px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 8px;
}

.folder-name {
    font-size: 1.1em !important;
    cursor: pointer;
}

.folder-name:hover {
    text-decoration:none !important;
    cursor: pointer;
}

.folder-expanded .ic-collapse {
    display:none;
}

.folder-expanded .ic-expand {
    display:inline;
}

.folder-collapsed .ic-collapse {
    display:inline;
}

.folder-collapsed .ic-expand {
    display:none;
}

/*--------------------------------*/