:root {
  --white: #fff;
  --black: #000;
  --red: #e2121d;
  --maroon: #871d44;
  --dark-blue: #00094b;
}

body  {
  background: var(--white);
  font-size: 16px;
  font-family: Avenir, Arial, Helvetica, sans-serif;
}

#multimenu ul ul li:last-child > a,
#multimenu ul ul li.last-item > a  {
  border-bottom: 0;
}

/*level 3*/
#multimenu > ul > li.has-sub > ul > li > ul > li > a  {
  color: var(--white) !important;
}

.radmap_form_highlight_bgcolor:hover td  {
  background: #e8f4b0;
}

/**Mantis 7392*/

.btn-success  {
  background-color: var(--red);
  border-color: var(--maroon);
  box-shadow: 0px 2px 0px 0px var(--maroon);
  transition: background 0.3s;
}


.btn-success:hover,
.btn-success:active,
.btn-success:visited,
.btn-success:focus,
.btn-success:active:hover  {
  color: var(--red);
  background-color: var(--white);
  border-color: var(--maroon);
  box-shadow: 0px 2px 0px 0px var(--maroon);
}

.logo_org{color: #00024a !important;}


.sidebarmenu > ul > li > a  {
  display: block;
  padding: 10px;
  border-radius: 5px;
  padding-right: 27px !important;
  background: #001296 right bottom no-repeat;
  border-color: var(--dark-blue);
  box-shadow: 0px 4px 0px 0px var(--dark-blue);
  margin-bottom: 10px;
  transition: background 0.3s;
}

.sidebarmenu > ul > li > a:hover,
.sidebarmenu > ul > li.active > a  {
  background: var(--red) right bottom no-repeat;
  border-color: var(--maroon);
  box-shadow: 0px 4px 0px 0px var(--maroon);
  margin-bottom: 10px;
}

.title  {
  font-size: 20px;
  color: var(--dark-blue);
  font-weight: bold;
}

#multimenu > ul > li.has-sub > ul > li  {
  background: var(--red) !important;
  border-bottom: 1px solid #444;
}

#multimenu ul ul li  {
  height: 0;
  -webkit-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  background: var(--red);
  transition: all 0.25s ease;
  border-bottom: var(--maroon);
}


#multimenu ul li.active_hover  {
  color: var(--red) !important;
  font-weight: bold !important;
  background-color: var(--white) !important;
  -webkit-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}


.table1 .table-scroll th  {
  background: var(--red) !important;
}

a:hover,
a:focus  {
  color: var(--red);
  text-decoration: underline;
}

a {
  color: var(--red);
  text-decoration: none;
  font-weight:bold;
}

td > a{
  font-weight: normal;
}

.up_sort  {
  border-bottom: 11px solid var(--white)fff !important;
}

.enable_down_sort  {
  border-top: 11px solid var(--maroon) !important;
}

.GUI_table_header_color {
  color: var(--red) !important;
}

.table1 .table-scroll th  {
  background: var(--red) !important;
}

.table1 .table-scroll  {
  border-right: 1px solid #426391 !important;
  border-bottom: 1px solid #426391 !important;
}

.table1 .table-scroll th,
.table1 .table-scroll td  {
  padding: 5px 10px;
  border-top: 1px solid #426391 !important;
  border-left: 1px solid #426391 !important;
  vertical-align: top;
}

.table1 .table-scroll tr:nth-child(2n) td  {
  background: #dfebff !important;
}

.table1 .table-scroll tr:nth-child(2n + 1) td  {
  background: var(--white) !important;
}

.top_message  {
  color: var(--red) !important;
}

#multimenu>ul>li.has-sub>ul>li.active:hover{
  border: 1px solid var(--maroon) !important;
}

#multimenu ul ul li a {
  border-bottom: none !important;
}

#multimenu ul ul li {
  border-bottom: 1px solid var(--maroon);
  border-left: 1px solid var(--maroon);
  border-right: 1px solid var(--maroon);
}

#multimenu ul ul li:first-child{
  border-top: 1px solid var(--maroon);

}

#multimenu ul ul ul{
  top: -1px;
}

#multimenu > ul > li{background:url(images/menu.png) right bottom no-repeat;}

#multimenu > ul > li.active,#multimenu > ul > li:hover{background:url(images/menu_hover.png) right bottom no-repeat !important}
  
  /*Third Page*/

.sidebarmenu ul ul li a{
  padding-right: 26px!important;
  display:block;border-radius:5px;	
  padding:10px 10px;
  background: -moz-linear-gradient(top, var(--dark-blue) 0%, var(--dark-blue) 0%, var(--dark-blue) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, var(--dark-blue) 0%,var(--dark-blue) 0%,var(--dark-blue) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, var(--dark-blue) 0%,var(--dark-blue) 0%,var(--dark-blue) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: var(--dark-blue); /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--dark-blue)', endColorstr='var(--dark-blue)',GradientType=0 );
  }

.sidebarmenu > ul > li > ul > li > a:hover,.sidebarmenu > ul > li > ul > li.active > a,
.sidebarmenu > ul > li> ul > li > ul > li > a:hover,.sidebarmenu > ul > li> ul > li > ul > li.active > a,
.sidebarmenu > ul > li > ul > li> ul > li > ul > li > a:hover,.sidebarmenu > ul > li > ul > li> ul > li > ul > li.active > a,
.sidebarmenu > ul > li > ul > li > ul > li> ul > li > ul > li > a:hover,.sidebarmenu > ul > li > ul > li > ul > li> ul > li > ul > li.active > a,
.sidebarmenu > ul > li > ul > li > ul > li > ul > li> ul > li > ul > li > a:hover,.sidebarmenu > ul > li > ul > li > ul > li > ul > li> ul > li > ul > li.active > a
{
  background: -moz-linear-gradient(top, var(--red) 0%, var(--red) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, var(--red) 0%,var(--red) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, var(--red) 0%,var(--red) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: var(--red); /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--red)', endColorstr='var(--red)',GradientType=0 )
}

.control input:checked ~ .control__indicator {
  background: var(--red);
}


.control input:checked:focus ~ .control__indicator {
  background: var(--red);
}

.control:hover input:not([disabled]):checked~.control__indicator,
.control input:checked:focus~.control__indicator {
  background: var(--red);
}

.table1 .infolink {
  color: var(--white)fff !important;
  background-color: var(--maroon) !important;

}

.table1 .table-scroll th a.infolink {
  color: white !important;
}

.intructionlink{
	background-color:var(--red) !important;
}

a.intructionlink hover{
	color: white !important;
}

.down_sort {
  border-top: 11px solid var(--maroon) !important;
}

/*White and Red Combo*/
#multimenu > ul > li.has-sub > ul > li:hover  {
  background: var(--white) !important;
  border: 1px solid var(--maroon) !important;
  color: var(--red);
}

#multimenu > ul > li.has-sub > ul > li.active  {
  background: var(--red) !important;
  border: 1px solid var(--maroon) !important;
  color: var(--white) !important; 
}

#multimenu ul ul li a  {
  padding: 12px 10px;
  width: 200px;
  font-size: 12px;
  text-decoration: none;
  color: var(--white);
  font-weight: 400;
  text-transform: uppercase;
  padding-right: 22px;
  transition:0.3s;
}

#multimenu > ul > li.has-sub > ul > li > a  {
  color: var(--white) !important;
}
#multimenu > ul > li.has-sub > ul > li:hover > a{
  color: var(--red) !important;
  background: var(--white) !important;
}

#multimenu > ul > li.has-sub > ul > li > ul > li:hover{background:var(--white) !important; color: var(--red) !important;}
#multimenu > ul > li.has-sub > ul > li > ul > li.active{background:var(--red)  !important;}

#multimenu > ul > li.has-sub > ul > li > ul > li.active:hover{background:var(--white)  !important;  color: var(--red) !important;}
#multimenu > ul > li.has-sub > ul > li > ul > li:hover > a{background:var(--white) !important; color: var(--red) !important;}

/* this is one of several 3rd nav dropdown */
#multimenu >ul > li.has-sub >ul > li > ul > li > ul > li:hover >a {
  color: var(--red) !important;
  background-color: var(--white);
}

.up_sort {
  border-bottom: 11px solid #FFFFFF !important;
}

#multimenu ul ul li.has-sub:hover>a:after {
  background: var(--red); /* Change the background to red on hover */
}

#multimenu ul ul li.has-sub:hover>a:before {
  background: #fff;
}

#multimenu ul ul>li.has-sub:hover>a:before {
  top: 17px;
  height: 0;
}

#multimenu>ul>li.has-sub>ul>li>ul>li>ul>li.active {
  background: var(--red) !important;
}

@media screen and (max-width: 991px){

  #multimenu ul ul ul{
    top: 0px;
  }

  #multimenu ul ul li {
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
}

  .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:left;padding:10px 0 0 0 ;float:none}
  .logo a{padding-left:10px}
  .logo2{display:none}
  .nav{width:100%;}
  
  #multimenu{width:100%}
  #multimenu ul{width:100%;display:none}
  #multimenu > ul > li{background:var(--red);}
  #multimenu  ul  li.level0,#multimenu  ul  li.active.level0{border:0px solid #001296;border-radius:0px; 
  }
  #multimenu > ul > li > a {
      padding: 17px;
  }
  #multimenu ul li{width:100%;
  }

  #multimenu > ul > li.has-sub > ul > li{
    border-bottom: 1px solid #444;
  }


  #multimenu > ul > li.has-sub > ul > li.active

  #multimenu ul ul li{border-bottom:0}
  #multimenu ul ul li,#multimenu li:hover > ul > li{height:100%;min-height: 16px;}
  #multimenu ul li a,#multimenu ul ul li a{width:100%;
  }

  #multimenu ul ul li:first-child{
    border-top: 1px solid #444 !important;
  }
  
  #multimenu > ul > li{float:none}
  #multimenu > ul > li > a{text-align:left}
  #multimenu ul ul li a{padding-left:25px;padding:17px 15px}
  #multimenu > ul > li.has-sub > ul > li:hover li a{color:#fff !important} 
  #multimenu ul ul li{background:var(--red)!important;}
  #multimenu ul ul ul li a{padding-left:35px}
  #multimenu ul ul ul ul li a{padding-left:45px}
  #multimenu ul ul li:hover > a,#multimenu ul ul li.active > a{color:#fff}
  #multimenu ul ul,#multimenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
  #multimenu > ul > li.has-sub > a:after,#multimenu > ul > li.has-sub > a:before,#multimenu ul ul > li.has-sub > a:after,#multimenu ul ul > li.has-sub > a:before{display:none}
  #multimenu{background:#999}
  
  #multimenu  ul  li.level0{background:#001296 !important; border-bottom: 1px solid #444;}
  
  
  /*level 2*/
  #multimenu > ul > li.has-sub > ul > li{background:#001296 !important}
  #multimenu > ul > li.has-sub > ul > li > a{color:#FFF !important;}
  #multimenu > ul > li.has-sub > ul > li:hover > a{color:#fff !important; background:var(--red) !important}
  #multimenu > ul > li.has-sub > ul > li.active > a{color:#fff !important;}
  #multimenu > ul > li.has-sub > ul > li.active{
    background: #001296 !important;
    color: #fff;
    border: none !important;
    border-top: 1px solid #444 !important;
    border-bottom: 1px solid #444 !important;

  }
  #multimenu > ul > li.has-sub > ul > li:hover{background:var(--red) !important;color:#fff}
  #multimenu > ul > li.has-sub > ul > li.selected{background:var(--red) !important;color:#fff}

  #multimenu > ul > li.has-sub > ul > li > ul > li:hover > a {
    background: var(--red) !important;
  }

  #multimenu>ul>li.has-sub>ul>li.active:hover{
    border-bottom: 0px solid #444 !important;
  }

  
  /*level 3*/
  #multimenu > ul > li.has-sub > ul > li > ul > li{background:#001296 !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li > a{color:#FFF !important} 
  #multimenu > ul > li.has-sub > ul > li > ul > li:hover > a{color:#fff !important} 
  #multimenu > ul > li.has-sub > ul > li > ul > li.active > a{color:#fff !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li.active{background:#001296 !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li:hover{background:var(--red) !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li.selected{background:var(--red) !important;}
  
  
  /*level 4*/
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li{background:#001296 !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > a{color:#FFF !important ;} 
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li:hover > a{color:#fff !important} 
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li.active > a{color:#fff !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li.active{background:#001296 !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li:hover{background:var(--red) !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li.selected{background:var(--red) !important;}
  
  /*level 5*/
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li{background:#001296 !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > a{color:#FFF !important} 
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li:hover > a{color:#fff !important} 
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li.active > a{color:#fff !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li.active{background:#001296 !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li:hover{background:var(--red) !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li.selected{background:var(--red) !important;}
  
  
  /*level 6*/
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li:hover > a{color:#fff !important} 
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li.active > a{color:#fff !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li.active{background:#001296 !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li:hover{background:var(--red) !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li.selected{background:var(--red) !important;}
  
  
  /*level 7*/
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li{background:#001296 !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li > a{color:#FFF !important} 
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li:hover > a{color:#fff !important} 
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li.active > a{color:#fff !important}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.active{background:#001296 !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:hover{background:var(--red) !important;}
  #multimenu > ul > li.has-sub > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.selected{background:var(--red) !important;}
  
  
  #multimenu ul li.level0.selected{background:var(--red) !important}
  
  #multimenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
  .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
  .button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
  .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
  .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#ddd;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
  .button.menu-opened:before{top:23px;background:#ddd;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
  #multimenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
  #multimenu .submenu-button.submenu-opened{/*background:#262626*/ background:var(--red)}
  #multimenu ul ul .submenu-button{height:46px;width:46px}
  #multimenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#666;content:''}
  
  #multimenu ul ul .submenu-button:after{top:21px;right:19px}
  #multimenu .submenu-button.submenu-opened:after{background:#fff}
  #multimenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#666;content:''}
  
  #multimenu ul ul .submenu-button:before{top:18px;right:22px}
  #multimenu .submenu-button.submenu-opened:before{display:none}
  #multimenu ul ul ul li.active a{border-left:none}
  #multimenu > ul > li.has-sub > ul > li.active > a,#multimenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
  .logo_org{text-align:center;padding-top:10px;padding-right:0px; color: #00024a;}
  .change_padding{padding-left:15px;padding-right:15px}
  .col-md-3 {
      width: 100%;float:left;
  }
  .col-md-3 .sidebarmenu{display:none}
  .col-md-9 {
      width: 100%;float:left;
    }


 
}