﻿@charset "utf-8";

@font-face {
  font-family: 'IDAutomationHC39M';
  src: url('../../fonts/IDAutomationHC39M.eot');
  src: url('../../fonts/IDAutomationHC39M.eot?#iefix') format('embedded-opentype'), 
       url('../../fonts/IDAutomationHC39M.woff2') format('woff2'), 
       url('../../fonts/IDAutomationHC39M.woff') format('woff'), 
       url('../../fonts/IDAutomationHC39M.ttf') format('truetype'), 
       url('../../fonts/IDAutomationHC39M.svg#glyphicons_halflingsregular') format('svg');
}

/***********************************  OVERRIDE Bootstrap CSS Class  ***********************************/

.nosa-glyphicon-step-backward:before {
  content: "\e077";
}

.nosa-glyphicon-step-forward:before {
  content: "\e069";
}

.nosa-glyphicon-backward:before {
  content: "\e075";
}

.nosa-glyphicon-forward:before {
  content: "\e071";
}

.nosa-glyphicon-menu-left:before {
    content: "\e258";
}

.nosa-glyphicon-menu-right:before {
    content: "\e257";
}

.nosa-text-center {
  text-align: center;
}

.nosa-form-control {
  padding: 0px 5px;
  font-family:Tahoma;
}

.nosa-form-group {
  margin-bottom: 7px;
}

.nosa-has-error {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.nosa-btn {
  background-color:#CCC;
  white-space:normal;
}

.nosa-btn:hover,
.nosa-btn:focus,
.nosa-btn.focus {
  background-color:#999;
  color:#FFF;
}

.nosa-btn a {
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:Black;
	display:block;
}

.nosa-btn:hover a {
	color:#FFF;
}

.nosa-btn-link {
    text-decoration: none;
}

.nosa-btn-link:hover{
  text-decoration: underline;
}

.nosa-btn-link-tree{
   color: #a94442;
}

.nosa-btn-link-tree:hover{
    color: #d94442;
    text-decoration:underline;
}

.nosa-nav {
  padding-right: 0;
}

.nosa-nav-pills > li {
  float:right;
}

@media (max-width: 600px) {
	.nosa-nav-pills > li {
	  float: none;
	}
}

.nosa-nav-pills > li + li {
  margin-left: 0px;
  margin-right: 1px;
}

.nosa-nav > li > a {
  padding: 8px 8px;
  text-decoration:none;
}

.nosa-nav > li > a:hover,
.nosa-nav > li > a:focus {
  background-color: #999;
  color :#fff;
}

.nosa-nav-pills > li > a {
  border-radius: 5px 5px 0px 0px;
}

.nosa-nav-pills > li > a {
  margin-left: 3px;
}

.nosa-nav-pills > li.nosa-active > a,
.nosa-nav-pills > li.nosa-active > a:hover,
.nosa-nav-pills > li.nosa-active > a:focus {
  background-color: #c00;
}

.nosa-navbar-header {
    width:100%;
}
  
@media (min-width: 768px) {
  .nosa-navbar-header {
    float: right;
  }
}

.nosa-navbar {
	margin-bottom:0px;
}

.nosa-navbar-collapse {
  padding-right: 0px;
  padding-left: 0px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.nosa-navbar-toggle {
  position: relative;
  float: right;
  padding: 10px 10px;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  background-color: #666;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.nosa-navbar-toggle:hover {
  background-color: #999;
}

.nosa-navbar-toggle .nosa-icon-bar {
  background-color: #fff;
}

.nosa-navbar-nav {
  margin: 0px 0px;
}

@media (min-width: 768px) {
  .nosa-navbar-nav {
    float: right;
    margin: 0;
  }
  .nosa-navbar-nav > li {
    float: right;
  }
}

@media (min-width: 768px) {
  .nosa-navbar-DirAlign {
    float: right;
  }
  
  .nosa-navbar-UntiDirAlign {
    float: left;
  }
}

.nosa-col-lg-1, .nosa-col-lg-2, .nosa-col-lg-3, .nosa-col-lg-4, .nosa-col-lg-5, .nosa-col-lg-6, .nosa-col-lg-7, .nosa-col-lg-8, .nosa-col-lg-9, .nosa-col-lg-10, .nosa-col-lg-11, .nosa-col-lg-12 {
    float: right;
}

.nosa-col-lg-offset-12 {
    margin-right: 100%;
    margin-left: 0px;
}

.nosa-col-lg-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0px;
}

.nosa-col-lg-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0px;
}

.nosa-col-lg-offset-9 {
    margin-right: 75%;
    margin-left: 0px;
}

.nosa-col-lg-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0px;
}

.nosa-col-lg-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0px;
}

.nosa-col-lg-offset-6 {
    margin-right: 50%;
    margin-left: 0px;
}

.nosa-col-lg-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0px;
}

.nosa-col-lg-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0px;
}

.nosa-col-lg-offset-3 {
    margin-right: 25%;
    margin-left: 0px;
}

.nosa-col-lg-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0px;
}

.nosa-col-lg-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0px;
}

.nosa-col-lg-offset-0 {
    margin-right: 0;
    margin-left: 0px;
}

@media (max-width: 992px)
{
    .nosa-col-md-1, .nosa-col-md-2, .nosa-col-md-3, .nosa-col-md-4, .nosa-col-md-5, .nosa-col-md-6, .nosa-col-md-7, .nosa-col-md-8, .nosa-col-md-9, .nosa-col-md-10, .nosa-col-md-11, .nosa-col-md-12 {
        float: right;
    }

    .nosa-col-md-offset-12 {
        margin-right: 100%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-9 {
        margin-right: 75%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-6 {
        margin-right: 50%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-3 {
        margin-right: 25%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0px;
    }

    .nosa-col-md-offset-0 {
        margin-right: 0;
        margin-left: 0px;
    }
}

@media (max-width: 768px) 
{
  .nosa-col-sm-1, .nosa-col-sm-2, .nosa-col-sm-3, .nosa-col-sm-4, .nosa-col-sm-5, .nosa-col-sm-6, .nosa-col-sm-7, .nosa-col-sm-8, .nosa-col-sm-9, .nosa-col-sm-10, .nosa-col-sm-11, .nosa-col-sm-12 {
    float: right;
  }
  
  .nosa-col-sm-offset-12 {
    margin-right: 100%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-9 {
    margin-right: 75%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-6 {
    margin-right: 50%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-3 {
    margin-right: 25%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0px;
  }
  
  .nosa-col-sm-offset-0 {
    margin-right: 0;
    margin-left: 0px;
  }
}

@media (max-width: 480px) 
{
    .nosa-col-xs-1, .nosa-col-xs-2, .nosa-col-xs-3, .nosa-col-xs-4, .nosa-col-xs-5, .nosa-col-xs-6, .nosa-col-xs-7, .nosa-col-xs-8, .nosa-col-xs-9, .nosa-col-xs-10, .nosa-col-xs-11, .nosa-col-xs-12 {
      float: right;
    }
    
    .nosa-col-xs-offset-12 {
      margin-right: 100%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-11 {
      margin-right: 91.66666667%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-10 {
      margin-right: 83.33333333%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-9 {
      margin-right: 75%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-8 {
      margin-right: 66.66666667%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-7 {
      margin-right: 58.33333333%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-6 {
      margin-right: 50%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-5 {
      margin-right: 41.66666667%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-4 {
      margin-right: 33.33333333%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-3 {
      margin-right: 25%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-2 {
      margin-right: 16.66666667%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-1 {
      margin-right: 8.33333333%;
      margin-left: 0px;
    }
    
    .nosa-col-xs-offset-0 {
      margin-right: 0;
      margin-left: 0px;
    }
}

/***********************************  Old CSS Class  ***********************************/

body {
	background-color: #f5f6f7;
	margin:0px 0px 0px 0px;
	direction:rtl;
	padding:0px 0px 0px 0px;
	/*text-align:center;*/
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:13px;	
    line-height: 1.5;
    color: #333;
}

.HeaderTable {
	direction:rtl;
	min-height:75px;
	border:0px;	
	background-image:url('../../Images/HeaderFa.gif');
	background-repeat:no-repeat; 
	background-position:top;	
	
}

.LogoHeaderTable {
	background-image:url('../../Images/HeaderFa.gif');
	background-repeat:no-repeat; 
	background-position:top;  
	table-layout:fixed;
	direction:rtl;
    min-height:75px;
}

.BannerHeaderTable {	
	table-layout:fixed;
	direction:rtl;
	text-align:right; 
    min-height:75px;
}

.CntList {
	border-color:Silver;
	border-width:1px;
	border-style:Solid;
	height:140px;
	text-align:right;
	overflow-y:scroll;
}

.BtnHeader {
	margin-right:3px;
	background-color:#666;
	text-align:center;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	cursor:pointer;	
	border-bottom:1px solid gray;
}

@media (max-width:768px)
{
    .BtnHeader {
	    background-color:none;
	    font-size:12px;
	    font-weight:bold;
    }
}

@media (max-width:768px)
{
    .BtnHeader {
	    margin-right:0px;
	    text-align:right;
    }
}

.BtnHeader a {	
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;	
	text-decoration:none;
}

.BtnHeader :hover {
	border-bottom:0px #CCC solid;
}

.SmallText {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: Gray;
	text-align: center;
	margin:5px 0px 10px 0px; 
	padding:0px; 
	padding-top:4px;	
}

.SmallText A:link {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #B22222;
	letter-spacing: 1px;
	text-align: center;
}

.SmallText A:Visited {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #B22222;
	letter-spacing: 1px;
	text-align: center;
}

.PageResult_td {
	text-align:left;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#333;
	height:32px;
}
	
.BoldLabel {
	font-weight:bold;
	font-size:12px;
	color:Black; 
	font-family:Tahoma;
}	

.FRlbl {
	text-align:left;
	padding-left:4px;
	font-weight:bold;
	font-size:12px;
	color:Black;
	font-family:Tahoma;
	width:120px;
	vertical-align:top;
}	
	
.FRlblHist {
	text-align:left;
	padding-left:4px;	
	font-size:12px;
	color:#666;
	font-family:Tahoma;	
}
		
.FRcontentLastRow {
	text-align:right;
	font-size:12px;	
	font-family:Tahoma;	
	margin:3px 0px 3px 0px;
	vertical-align:top;	
}		

.Tree_div {
	float:right;
	background-color:White; 
	height:100%;
	direction:rtl;
	text-align:right;	
	font-size:15px;
}

@media (max-width:768px)
{
    .Tree_div {
	    font-size:16px;
    }
}

.TreedivResult {
    overflow :scroll;
    height:100%;
}

@media (max-width:768px)
{
    .TreedivResult {
	    overflow-x : hidden;
    }
}
	
.TreeMainDiv {
	direction:rtl;	
	text-align:right;	
	padding:5px 5px 5px 5px;			
}

@media (max-width:768px)
{
    .TreeMainDiv {
       width: 100%;
       padding:5px 0px 5px 0px;	
    }
}

.TreeChildDiv {
	padding-right :15px;	
}

@media (max-width:768px)
{
    .TreeChildDiv {
	    padding-right :0px;	
    }
     
    .TreeChildLevel_1{
	    background-color:rgb(240,240,240);	
    }

    .TreeChildLevel_2{
	    background-color:rgb(225,225,225);	
    }

    .TreeChildLevel_3{
	    background-color:rgb(210,210,210);	
    }

    .TreeChildLevel_4{
	    background-color:rgb(195,195,195);
    }

    .TreeChildLevel_5{
	    background-color:rgb(180,180,180);	
    }

    .TreeChildLevel_6{
	    background-color:rgb(165,165,165);	
    }

    .TreeChildLevel_7{
	    background-color:rgb(150,150,150);	
    }

    .TreeChildLevel_8{
	    background-color:rgb(135,135,135);
    }

    .TreeChildLevel_9{
	    background-color:rgb(120,120,120);
    }

    .TreeChildLevel_10{
	    background-color:rgb(105,105,105);
    }

    .TreeChildLevel_11{
	    background-color:rgb(90,90,90);
    }

    .TreeChildLevel_12{
	    background-color:rgb(80,80,80);
    }

    .TreeChildLevel_13{
	    background-color:rgb(70,70,70);
	    color:White;
    }

    .TreeChildLevel_14{
	    background-color:rgb(60,60,60);
    }

    .TreeChildLevel_15{
	    background-color:rgb(50,50,50);
    }

    .TreeChildLevel_16{
	    background-color:rgb(40,40,40);
    }

    .TreeChildLevel_17{
	    background-color:rgb(30,30,30);
    }

    .TreeChildLevel_18{
	    background-color:rgb(20,20,20);
    }

    .TreeChildLevel_19{
	    background-color:rgb(10,10,10);
    }

    .TreeChildLevel_20{
	    background-color:rgb(0,0,0);
    }
}

.tree_code {
	font-family:Tahoma;
	font-size:10px;
	color:#b22222;		
	direction:rtl;	
	cursor:pointer;
}

.tree_desc {
	padding-right:2px;
	padding-left:2px;
	color:Black;
	text-decoration:none;
	cursor:pointer;
}

@media (max-width:768px) {
    .tree_desc {
        word-wrap: break-word;
    }
}

.tree_desc_active {
	font-family:Tahoma;
	font-size:15px;	
	padding-right:2px;
	padding-left:2px;
	direction:rtl;
	text-decoration:none;
	background-color:#C00;	
	color:White;
	cursor:pointer;
}

@media (max-width:768px)
{
    .tree_desc_active {
	    font-size:16px;
    }
}

.tree_desc:link {
	background-color:White; 	
}

@media (max-width:768px) {
    .tree_desc:link {
        background-color: Transparent;
    }
}

.tree_desc:hover {
	background-color:Gray;	
	color:White;
}

@media (max-width:768px) {
    .tree_desc:hover {
        text-decoration: underline;
        background-color:transparent;	
        color:#245269;
    }
}

.tree_desc:focus {
	background-color:#C00;	
	color:White;
}

@media (max-width:768px) {
    .tree_desc:focus 
    {
        text-decoration: underline;
        background-color:transparent;	
        color:#245269;
    }
}

.parent_code {
	font-family:Tahoma;
	font-size:10px;
	color:#C00;
	display:inline-block;		
}	

.Srch_Link, .Tree_Link { 
	height:70px;
	border-radius: 5px;
    background: linear-gradient(top, #CC0000 30%, #AB0000);
    background: -ms-linear-gradient(top, #CC0000 30%, #AB0000);
    background: -moz-linear-gradient(top, #CC0000 30%, #AB0000);
    background: -webkit-linear-gradient(top, #CC0000 30%, #AB0000);
    background: -o-linear-gradient(top, #CC0000 30%, #AB0000);
}

.Srch_Link a, .Tree_Link a {
	display:block;
	height:86px;
	text-decoration:none;
}

.Back_Link {
    background:linear-gradient(#DEDEDE , #F5F6F7);
    border:5px solid #ffffff;
    border-radius:15px;
    height:315px;
    overflow-y:auto;	
}

.Back_Link a {
	display:block;  
	font-size:16px; 
	color:Black; 
	text-decoration:none; 
	line-height:1.5em;
	height: 100%;	
}

.split_div {
	width:15px;
	height:100%;
	float:right;
	cursor:pointer;
	background-image:url('../../Images/roll2.gif');
	background-position:center;
	background-repeat:no-repeat;
}

.col-fixed-15 {
    width:15px;
    position:absolute;
    left:0px;
    top:0px;
    /*z-index:20;*/
}

.OpenSplitDiv {
   left:0px;
   background-image:url('../../Images/roll2.gif');
}

.CloseSplitDiv {
   left:29px;
   background-image:url('../../Images/roll1.gif');
}

@media (max-width: 768px) {
    .split_div {
        left:0px;
        background-image:url('../../Images/roll1.gif');
    }
    .OpenSplitDiv {
        left:0px;
        background-image:url('../../Images/roll1.gif');
    }
    .CloseSplitDiv {
        left:5px;
        background-image:url('../../Images/roll2.gif');
    }
}

.full_container {
	margin:0;
	float:right; 
	height:100%; 
	background-color:White;
}
	
.TreeHeaderDesc {
	font-family:Tahoma;
	font-size:18px;	
	color:Maroon;	
	margin:5px 3px 5px 3px;	
	text-decoration:none;
	cursor:default;
	text-align:center;
	font-weight:bold;
	margin-bottom:15px;
}

.WPVTitleBar {
	background-color:#EDEEEF;
	border-top:1px solid #AAAAAA;
	color:#000000;
	min-height:30px;
	padding:0.2em 8px;
	direction:rtl;
	text-align:right;
	margin-top:10px;
}

.WPVTitle  {
	font-family:Tahoma;
	font-weight:bold;
	margin-left:3px;
	margin-right:2px;
	direction:rtl;
	text-align:right;
}

.WPVViewPortTable {
	padding:0;
	table-layout:fixed;
	direction:rtl;
	text-align:center;	
	right:0px;
	left:0px;
	position:relative;
}

.WPVOpenHandCursor {
	cursor: url("../../Images/cursor/openhand.cur"), none;
}

.WPVClosedHandCursor {
	cursor: url("../../Images/cursor/closedhand.cur"), none;
}

.WPVMenuTD {
	border-left:2px solid #EBEFF9;
	vertical-align:top;
	direction:rtl;
	text-align:center;
	padding:10px 4px 10px 10px;
}

/* WebPageView Toolbar Styles */
.WPVViewport {
	padding:0;
	background-color:#FCFCFF;
	text-align:center;
	overflow:hidden;
	border: 1px solid blue;
	outline:none;
}

/*To remove Focus outline in chrome and FF */
.WPVViewport:focus {
    outline: none
} 

.WPVViewport::-moz-focus-inner {
    border: none
} 

.WPVToolbarPCCell {
	padding-top:1px;
}

.WPVToolbarNoJumpCell {
	white-space:nowrap;
	/*width:10em;*/
}

.WBVToolbarArrow {
	height:20px;
	vertical-align:middle;
}

.WBVToolbarPagination {
	background-color:#C00000;
	cursor:pointer;
}

.WBVToolbarPagination:hover {
	background-color: #900000;
}

.WBVToolbarPagination:active {
	background-color: #F00000;
}

.viewport-top-linkbar-horizontal, .WPVViewportTopToolbarHorizontal {
	outline: none;
	display:inline-block;
	margin-left:2px;
}

.WPVTopToolbarButton, .top-linkbar-button {
	border: 1px solid #fcfcff;
	height: 24px;
	cursor: pointer;
	margin-right: 1px;
	vertical-align: middle;
	display: inline-block;
}

.top-linkbar-button-hover, .WPVTopToolbarButtonHover {
	border-color: #C00000;
}

.top-toolbar-button-disabled .WPVTopToolbarButtonInnerBox, .top-linkbar-button-disabled .top-toolbar-button-inner-box {
	filter: alpha(opacity=40);
	opacity: .1;
	cursor: default;
}

.top-toolbar-button-active, .WPVTopToolbarButtonChecked, .top-linkbar-button-active, .top-linkbar-button-checked {
	border-color: #C00000;
	background: #FFF0F0;
}

.WPVTopToolbarSeparator {
	width: 10px;
	height: 25px;
	display: inline-block;
}

.WPVToolbarSPRITE_ContentsArrow
{
	background: no-repeat url(../../Images/viewport_images-6.gif) -29px -85px;
	width: 7px;
	height: 24px;
}

.WPVToolbarSPRITE_FitWidth
{
	background: no-repeat url(../../Images/viewport_images-6.gif) 0px -155px;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_FitHeight
{
	background: no-repeat url(../../Images/viewport_images-6.gif) -24px -155px;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_Fullscreen {
	background: no-repeat url(../../Images/viewport_images-6.gif) -24px 0;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_2Pages {
	background: no-repeat url(../../Images/viewport_images-6.gif) -24px -24px;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_1Page {
	background: no-repeat url(../../Images/viewport_images-6.gif) -48px -48px;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_ZoomIn {
	background: no-repeat url(../../Images/viewport_images-6.gif) -48px 0;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_ZoomOut {
	background: no-repeat url(../../Images/viewport_images-6.gif) 0 0;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_Rotate {
	background: no-repeat url(../../Images/viewport_images-6.gif) -48px -178px;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_LeftArrow {
	background: no-repeat url(../../Images/viewport_images-6.gif) -29px -109px;
	width: 29px;
	height: 17px;
}

.WPVToolbarSPRITE_RightArrow {
	background: no-repeat url(../../Images/viewport_images-6.gif) 0 -109px;
	width: 29px;
	height: 17px;
}

.WPVToolbarSPRITE_RightArrow_PageDown {
	background: no-repeat url(../../Images/viewport_images-6.gif) 0 -72px;
	width: 26px;
	height: 13px;
}

.WPVToolbarSPRITE_LTR {
	background: no-repeat url(../../Images/viewport_images-6.gif) -24px -178px;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_RTL {
	background: no-repeat url(../../Images/viewport_images-6.gif) -0px -178px;
	width: 24px;
	height: 24px;
}

.WPVToolbarSPRITE_Search {
	background: no-repeat url(../../Images/viewport_images-6.gif) -48px -155px;
	width: 24px;
	height: 24px;
}

DIV#Loader {	
	margin:auto;
	width:598px;
	height:100px;
	overflow:hidden;
}

DIV#Loader.Loading {
	background: #fff url(../../Images/spinner.gif) no-repeat center center;
}

body input.WPVLabel_InputLabel {
	color:#999999;
}

.WPVHintLabel {
}

.WPVHintLabel:hover {
	border:1px dotted maroon;
}

#PlayerTD *, #viewport * {
	-webkit-touch-collout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:-moz-none;
	-ms-user-select:none;  
	-o-user-select:none; 
    -user-select:none;
    user-select:none;
}
/*
input {
	-webkit-touch-collout:text;
	-webkit-user-select:text;
	-khtml-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	-o-user-select:text;
    -user-select:text;
    user-select:text;
}
*/
.TabContainerStyle {
    direction:rtl;
    position:absolute;
    overflow:hidden;
    white-space:nowrap;
    right:33px;
    left:33px;
    top:3px;
    padding:0px;
    margin:0px;
}
       
.TabStyle {
    display:inline-block;
    zoom:1;
    padding: 4px;
    border: 1px silver solid;
    background-color: whitesmoke;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;        
}

.ActiveTab {
    background-color:#970000;
    color: white;
}

.TabContentStyle 
{
    max-height:200px;
    border: 1px solid #A3A3A3;
    padding:10px;
    background-color:White;
}

.NextPrevBtn {
    position:absolute;
    padding: 6px;
    margin: 1px;
    top:2px;
    border: 1px silver solid;
	font-size: 18px;
}

.PrevTabBtn {
    right:-1px;
    border-top-right-radius: 5px;
}

.NextTabBtn {
    left:-1px;
    border-top-left-radius: 5px;
}

.TabTitles {
    position: relative;
    text-align: right;
    height: 24px;
    margin-bottom: 10px;
}

.TreeListDiv {
	height: 220px;
}

.TreeListDiv a:hover {
    font-weight: bold;
}

.nosa-ui-dialog {
	width: 350px;
	margin: 20px 0;
	top:50px;
}

.nosa-ui-dialog h1 {
font-size: 1.2em;
margin: .6em 0;
}

.nosa-ui-dialog table {
	margin: 1em 0;
	border-collapse: collapse;
	width: 100%;
	display: table;
}

.nosa-ui-dialog thead {
	display: table-header-group;
	vertical-align: middle;
}

.nosa-ui-dialog tbody {
	display: table-row-group;
	vertical-align: middle;
}

.nosa-ui-dialog tr {
	display: table-row;
}

.nosa-ui-dialog th {
	display: table-cell;
	border: 1px solid #eee;
	padding: .6em 10px;
	text-align: left;
	font-weight: bold;
}

.nosa-ui-dialog table td, th {
	border: 1px solid #eee;
	padding: .6em 10px;
	text-align: left;
}

.nosa-ui-dialog .nosa-ui-widget {
	font-family: Verdana,Arial,sans-serif;
}

.nosa-ui-dialog .nosa-ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
	color: #222222;
}

.nosa-ui-dialog .nosa-ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

.nosa-ui-dialog .nosa-ui-corner-all, .nosa-ui-dialog .nosa-ui-corner-bottom, .nosa-ui-dialog .nosa-ui-corner-right, .nosa-ui-dialog .nosa-ui-corner-br {
	border-bottom-right-radius: 4px;
}

.nosa-ui-dialog .nosa-ui-corner-all, .nosa-ui-dialog .nosa-ui-corner-bottom, .nosa-ui-dialog .nosa-ui-corner-left, .nosa-ui-dialog .nosa-ui-corner-bl {
	border-bottom-left-radius: 4px;
}

.nosa-ui-dialog .nosa-ui-corner-all, .nosa-ui-dialog .nosa-ui-corner-top, .nosa-ui-dialog .nosa-ui-corner-right, .nosa-ui-dialog .nosa-ui-corner-tr {
	border-top-right-radius: 4px;
}

.nosa-ui-dialog .nosa-ui-corner-all, .nosa-ui-dialog .nosa-ui-corner-top, .nosa-ui-dialog .nosa-ui-corner-left, .nosa-ui-dialog .nosa-ui-corner-tl {
	border-top-left-radius: 4px;
}

.nosa-ui-dialog .nosa-ui-state-default, .nosa-ui-dialog .nosa-ui-state-default{
	border: 1px solid #d3d3d3;
	background: rgb(102, 102, 102);
	font-weight: normal;
	color: white;
}

.nosa-ui-dialog .nosa-ui-button, .nosa-ui-dialog .nosa-ui-button:link, .nosa-ui-dialog .nosa-ui-button:visited, .nosa-ui-dialog .nosa-ui-button:hover, .nosa-ui-dialog .nosa-ui-button:active {
	text-decoration: none;
}

.nosa-ui-dialog .nosa-ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
    font-family:Tahoma;
    font-size:13px;
}

.nosa-ui-dialog .nosa-ui-button-text-only .nosa-ui-button-text {
	padding: .4em 1em;
}

.nosa-ui-dialog .nosa-ui-button .nosa-ui-button-text {
	display: block;
	line-height: normal;
}

.nosa-ui-dialog {
	overflow: hidden;
	position: absolute;
	margin:auto;
	top: 20px;
	padding: .2em;
	outline: 0;
	font-family:Tahoma;
	font-size:12px;	
	color:black;
}

.nosa-ui-dialog .nosa-ui-dialog-titlebar {
	padding: .5em 1em;
	position: relative;
	height:20px;
}

.nosa-ui-dialog .nosa-ui-dialog-title {
	margin: .1em 15px;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight:bold;
	font-size:12px;
}

.nosa-ui-dialog .nosa-ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -13px 0 0 0;
	padding: 1px;
	height: 20px;
}

.nosa-ui-dialog .nosa-ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}

.nosa-ui-dialog .nosa-ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}

.nosa-ui-dialog .nosa-ui-dialog-buttonpane .nosa-ui-dialog-buttonset {
	float: right;
}

.nosa-ui-dialog .nosa-ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.nosa-ui-dialog .nosa-ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

.nosa-ui-dialog .nosa-ui-draggable .nosa-ui-dialog-titlebar {
	cursor: move;
}

.nosa-ui-dialog .nosa-ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.nosa-ui-dialog input.text {
	margin-bottom: 12px;
	width: 95%;
	padding: .4em;
}

.nosa-ui-dialog fieldset {
	margin:15px;
    padding: 15px;
	border: 1px silver solid;
	margin-top: 25px;
}

.nosa-ui-dialog legend {
	font-family:Tahoma;
	font-size:12px;	
	color:black;
	font-weight:bold;	
	margin:5px 3px 5px 3px;	
	text-decoration:none;
	cursor:default;
	border-radius:4px;
}

.nosa-ui-dialog label {
    line-height: 1.5;
}

.nosa-ui-dialog .nosa-validateTips {
	border: 1px solid transparent;
	padding: 0.3em;
}

.nosa-ui-dialog-parent {
	position:fixed;
	width:100vw;
	height:100vh;
	top: 0px;
    z-index:1000;
}

@media (max-width: 480px) {
    .nosa-ui-dialog-parent #ChangeWebUserPasswordDialogForm {
        margin:10px;
    }
}

.nosa-ui-dialog-modal {
	width:100vw;
	height:100vh; 
	background-color: silver;
	top: 0px;
	position: fixed;
	left: 0px;
	opacity: .4;
	filter:alpha(opacity=40);/*Fixing the IE9 problem*/
	z-index: 100
}
    
legend {
	font-weight:bold;	
}

fieldset {
	border-radius:5px;
}

.EPayBank {
	width:70px;
	height:60px;
	position:relative;
	margin:5px;
	padding:5px;
	border:1px silver solid;
	border-radius:5px;
	float:right;
	text-align:center;
	vertical-align:middle;
}

.SelectedEPayBank {
	border:1px blue solid;
}

.Grid {
	display:table;
	width:100%;
	border-collapse:collapse;
	font-weight:bold;
	font-size:12px;
	color:Black;
	font-family:Tahoma;
	table-layout: fixed;
	word-wrap: break-word;	
}

.GridHeader {
	background-color:rgb(235, 235, 235);	
}

.GridRow {
	display:table-row;
}

.GridColumn {
	display:table-cell;
	border: 1px solid rgb(163, 163, 163);
	vertical-align: middle;
	text-align: center;
	padding-top:5px;
	padding-bottom:5px;
}

.GridHeaderColumn {
	font-weight:bold;
	font-size:12px;
	color:Black;
	font-family:Tahoma;
}

.GridContentColumn {
	font-weight:normal;
	font-size:12px;
	color:Black;
	font-family:Tahoma;
}

.DublinRecords {
	text-align: right;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	color: brown;
	font-family: Tahoma;
	vertical-align: top;
}

.PlusNode {
	background-image:url('../../Images/Plus.gif');  
	width: 10px;
	height: 10px;
	float:right;
	margin-top:5px;
	cursor:pointer;
}

.MinusNode {
	background-image:url('../../Images/Minus.gif');  
	width: 10px;
	height: 10px;
	float:right;
	margin-top:5px;
	cursor:pointer;
}

@media (max-width: 480px) {
    .PlusNode {
      margin-top:2px;
    }
    .MinusNode {
      margin-top:2px;
    }
}

.BgDOItemFields {
    background-color:#eee;
    border: 1px solid #eee;
}

.DublinFields {
    background-color:#eee;
    margin-right:30px;
    border: 1px solid #eee;
    padding-left:15px;
    padding-right:20px;
}

@media (max-width: 768px) {
    .DublinFields {
      margin-right:20px;
    }
}

@media (max-width: 480px) {
    .DublinFields {
      padding-right: 15px;
    }
}

.DublinFields .FullRecordDublinFieldName {
    padding-right: 10px;
}

/* Print Css */ 
@media screen {
	.PrintArea {
		display:none;
	}
    .docHoldingRequestPage_title{
		display:none;
	}
}	
	
@media print {
	.NonPrintArea {
		display:none;
	}
	
	.PrintArea {
		-webkit-print-color-adjust:exact;
	}

    .docHoldingRequestPage_title{
		display:block;
	}
}
/* End PrintCss*/

/***********************************  New CSS Class  ***********************************/
 .nosa-invisible {
     visibility:hidden;
 }

@media (max-width: 768px) {
    .pull-sm-AntiDirAlign { 
        float:left;
    }
    .pull-sm-DirAlign { 
        float:right;
    }
}

@media (max-width: 768px) {
 .nosa-invisible-sm {
     visibility:hidden;
  }
}

#fullMenu > li {
  float: right;
}

#fullMenu > #btn_td{
  float: left;
}

::-webkit-scrollbar, 
::-webkit-scrollbar-track {
  display:block;
}

::-webkit-scrollbar {
  width:15px;
  -webkit-appearance:none;
  cursor:text;
}

::-webkit-scrollbar-thumb {
 background-color : #ccc;
 border: 2px solid #eee;
}

::-webkit-scrollbar-track {
  background-color : #eee;
}

.disabled .nosa-control-label,.disabled .nosa-form-control{
  opacity: 1;
  cursor: not-allowed;
  color: #898585;
}

.nosa-control-label {
    text-align: left;
    display:inline-block;
}

.text-align-DirAlign {
  text-align: right;
}

.text-align-AntiDirAlign {
  text-align: left;
}

.nosa-navbar-brand {
    position:absolute;
    margin-top: 20px;
    margin-bottom: 8px;
    text-align:center;
    font-family:Tahoma;
    font-size:16px;
    font-weight:bold;
    color:#6F0000;
    word-wrap: break-word;
}

.nosa-HeaderTable-navbar-brand {
    width:100%;
}

@media (max-width: 600px) { 
    .nosa-HeaderTable-navbar-brand  {
        position:relative;
        width:auto;
        margin-right: 60px;
        padding:25px;
        margin-top: 0px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        box-shadow: 0px 0px 5px 0px rgb(206, 206, 206), 0px 0px 5px 0px rgb(206, 206, 206);
        border-bottom: 4px solid rgb(151, 0, 0); 
        z-index:-1;
        text-align:right;
    }
}

@media (max-width: 480px) { 
    .nosa-HeaderTable-navbar-brand  {
       margin-left:0px;
       margin-right:60px;
       padding:10px;
       min-height: 50px;
 }
}

.row-equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 993px)
{
	.row-equal-height-lg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 992px)
{
	.row-equal-height-md {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 768px) 
{
	.row-equal-height-sm {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 480px) 
{
	.row-equal-height-xs {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
	}
}

select.nosa-form-control{
  -webkit-appearance: menulist;
}

.ChangePassBtn {
    width:115px;
    margin:20px;
    float:left;
}

.overflow-y {
   overflow-y:auto; 
}

#UserADODetailListSection .nosa-form-group {
    margin-right: 0px;
    margin-left:0px;
}

#UserADODetailListSection{
    font-size:11px;
    text-align:center;
}

@media(max-width: 480px)
{
     #UserADODetailListSection {
        font-size:12px;   
     }
}

#srchQueryDiv .nosa-btn, #History .nosa-btn {
    min-width:118px;
}

#btnPrevPage, #btnPrevRec, #btnPrevPageTreeChild, #btnPrevPageF {
    padding-left:4px;
    padding-right:2px;  
}

#btnNextPage, #btnNextRec, #btnNextPageTreeChild, #btnNextPageF {
    padding-right:6px;
    padding-left:0px;  
}

#UserADODetailListSection .nosa-clearfix:before,
#UserADODetailListSection .nosa-clearfix:after,
#UserADODetailListSection .nosa-row:before,
#UserADODetailListSection .nosa-row:after,
.nosa-form-horizontal .nosa-form-group:before,
.nosa-form-horizontal .nosa-form-group:after {
  display: flex;
}

.CntVDOTreeDesc {
  max-height:225px;
  overflow-y:scroll;
  overflow-x: hidden;
}

#ChangeWebUserPasswordDialogForm {
  border-radius:5px; 
}

@media (min-width: 480px) {
    #ChangeUser [class*='nosa-col-'] {
        padding-left: 0px;  
    }
}

#ChangeUser .nosa-control-label {
    padding-right: 10px; 
    padding-left: 0px;   
}

@media (max-width: 480px) {
    #ChangeUser .nosa-control-label {
        padding-right: 15px;  
    }
}

#FullRecord_div {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.FullRecordFields [class*='nosa-col-'], .FullRecInfo [class*='nosa-col-'] {
  padding-right: 13px;
  padding-left: 10px;
}
 
#DublinTabMasterItemDetailDiv [class*='nosa-col-'] {
  padding-left: 0px;
  padding-right: 14px;
}

.page-view-caption-menu {
    white-space: nowrap; 
    background-color:Maroon; 
    color:White;
    font-size:10px;
}

.draw_circle_gray {
    width:25px; 
    height:25px;
    margin:3px;
    border: 1px solid rgb(171, 171, 171);
    border-radius: 15px;
    padding: 4px;
    font-size: 14px;
    background: transparent linear-gradient(rgb(244, 244, 244), rgb(242, 242, 242));
}

.LoaderImg {
    background-image:url('../../Images/Loader200px.gif');
    width: 200px;
    height: 200px;
    margin-right: auto;
    margin-left: auto;
}

#DublinAdvDiv, #DublinAdvMasterItemDetailDiv {
    width:100%
}

.nosa-bg-gray {
    background-color:#eee;
}

.nosa-text-white {
  color: #ffffff;
}

.nosa-text-black {
  color: #000000;
}

.toolbar {
    margin-top:10px;
	min-height: 32px;
	background: linear-gradient(#FEFEFE , #C4C3C3);
	border-bottom: solid #8A8A8A 1px;
	border-radius:5px;
	margin-bottom:0px;
}

@media (max-width: 480px) {
    #FullRecordHeader_div .toolbar{
	    background: -webkit-linear-gradient(top, rgb(128, 0, 0), #E0D0C3);
	    background: -moz-linear-gradient(top, rgb(128, 0, 0), #E0D0C3);
	    background: linear-gradient(top, rgb(128, 0, 0), #E0D0C3);
	    color:#fff;
	    border-bottom: solid #8A8A8A 1px;
    }
}

.nosa-form-horizontal .toolbar {
    margin-left:0px;
    margin-right:0px;
}

.loginDiv .toolbar, .displayError .toolbar, #PreferencesDiv .toolbar {
    margin-left:-15px;
    margin-right:-15px;
}

.nosa-border-bottom-red {
     border-bottom:2px solid #C00;
}

.nosa-border-bottom-gray {
     border-bottom:1px solid #CCC;
     padding-bottom:1px;
     min-height:22px;
}

.nosa-border-top-gray {
     border-top:1px solid #CCC;
     padding-top:1px;
     min-height:22px;
}

.nosa-bg-container {
	background-color:White;
    padding:10px;
}

.nosa-gutter-border {
    background-color :#ffffff;
	border-color: Silver;
	border-width: 1px;
	border-style: Solid;
}

.btn-history {
    min-width:108px;
}

.nosa-nav-bg-color > li > a {
  background-color:#c6c6c6;
  color:#000;
}

.nosa-cursor-pointer {
    cursor:pointer;
}

.nosa-cursor-default {
    cursor:default;
}

.overflow-auto {
    overflow:auto;
}

.bottomDiv_pnlSpacer {
	width:100%;
	display:block;
	height:6px;
	margin:0px;
}

.text-shadow-2 {
   text-shadow: 1px 1px 2px #000000;
}

.nosa-border-gray {
    border: 1px solid #A3A3A3;
}

.nosa-border-blue {
    border: 1px solid #337ab7;
}

.nosa-border-red {
    border: 1px solid #F01818;
}

.nosa-border-radius-10{
    border-radius: 10px;
}

.nosa-bg-color-gray {
    background-color:#EBEBEB;
}

.bankLogo {
    height:50px;
    background-repeat:no-repeat;
}

.valign-middle {
  vertical-align: middle;
}

.nosa-text-wrap {
    word-wrap: break-word;
}

.pull-DirAlign {
    float:right !important;
}

.pull-UntiDirAlign {
    float: left !important;
}

.TreeLink_Img {
    position:absolute;
    top:-30%;
    right:-2%;
    max-height:120px;
    background-image:url('../../Images/FolderIcon_Fa.svg');
    width:90px;
    height:150px;
    background-repeat:no-repeat;
}

.SrchLink_Img {
    position:absolute;
    top:-20%;
    -ms-top:-30%;
    right:-3%;
    max-height:120px;
    background-image:url('../../Images/SearchIcon_Fa.svg');
    width:100px;
    height:150px;
    background-repeat:no-repeat;
}

@media (min-width: 580px) and (max-width: 650px) {
    .TreeLink_Img { right:-6%;}
    .SrchLink_Img { right:-7%;}
}

@media (min-width: 481px) and (max-width: 580px) {
    .TreeLink_Img { right:-10%;}
}

.AcardionAreaBtn 
{
   margin-right:13px;
}

@media (max-width: 768px) {
    .AcardionAreaBtn { margin-right:10px}
}
@media (max-width: 480px) {
    .AcardionAreaBtn { margin-right:5px}
}

.ADO-rowNumber-height { min-height: 42px;}

@media (max-width: 768px) {
    .ADO-rowNumber-height { min-height: 124px;}
}
@media (max-width: 480px) {
    .ADO-rowNumber-height { min-height: 27px;}
}
    
.bankLogo-img {
    background-image : url('../../Images/Banks/Banks-md.gif');
    background-position:center;
}

@media (max-width: 768px) {
    .bankLogo-img{ background-image: url('../../Images/Banks/Banks-sm.gif');}
}

@media (max-width: 480px) {
    .bankLogo-img{ background-image: url('../../Images/Banks/Banks-xs.gif');}
}

.menu_td_md_Decrease {
   width:20px;
   padding:0px;
}

@media (max-width: 768px) {
    .menu_td_sm_Decrease {
       width:20px;
       padding:0px;
    }
}

@media (max-width: 480px) {
    .menu_td_xs_Decrease {
       width:20px;
       padding:0px;
    }
}

.WPVPlayerTable #menu_container {
    overflow-x: hidden;
    overflow-y: auto;
}

.WPV_split_div {
	width:15px;
	float:right;
	cursor:pointer;
	background-image:url(../../Images/roll1.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.WPVOpenSplitDiv {
   background-image:url('../../Images/roll1.gif');
}

.WPVCloseSplitDiv {
   background-image:url('../../Images/roll2.gif');
}

.WPVOpenSplitDiv-md {
   background-image:url('../../Images/roll1.gif');
}

.WPVCloseSplitDiv-md {
   background-image:url('../../Images/roll2.gif');
}

@media (max-width: 768px) {
    .WPVOpenSplitDiv-sm {
       background-image:url('../../Images/roll1.gif');
    }

    .WPVCloseSplitDiv-sm {
       background-image:url('../../Images/roll2.gif');
    }
}

@media (max-width: 480px) {
    .WPVOpenSplitDiv-xs {
       background-image:url('../../Images/roll1.gif');
    }

    .WPVCloseSplitDiv-xs {
       background-image:url('../../Images/roll2.gif');
    }
}

.WPVFullScreen {
    width :100%;
    padding-right: 0px;
}

.DirAlign {
    direction:rtl;
}

.AntiDirAlign {
    direction:ltr;
}

#footer_div {
   bottom:0;
   width:100%;
}

@media (max-width: 600px) { 
    .HeaderTable-bg-img-visiblity {
         background-image:none;   
    }
}
 
@media (max-width: 992px) { 
    .LogoHeader-bg-img-visiblity {
         background-image:none;   
    }
}

.nosa-LogoHeader-navbar-brand {
        width:50%;
}

@media (max-width: 992px) { 
    .nosa-LogoHeader-navbar-brand {
        margin-left:60px;
        margin-right: 0px;
        padding:25px;
        margin-top: 0px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        box-shadow: 0px 0px 5px 0px rgb(206, 206, 206), 0px 0px 5px 0px rgb(206, 206, 206);
        border-bottom: 4px solid rgb(151, 0, 0); 
        z-index:-1; 
    }
}

@media (max-width: 768px) { 
    .nosa-LogoHeader-navbar-brand  {
        position:relative;
        width:auto;
        text-align:right;
 }
}

@media (max-width: 480px) { 
    .nosa-LogoHeader-navbar-brand  {
       margin-left:0px;
       margin-right:60px;
       padding:10px;
       min-height: 50px;
 }
}

@media (max-width: 768px) {
    .nosa-BannerHeader-navbar-brand   {
        margin-left:60px;
        margin-right: 0px;
        position:relative;
        width:auto;
        padding:25px;
        margin-top: 0px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        box-shadow: 0px 0px 5px 0px rgb(206, 206, 206), 0px 0px 5px 0px rgb(206, 206, 206);
        border-bottom: 4px solid rgb(151, 0, 0); 
        z-index:-1;
    }
}

@media (max-width: 768px) { 
    .nosa-BannerHeader-navbar-brand  {
        text-align:right;
 }
}

@media (max-width: 480px) {
    .nosa-BannerHeader-navbar-brand    {
        margin-left:0px;
        margin-right:60px;
        padding:10px;
        min-height: 50px;
    }
}

.header-menu-icon {
    color:#fff;
    font-size:21px;
    border: 1px solid gray;
    background-color:#666;
    top:0px;
}

.nosa-visible-logoHeader-menu   {
     display:none;
} 

@media (max-width: 1200px) {
  .nosa-hidden-logoHeader-menu {
     display:none;
  }
  
  .nosa-visible-logoHeader-menu {
     display:block;
  } 
}

#TopMenuBtn {
   border-color:#ddd;
   z-index:100;
}

.BannerHeader-menu-float {
    float:left;
}

@media (max-width: 480px) {
    .BannerHeader-menu-float {
        float:right;
        padding-right:0px;
    }
}

.LogoHeader-menu-float {
    float:left;
}

@media (max-width: 480px) {
    .LogoHeader-menu-float {
        float:right;
        padding-right:0px;
    }
}

@media (max-width: 480px) {
  .TopMenuBtn-LogoHeader-margin{
    margin-right:15px;
    padding-left: 15px;
  }
}

.BannerHeader-logo{
  background-position:right top;
  background-repeat:no-repeat;
  margin-right:-15px;
}

.header-menu-icon-lang {
   font-size:19px;
}  

#fullMenuBtn {
    color:#fff;
    float:left;
}

@media (max-width: 768px) {
    #ParentHeader_div, #ChildHeader_div {
        cursor:pointer;
     }  
}

#close_img {
 float:left;   
}

.search_bar{
    width:100%;
    font-size: 83%; 
    background-color: rgb(255, 255, 204); 
    border-bottom: 1px solid rgb(255, 245, 136); 
    -moz-user-select: -moz-none; 
    text-align: center; 
    display:inline-block; 
    font-family:tahoma; 
    font-size:11px;
}

#close_img{
    position:relative;
    background-color: rgb(255, 255, 255); 
    margin:0px 5px 0px 5px;
}

@media (max-width: 768px) {
  .HeaderTable #NosaNavbar {
       position:absolute;
       top:54px;
       right:0px;
    }
} 

.LogoHeaderTable .nosa-navbar-header {
    position:absolute; 
}

 .BannerHeaderTable .nosa-navbar-header {
    position:absolute; 
}

@media (max-width: 768px) {
  .BannerHeaderTable #NosaNavbar, .LogoHeaderTable #NosaNavbar{
       position:absolute;
       top:53px;
       left:0px;
       width:100%;
    }
}

@media (max-width: 480px) {
  .BannerHeaderTable #NosaNavbar, .LogoHeaderTable #NosaNavbar{
       position:absolute;
       top:53px;
       right:0px;
       width:100%;
    }
}

@media (max-width: 768px) {
  .BannerHeaderTable #Header_tr, .LogoHeaderTable #Header_tr{
       float:left;
    }
}

.TreeHeader{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.FullRecordFieldVal, .FullRecordDublinFieldVal, .FullRecordDublinFieldName, .FullRecordFieldName{
    word-break: break-word;
}

.nosa-word-break {
    word-break: break-word;
}
 
.nosa-atcp-link{
  text-decoration: underline;
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
  word-break: break-word;
}

.nosa-atcp-link:hover{
  text-decoration: none;
}

@media (max-width: 992px) {
  .text-align-DirAlign-md { text-align: right;}
  .text-align-UntiDirAlign-md{ text-align: left;}
  .text-md-center{ text-align: center;}
  .text-md-justify{ text-align: justify;}
}
@media (max-width: 768px) {
  .text-align-DirAlign-sm { text-align: right;}
  .text-align-UntiDirAlign-sm{ text-align: left;}
  .text-sm-center{ text-align: center;}
  .text-sm-justify{ text-align: justify;}
}
@media (max-width: 480px) {
  .text-align-DirAlign-xs { text-align: right;}
  .text-align-UntiDirAlign-xs{ text-align: left;}
  .text-xs-center{ text-align: center;}
  .text-xs-justify{ text-align: justify;}
}

.nosa-p-0   {  padding:0px !important;}
.nosa-pt-0  {  padding-top:0px;}
.nosa-pb-0  {  padding-bottom:0px;}
.padding-DirAlign-0      {  padding-right:0px;}
.padding-AntiDirAlign-0  {  padding-left:0px;}
.nosa-p-2   {  padding:2px;}
.nosa-p-5   {  padding:5px;}
.padding-DirAlign-5      {  padding-right:5px;}
.padding-AntiDirAlign-5  {  padding-left:5px;}
.nosa-pt-5  {  padding-top:5px;}
.nosa-pb-5  {  padding-bottom:5px;}
.nosa-p-10  {  padding:10px;}
.nosa-pt-10 {  padding-top:10px;}
.padding-DirAlign-10     {  padding-right:10px;}
.padding-AntiDirAlign-10 {  padding-left:10px;}
.nosa-pb-10 {  padding-bottom:10px;}
.nosa-p-15  {  padding:15px;}
.nosa-pb-15 {  padding-bottom:15px;}
.padding-DirAlign-15     {  padding-right:15px;}
.padding-AntiDirAlign-20 {  padding-left:20px;}
.padding-DirAlign-20     {  padding-right:20px;}
.nosa-p-20  {  padding:20px;}
.nosa-pb-20 {  padding-bottom:20px;}
.padding-DirAlign-33     {  padding-right:33px;}
.nosa-pb-50 {  padding-bottom:50px;}
.nosa-p-40  {  padding:40px;}

.nosa-m-0   {  margin:0px !important;}
.nosa-m-DirAlign-0   {  margin-right:0px;}
.nosa-m-AntiDirAlign-0   {  margin-left:0px;}
.nosa-mt-0  {  margin-top:0px;}
.marging-AntiDirAlign-0  {  margin-left:0px;}
.marging-DirAlign-0      {  margin-right:0px;}
.nosa-m-2   {  margin:2px !important;}
.nosa-m-5   {  margin:5px;}
.nosa-mt-5  {  margin-top:5px;}
.nosa-mb-5  {  margin-bottom:5px;}
.nosa-m-10  {  margin:10px;}
.nosa-mt-10 {  margin-top:10px;}
.marging-DirAlign-10 {  margin-right:10px;}
.marging-AntiDirAlign-10 {  margin-left:10px;}
.nosa-mb-10 {  margin-bottom:10px;}
.nosa-mt-15 {  margin-top:15px;}
.marging-DirAlign-15     {  margin-right:15px;}
.nosa-mt-20 {  margin-top:20px;}
.marging-DirAlign-20     {  margin-right:20px;}
.marging-AntiDirAlign-20 {  margin-left:20px;}
.nosa-m-20  {  margin:20px;}
.nosa-mb-20 {  margin-bottom:20px;}
.nosa-mb-30 {  margin-bottom:30px;}
.nosa-m-45  {  margin:45px;}
.nosa-mt-45 {  margin-top:45px;}
.nosa-mt-180{  margin-top:180px;}


.padding-AntiDirAlign-md-0 {  padding-left:0px;}
.padding-DirAlign-md-0 {  padding-right:0px;}
@media (max-width: 768px) {
    .padding-DirAlign-sm-0  {  padding-right:0px;}
    .padding-AntiDirAlign-sm-0  {  padding-left:0px;}
}
@media (max-width: 480px) {
    .padding-DirAlign-xs-0  {  padding-right:0px;}
    .padding-AntiDirAlign-xs-0  {  padding-left:0px;}
}

@media (max-width: 992px) {
    .padding-AntiDirAlign-md-10 {  padding-left:10px;}
    .padding-DirAlign-md-10 {  padding-right:10px;}
}

.padding-AntiDirAlign-md-15 {  padding-left:15px;}
.padding-DirAlign-md-15 {  padding-right:15px;}
@media (max-width: 768px) {
    .padding-DirAlign-sm-15  {  padding-right:15px;}
    .padding-AntiDirAlign-sm-15  {  padding-left:15px;}
}
@media (max-width: 480px) {
    .padding-DirAlign-xs-15  {  padding-right:15px;}
    .padding-AntiDirAlign-xs-15  {  padding-left:15px;}
}

.padding-AntiDirAlign-md-20 {  padding-left:20px;}
.padding-DirAlign-md-20 {  padding-right:20px;}
@media (max-width: 768px) {
    .padding-DirAlign-sm-20  {  padding-right:20px;}
    .padding-AntiDirAlign-sm-20  {  padding-left:20px;}
}
@media (max-width: 480px) {
    .padding-DirAlign-xs-20  {  padding-right:20px;}
    .padding-AntiDirAlign-xs-20  {  padding-left:20px;}
}

.margin-AntiDirAlign-md-15 {  margin-left:15px;}
.margin-DirAlign-md-15 {  margin-right:15px;}
@media (max-width: 768px) {
    .margin-DirAlign-sm-15  {  margin-right:15px;}
    .margin-AntiDirAlign-sm-15  {  margin-left:15px;}
}
@media (max-width: 480px) {
    .margin-DirAlign-xs-15  {  margin-right:15px;}
    .margin-AntiDirAlign-xs-15  {  margin-left:15px;}
}

.nosa-mx-auto {
     margin-right:auto;
     margin-left:auto;
     display:block;
}

#search_from_input, #KeywordSearchIL, #search_from_input_toolbar, #PageNumIL
{
   direction:rtl;
}

#search_from_input_toolbar
{
    margin-top:3px;width:160px; border:solid 1px rgb(128,0,0);
}

#PageNumIL
{
    width:25px; border:solid 1px rgb(128,0,0);
}

.barCodeClass{
    font-family:'IDAutomationHC39M';
    font-size: 36px;
    display: inline-block;
    margin-top:40px;
    margin-bottom:30px;
}

.expandImg {
    width:11px ;height:11px;
}

.circ-sub-menu{
    min-width: 84px;
    text-align: center;
    cursor: pointer;
}

.show-docHolding-item-border{
    padding:10px;
    margin-left:0px;
    margin-right:0px;
    border-radius:10px;
    border: 0px solid #F01818;
}

@media (max-width: 992px) {
    .show-docHolding-item-border{
        padding:10px;
        margin-left:0px !important;
        margin-right:0px !important;
        border-radius:10px;
        border: 1px solid #F01818;
    }
}

.circ-control-label{
    padding-left: 0px;
}
@media (max-width: 480px) {
    .circ-control-label {
        text-align: right;
    }
}
.circ-control-label-left-xs{
    padding-left: 0px;
}
@media (max-width: 480px) {
    .circ-control-label-left-xs {
        text-align: left;
    }
}
.circ-control-combo{
}
.circ-msg-error{
    padding: 10px;
    text-align: center;
    color: #a94442;
}
.circ-control-btn{
    cursor: pointer;
}
.circ-control-dialog-btn{
    margin: 5px;
}
.circ-detail-btn{
    cursor: pointer;
}
.circ-control-label-field-value{
    border-bottom: 1px solid #CCC;
    padding-bottom: 1px;
    min-height: 22px;
    text-align: right;
}
.nosa-collapsed{
    cursor: pointer;
}
.circ-msg-help{
    padding:0px 0px 0px 0px;
    text-align: right;
    color: #337ab7;
}
@media (max-width: 992px) {
    .circ-msg-help{
        text-align: center;
        padding:5px;
    }
}
.circ-control-textBox{
}
.circ-fieldset{
    margin: 5px;
    padding: 10px;
}
.circ-table{
    text-align: center;
}
.circ-table-col{
    border: 1px solid #A3A3A3;
    padding: 0px !important;
}
.circ-table-row{
    margin-right: 0px;
    margin-left: 0px;
}
.circ-table-cell{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    word-break:break-word;
}
@media (max-width: 992px) {
    .circ-table-cell {
        padding-right: 10px;
        padding-top: 10px;
    }
}
.circ-table-header{
    font-size: 12px;
    background-color: #EBEBEB;
    min-height: 50px;
}
@media (max-width: 992px) {
    .circ-table-header {
        text-align: left;
        padding-left: 10px;
    }
}

.gridHeaderCol{
   font-size: 12px;
   background-color: #EBEBEB;
}
@media (max-width: 992px) {
    .gridHeaderCol {
        padding-left: 10px;
    }
}
@media (max-width: 1200px) {
    .gridHeaderCol {
        min-height: 48px;
    }
}


/* list-group style ****/
.list-group {
  padding: 0px;
  margin: 0px;
}

/********************************* filter style *******************/

#FilterDiv .panel-heading, #FilterSelectedFiltersArea .panel-heading, #filterBtn{
    cursor:pointer;
}

.filterItem .nosa-btn-link{
    word-break: normal;
}

.filterItem.nosa-btn-link:hover, .filterItem.nosa-btn-link:focus {
     text-decoration:underline;
}

.hidden {
    visibility:hidden;
    opacity: 0;
    -webkit-transition: opacity 1s, visibility 1.3s;
    transition: opacity 1s, visibility 1.3s;
}

.shown {
    visibility:visible;
    opacity: 1;
    -webkit-transition: opacity 1s, visibility 1.3s;
    transition: opacity 1s, visibility 1.3s;
}

.list-group-item {
    padding: 3px;
}

.panel-body {
    padding: 3px;
}

.badge {
    padding: 3px 5px;
}

.list-group-item > .badge {
    float: left;
}

.filterPanelClass{
    visibility:hidden;
    height:0px;
    right: -300px;
}

.filterPanelSlided {
    /*display:block;
    position:absolute;
    z-index:20;
    overflow:hidden;
    right:0px;
    height:100%;*/

    position: absolute;
    display: block;
    z-index: 1000;
}

.FilterMasterItemDeselect, .FilterItemDeselect {
    font-size: 10px;
    border: 1px solid #BDB8B8;
    border-radius: 4px;
    margin: 3px;
    padding: 0px 3px;
}

.FilterMasterItemDeselect:hover, .FilterItemDeselect:hover {
  color:#fff;
  background-color:#BDB8B8;
  cursor:pointer;	
}

.FilterSelectedFiltersArea .nosa-glyphicon, .FilterDiv .nosa-glyphicon {
    display: block;
    font-weight:bold;
}

.FilterDiv .panel-body {
    padding: 3px;
    max-height: 200px;
    overflow-y: auto;
}

.nosa-filter-hidden{
    display:none;
}

/*Edited by Farshbaf
13971130*/
.nosa-filterItem-RTLDirection {
    direction:rtl;
    display:inline-block;
}

.nosa-filterItem-LTRDirection {
    direction:ltr;
    display:inline-block;
}
/*End Edit*/

.FilterSelectedFiltersArea .filterItem, .FilterSelectedFiltersArea .FilterItemsList{
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

.chkApplyContentInPublicSearch {
    margin-right: 10px;
    margin-top: 10px;
}

.nosa-tab{
    cursor:pointer;
}
.nosa-tab.disabled,
.nosa-tab.disabled:hover,
.nosa-tab.disabled:focus {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

/*****  Library *****/
.div_NewDocumentsSetting_td .nosa_ssr_accordion {
    background-color: #e2eefb;
    color: #333;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border:none;
    outline:none;
    transition:0.5s;
    text-align:right;
    font-weight:bold;
    margin-bottom: 5px;
}

.div_NewDocumentsSetting_td .nosa_ssr_accordion_active, .nosa_ssr_accordion:hover{
    background-color: #c3d9ef;
}

.div_NewDocumentsSetting_td .nosa_ssr_accordion:after{
    content:'\002B';
    color:#777;
    font-weight:bold;
    float:right;
    margin-left:5px;
}

.div_NewDocumentsSetting_td .nosa_ssr_accordion_active:after{
    content:'\2212';
}

.div_NewDocumentsSetting_td  .nosa_ssr_accordion_panel{
    padding:0 18px;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.3s ease-out;
}
.div_NewDocumentsSetting_td  .nosa-settings-indent {
    /*border-bottom: 3px solid;
    border-image-source: linear-gradient(315deg, #fabd00cf 0%, white 20%);
    border-image-slice: 1;*/
    padding-bottom: 10px;
    padding-right:30px;
    border-right: 3px solid;
    margin-right:60px;
}

/*.nose-repository-module-ltr .nosa-module-settings-indent{
    padding-left:20px;
    border-left: 3px solid;
}*/
/*.nose-repository-module-rtl .indent-left-md{
    padding-right:20px;
}*/
/*.nose-repository-module-ltr .indent-left-md{
    padding-left:20px;
}*/





.nosa_accordion {
    /*background-color: #e2eefb;*/
    color: #333;
    cursor: pointer;
    /*padding: 15px;*/
    padding-right: 15px;
    /*width: 100%;*/
    border:none;
    outline:none;
    transition:0.5s;
    text-align:right;
    font-weight:bold;
    margin-bottom: 10px;
}
.nosa_accordion_active, .nosa_accordion:hover{
    /*background-color: #c3d9ef;*/
}
/*.nosa_accordion:after{
    content:'\002B';
    color:#777;
    font-weight:bold;
    float:right;
    margin-left:5px;
}
.nosa_accordion_active:after{
    content:'\2212';
}*/
.nosa_accordion_panel{
    padding:0 18px;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.3s ease-out;
}

.nosa_accordion .MinusNode, .nosa_accordion .PlusNode{
    margin-left:8px;
}