html {
	min-width: 855px;
}

hr {

 border-top: 1px solid #e5e5e5;
 border-style: solid !important;

}




.menuItem #About {
	display: none;
}

.menuItem #showDocDetails {
	display : none;
}

.application {

	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin: 0px;
	padding: 0px;
	min-width:890px;
}

/* ERROR pages CSS */

.q-not-found {
	display: flex;
	justify-content: center;
    align-items: center;


}




.q-not-found img {
	width: 255px;
}

.q-not-found-tb {
	color: #213b54;
}

.q-not-found-ep {
	color: #4b4b4b;
}


.q-not-found h2 {
	font-family: Helvetica, Arial, sans-serif;
}

.q-not-found p {
	font-family: Helvetica, Arial, sans-serif;
}

.q-not-found-tb a {
	color: #0093e0;
}

.q-not-found-tb a:hover,
.q-not-found-tb a:focus {
	color: #0093e0;
}

.q-not-found-ep a {
	color: #2f71ac;
}


.q-not-found-ep a:hover,
.q-not-found-ep a:focus {
	color: #2f71ac;
}

.q-not-found h2 {

    font-size: 18.0pt;
    font-family: Arial;
    font-style: normal !important;
    margin-left: 0px;
    text-indent: 0px;
}

/* end ERROR pages CSS */


.page { display: none; }

body {
	font-family: "Open Sans", "Helvetica", "Arial", "sans-serif" !important;
	/*font-size: 62.5%;*/
/*	background: url(images/bk4.png); */

    background-color : #f2f2f2;

}

 /* h1 { padding: .2em; margin: 0;}
   h2 { padding: .2em; margin: 0;} */

  .ui-resizable-handle { z-index: auto !important; }

  .questionWrapper {
	  max-width: 700px;
	  margin: 0 auto;
  }

  .movecursor {
  	cursor: move;
  }

  .moveheader{
	cursor: move;
	font-size: 14px !important;
	font-weight: normal !important;
	position:absolute;
	height: 20px;
	padding:4px;
	top:0px;
	left: 0px;
	right:0px;
	border:2px solid  #412878;
	background-color: #412878;
	color: #FFFFFF;
	z-index:1;
	padding-top:5px;


  }

 .moveheader-alt {

 	border:2px solid  #2f71ac !important;
	background-color: #2f71ac !important;

 }

  .listFooter {

	  position: absolute;
	  bottom: 0px;
	  left: 0px;
	  right:0px;
	  height: 24px;
	  line-height: 24px;
	  overflow: hidden;
	  border-top: 1px solid #412878;
	  padding-left: 5px;

  }

  .search-crumbs {
      position: absolute;
      top: 30px;
      left: 0px;
      right:0px;
      height: 33px;
      white-space: nowrap;
      color:  #596c7f;
      text-overflow: ellipsis;
      color: #2f71ac;
      overflow: hidden;
      font-size: 14px;
      line-height: 36px;
      border-bottom: 1px solid #412878;
      padding-left: 10px;
      padding-right: 5px;
      text-align: left;
      font-weight: bold;
  }

  .search-crumbs:hover {
    text-decoration: underline;
  }

 .data-breadcrumb:hover {

     cursor: pointer;
     color: #427eb3;
  }

  .redBorder {

	  border: 2px solid #ff0000 !important;

  }

  .dropPlaceholder {

	  height: 40px;
	  /*border: 2px dotted #f0f0f0;
	  background-color: #ffffff;*/

	  background: repeating-linear-gradient(
			  45deg,
			  #f0f0f0,
			  #f0f0f0 5px,
			  #ffffff 5px,
			  #ffffff 10px
			);
  }


  #toolbar {

	  position:fixed;
      display: flex;
      gap:3px;
	  padding-left: 12px;
	  padding-top:0px;
	  padding-bottom: 0px;
	  left:0px;
	  right:0px;
	  top: 0px;
	  height:46px;
      z-index: 999;
	  background-color: #ffffff;
	  min-width: 840px;
      text-align:center;


	  /* BEC */
	  box-shadow: 0 1px 2px rgba(6, 8, 8, 0.15);


  }
  #toolbar i {

    font-size: 26px;
    vertical-align: middle;

  }

  #toolbar .sidebardoc i {
    font-size: 20px;
  }

.ui-state-default {

    border: 0px !important;
    background-color: #efefef !important;
    font-weight: bold !important;
    background:  #efefef !important;

}

 .ui-state-default a {

   color: #0082C6 !important;
   font-weight: 600;
}

.ui-state-active {

    border: 1px solid #d3d3d3 !important;
    background: #ffffff !important;
    font-weight: bold !important;
    border-bottom: 0px !important;;
}

.ui-state-active a {

   color: #213b54 !important;

}

 .ui-state-disabled a {

     color: #939393 !important;
     font-weight: normal;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
     border-bottom-left-radius: 0px !important;
}


  .toolbarButton {
	  height: 25px;
	  width: 28px;
	  display: inline-block;
	  margin-left:  -1px;
	  margin-right: 0px;
	  margin-top:   3px;
	  margin-bottom: 1px;
	  cursor: pointer;
	  padding: 3px 6px 10px;
      background-color: #2f71ac;
	  font-size: 26px;
	  color: #FFFFFF;
	  text-align: center;
	  line-height: 28px;
      border: 1px solid #2f71ac;
      border-radius: 1rem 0 1rem 0rem;

  }


  .toolbarButtonSearch {

     margin-right: 0px;
      width: 120px;
      background-color: #2f71ac;
      color: #FFFFFF;
  }


   #logoutButton {

       background-color: #ffffff !important;
       color: #2f71ac !important;
       border: none;
       border-bottom: 0px !important;
    }

  .search-button-text {

    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
/*
    position: absolute;
    left: 55px;
    top: 8px;
*/

 }

 .toolbarButton:hover {
     background-color: #427eb3;
 }

.toolbarClearSearchButton {
    background-color: #ffffff;
    font-size: 28px;
    color: #2f71ac;
    border-radius: 0 0 1rem 0;
    margin-right: 24px;
    border: 1px solid #dddddd;
}

.toolbarClearSearchButton:hover {
    background-color: #EAF1F7}


  #logoutButton {

  	position: absolute;
  	right:13px;top:0px;
  	bottom: 1px;

  }


.toolbarButtonSearch {
    border-radius: 1rem 0 0 0rem;
}


.searchWindowButton:hover {color: #427eb3; }
.searchWindowClear:hover {background-color: #427eb3; }

.spacer{

	display: inline-block;
	width: 50px;
	height: 10px;

}

  .productTitle {

	  position: absolute;
	  right:90px;
	  top:10px;
	  bottom: 10px;
	  font-size: 20px;
	  font-family: Roboto;
	  font-weight: 500;
	  color: #412878;

  }


  #sidebar {
    max-width: 400px;
    z-index: 300;
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin: 3px 0 3px 16px;
  }

  .sidebardoc {
    cursor: pointer;
    background-color: #6D51A1;
    color: #FFFFFF;
    display: flex;
    width: 38px;
    height: 38px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 20px;
    margin: 0 4px;
  }

.sidebardoc:hover {
    background-color: #371376;
}

.sidebar-text {
    margin-right: 12px;
    color: #000000;
    font-weight: 500;
    font-size: 0.875rem;
    border-left: 1px solid #ddd;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 16px;
}

.searchTitle {

	padding: 20px;
	font-family: roboto;
	font-size: 18px;

}


 /* The question index **/



  #cataloglist {
  list-style-type: none;
	padding: 0px;
	position: absolute;
	overflow: auto;
	top: 48px;
	left: 0px;
	right: 0px;
	bottom: 24px;
	overflow: scroll;
	overflow-x: hidden;
	margin-bottom: 0px !important;


  }




  .flag-blue {

  	color: #2089C0;
  	width: 15px;
  }

  .flag-green {

  	color: #5BB84B;
  	width: 15px;

  }



  .docadded {

  	position: absolute !important;
	min-width: 280px;

  }

  .fixme {


  	position: absolute;
  	top:30px;
  	bottom: 26px;
  	left: 0px;
  	right: 0px;

  }

  /*
    .doclist {

  	list-style-type: none;
	padding: 0px;
	margin-top: 33px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 45px;
	height: 81%;
	width: 100%;
	z-index: 1;
	overflow: auto;
	overflow-x: hidden;
  }

  */

     .doclist {

  	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 45px;
	height: 100%;
	width: 100%;
	z-index: 1;
	overflow: auto;
	overflow-x: hidden;
  }

  .document {

    display: none;
	position:relative;
	width: 355px;
	max-width: 500px;
	min-height: 119px;
	border:2px solid  #412878;
	background-color: #ffffff;
	z-index: 5;
}


.selected-doc {

    border:3px solid #1f5EA0 !important;

}




.left-container {

	position: absolute;
	bottom: 100px;
	left: 10px;
	top: 55px;
	width: 348px;
	min-height:400px;
	/*border: 1px solid #ff0000;*/
}

.right-container {

	position: absolute;
	bottom: 20px;
	right: 10px;
	top: 55px;
	left: 370px;
	/*border: 2px solid #ff0000; */
	min-width: 452px;
	min-height: 485px;
    display: none;

}

.welcome-screen {

    display: block;
    background-color: #ffffff;
    overflow: auto;

}

#welcomeScreenFrame  {

     position: absolute;
     height: 100%;
     width: 100%;
     border: 0px;

}


  #tabbox  {

	/*
	position: absolute;
	background-color: #efefef;
	border:2px solid  #412878;
	*/
	overflow: none;
	z-index: 1;
	left: 0px;
	right:0px;
	top: 0px;
	bottom: 0px;
	min-width: 512px;
    min-height: 485px;
}

#viewerWindow  {

    position: absolute;
    background-color: #efefef;
    border:2px solid  #412878;
    overflow: none;
    z-index: 1;

}




  #catalog {


	position: absolute;
	width: 345px;
	top: 55px;
	background-color: #ffffff;
	border:2px solid  #412878;
	z-index: 5;
	min-width: 280px;
	margin-bottom: 10px;
	min-height: 140px;
  }


#docZero {


	/*margin-top: 10px;*/
	margin-bottom: 0px;
	width: 345px;
	position: absolute;
	display: block;
	min-width: 280px;

}

.docTitle {

	margin-left: 3px;
	float:left;
	font-weight: bold;
	width: 64%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.qpane-title {

    width: 60% !important;

}



.menu {

	background-repeat:no-repeat;
	cursor: pointer;
	/*padding-left: 20px;
	margin-left: 15px; */
}

.dochide  {background:url(images/min20x20.png); background-repeat:no-repeat;  }
.docprint {background:url(images/print20x20.png); background-repeat:no-repeat;}
.docsave  {background:url(images/save20x20.png);   background-repeat:no-repeat;}
.docclose {background:url(images/cancel20x20.png);background-repeat:no-repeat;}




.tabs {

	position: absolute;
	left:0px;
	right:0px;
	top: 45px;
	bottom: 0px;
	overflow: hidden;
	border: 0px solid #1093A7;
	padding: 0;
  }


.profile-tabs, .tabs .ui-tabs-nav {
    background: transparent;
	border-width: 0px 0px 1px 0px;
	padding-left: 10px;
	min-width: 400px;
	background-color: #efefef;

}

.ui-tabs .ui-tabs-nav li a {
	display: block;
	padding: 10px 20px;
	outline: none;
	font-family: "Open Sans", "Helvetica", "Arial", "sans-serif";
	font-size: 12px;
}

.ui-tabs .ui-tabs-nav li {
    margin-right: 2px !important;
    padding-top: 5px;
    border-radius: 0px !important;
 }


#userProfile {

    position: absolute;
    width: 700px;
    height: 700px;
    margin-left: 50%;
    left: -350px;
    z-index: 1000;
    display: block !important;
    background-color: #ffffff;
    top: 50px;
    box-shadow: #6A6A6A 3px 3px 3px;

    background-color: #efefef ;
    border: 4px solid  #412878;


}

.section-break {

    font-weight: bold;
    border-bottom: 1px solid #dadada;
    margin-bottom: 10px;
    margin-top: 20px;
}

.profile-table {

    margin-left: 10px;

}

.profile-table td {

    padding: 3px;

}


#userProfileSave {

  background-color: #2f71ac;

}


.profile-tabs {


}

  #searchHeader {

    position: absolute;
    top: 35px; /*105px*/
    height: 80px;
    right: 0px;
    left: 0px;
    overflow: hidden;


  }

  .freetext {

     width: 180px;
     height: 26px !important;
  }

  .freetext-field {

    font-size: 20px;
    color: #adadad;
    position: absolute;
    left: 20px;
    top: 18px;
    height: 65px;
    width: 260px;

  }


  .question-count-field {

    font-size: 20px;
    color: #adadad;
    position: absolute;
    right: 10px;
    top: 15px;
    height: 65px;
    width: 200px;
  }



  .clear-freetext  {
    cursor: pointer;
    display: inline-block;
  }

  .freetext-container {
      position: absolute;
      top:16px;
      left: 0px;
  }


  }

 .clear-search {

    cursor: pointer;
    color: #adadad;
    font-size: 20px;

  }

  .button-text {

   font-size: 16px;

  }
  .qindex-title {

    padding-bottom: 3px;
    color: #000000;
    font-size: 11px;
    margin-left: 0px;

  }

.ui-textfield {
    outline: none;
    font-size: 16px;
    padding: 4px;
    border: 1px solid #adadad;
    height: 20px;
    color: #000000;
    font-family: "Open Sans", "Helvetica", "Arial", "sans-serif" !important;
}

  #indextabs {

  	position: absolute;
	left:0px;
	right:0px;
	top: 120px; /*190px*/
	bottom: 0px;
	overflow:hidden;
	border: 0px solid #1093A7;
	padding: 0;
	background-color: #ffffff;

	/*background: url(/images/bk4.png);*/

  }

 #indextabs .ui-tabs-nav {
    background: transparent;
	border-width: 0px 0px 1px 0px;
	padding-left: 10px;
	background-color: #efefef;
}

 .indexTabHolder {

    position: absolute;
    top:50px;
    left: 25px;
    right:0px;
    bottom:10px !important;
    overflow: auto;
    font-family: arial;
    font-size: 13px;


 }


  #searchbox {

  	display: none;
  	position: absolute;
  	width: 560px;
  	height:500px; /*600px*/
  	left: 50%;
  	margin-left:-280px;
  	top: 50px;
  	min-width: 433px;
  	min-height: 350px;
  	z-index: 1800;

  	background-color: #efefef ;

  	/* background-image: url(/images/bk4.png); */

	border: 4px solid  #412878;

  	-webkit-box-shadow: #6A6A6A 3px 3px 3px;
	-moz-box-shadow: #6A6A6A 3px 3px 3px;
	box-shadow: #6A6A6A 3px 3px 3px;


  }

  .searchbox-alt {

  	border:2px solid  #2f71ac !important;


  }


  /* style the list to maximize the droppable hitarea */
  #docs ol { margin: 0; padding: 0;}

 .li_item {

	/*position: relative;*/
	width: 100%;


 }

   .helper {
	  list-style: none;
	  /*width: 337px !important;*/
  }



  .listItem {

	border-style: solid;
	border-width: 1px;
	margin-top: -1px;
	height: 36px;
	border-color: #9DADC7;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	padding-right: 15px;
	position: relative;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
  }

  #listItemPreview {

	width: 400px;
	height: 500px;
	margin-left: -200px;
	top:100px;
	z-index: 4000;
	margin: 0 auto;
	padding: 5px;
    position: absolute;
	background-color: #ffffff;
	display: none;

  }

  .listInstructions {

	  position:absolute;
	  top:50px;
	  left:20px;
	  right:20px;
	  bottom:20px;
	  text-align:center;
	  font-size:14px;
	  color:#C5C5C5;
  }

  p {

	padding: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
  }

  .id {

	font-size: 11px;
	float: right;
	margin-top: -10px;
	}


  .marks {

  position: absolute;
  right:16px;
  top: 4px;
  font-size: 11px;
  padding: 3px;
  width: 34px;



  }

  .des {


	font-size: 11px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	left: 10px;
	right: 60px;
	bottom:6px;
  }

  .desSelect  {

	font-size: 13px;
	color:  #ffffff;
	font-weight: 500;

  }


  .topic {


	font-size: 12px;
	color:  #979797;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 3px;
	position: absolute;
	left: 10px;
	right: 60px;

  }


  .placeholder {
	height: 140px;
  }

  .tr  {

	height: 80px;

  }


  .candrop {

	/* background-color: #e0e0e0; */
	border-style: solid;
	border-width: 2px;
	border-color: #e0e0e0;

  }

  #split {

	height: 1024px;
	width: 270px;
	border: 4px solid #cca;
  }

  .selected {


	background-color: #D7E2EE;
	color: #000000;
  }

  .selected  .tittext{

	color: #000000;
  }

.selected .topic {

    color: #000000;
}


.tabdiv  {

	overflow: auto;
}
.cTab  {

	overflow: auto;
	position: absolute;
	left: 10px;
	right: 0px;
	bottom: 10px;
	top: 40px;
}

ul, div {


	-webkit-overflow-scrolling: touch;
	list-style: none;

}

.roundedBox {

}
.roundedButton {

}

/*
.shadow {

	-webkit-box-shadow: #6A6A6A 3px 3px 3px;
	-moz-box-shadow: #6A6A6A 3px 3px 3px;
	box-shadow: #6A6A6A 3px 3px 3px;

}
*/

li:not(.jstree li) {

	cursor: pointer;

}


.dropdown-menu  {

	background: transparent;

}
.menu-icon {

	font-size: 20px;
	font-weight: normal;

}

.menu-cog {

	margin-top: -3px;
	float: right;

}

.close-button {

	float: right;
	margin-top: -3px;
	font-size: 20px;
	font-weight: normal;
	cursor: pointer;
}

.custom-tooltip {
    font: normal 12px "Open Sans", "Helvetica Neue", Sans-Serif !important;
    border: 2px solid #412878 !important;
    border-radius: 3px !important;
    opacity: 1 !important;
    color: #222222;
    background-color: #ffffff;
    box-shadow: 0px 2px 7px -1px  rgba(0, 0, 0, .50);
  }


  .pre {

	  /*position: absolute;*/
	  width: 800px;
	  overflow: hidden;
	  background-color: #ffffff;
	  margin-top: 10px;


  }  .wr {

	  position: absolute;
	  top: 30px;
	  right: 3px;
	  left: 3px;
	  bottom: 30px;
	  overflow: auto;
	  background-color: #f0f0f0;
	  padding: 10px;


  }

.removeQuestion {

	display: none;
	position: absolute;
	right: 3px;
	top: 3px;
	color: #a0a0a0;
	font-size: 18px;
}

.removeQuestion:hover {

	color: #ff0000;
}

.panel-right-text {

    float:right;
    text-align: right;

  }


/*.jstree-node > a.jstree-anchor {font-weight: bold !important;}
.jstree-leaf > a.jstree-anchor  { font-weight: normal !important; }*/



/*.jstree-node > .jstree-anchor > .jstree-themeicon {

    background-image: url(/images/tree/folder.png);
    background-position: 0px;
    background-size: 20px 20px;

}

.jstree-leaf > .jstree-anchor > .jstree-themeicon {

    background-image: url(/images/tree/page2.png);
    background-position: 0px;
    background-size: 20px 20px;

}*/

.jstree-default .jstree-checkbox {
    margin-right: 5px !important;
}

.jstree-icon:not(.jstree-checkbox, .jstree-ocl, .hide-icon) {
    display: none !important;
}


.hide-icon {
    background-image: none !important;
    background-position: 0px;
    background-size: 20px 20px;
}

.jstree-clicked {
    background: #fff !important;
    font-weight: bold !important;
}

.jstree-default .jstree-wholerow-clicked {
    background: #fff !important;
}

.jstree-default .jstree-node {
    margin-top: 2px;
}

.jstree-hovered {
    background: #e7f4f9 !important;
    cursor: pointer;
}

span.searchDot {
    display: none;
}

.searchSelected span.searchDot {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: text-bottom;
    background-color: #5AB455;
    margin-left: -8px;
    margin-right: 8px;
}




/* the spinner loader thing - mock modal here */
#loading {

    position: fixed;
    z-index: 10000;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: #c5c5c5;
    background-color: rgba(150, 150, 150, .1);
    font-size: 48px;

}

#spinner {
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    opacity: 0.5;
}


  .searchWindowButton {

    height: 18px;
    width: 18px;
    position: absolute;
    cursor: pointer;
    padding: 6px;
    /* background-color: #2f71ac; */
    font-size: 28px;
    /* color: #FFFFFF; */
    text-align: center;
    left: 156px;
    top:14px;
    line-height: 24px;

  }


  .searchWindowClear {

    height: 24px;
    width: 160px;
    position: absolute;
    cursor: pointer;
    padding: 6px;
    background-color: #2f71ac;
    font-size: 20px;
    color: #FFFFFF;
    text-align: left;
    left: 0px;
    top:18px;
    line-height: 24px;

  }


  .question-count-search {

   position: absolute;
   left: 38px;
   top:19px;
   font-size: 18px;
   color: #000000;
   display: none;

  }

 #docbox {

    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
    z-index: 2100;
   /* background: url(images/bk4.png); */
     background-color: #ffffff;
    border: 2px solid #412878;
    display: none;
    min-width: 550px;
    min-height: 400px;

 }

 #docbox .moveheader {

    cursor: auto !important;

 }

 #docModal {

    position: fixed;
    z-index: 2000;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #e5e5e5;
    opacity: .7;
    display: none;


 }

#iframeContainer {

    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;

 }

#resourceIframe {

     width: 100%;
     height: 100%;
     border: 0px;

}


.ds-content {

       max-width: 700px;
       margin: 0 auto;
       text-align: left;
       position: relative;

 }



 .please-wait {

        font-family: arial;
        font-size: 16px;
        color: #e5e5e5;
    }


 .doclistContainer {

     font-family: "Open Sans", "Helvetica", "Arial", "Verdana", "sans-serif";
     font-size: 14px;
     position: absolute;
     top:60px;
     left: 10px;
     bottom: 10px;
     right: 10px;
     border: 1px solid #c5c5c5;
     overflow-y auto;
     overflow-x: hidden;

 }

 #docboxTitle {


    margin-top: 10px;
    font-size: 18px;
    float: left;

 }

  #docboxSearch {

    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    font-size: 18px;

 }


 .docTableHeader {

    position: absolute;
    left: 0px;
    right: 0px;
    height: 30px;
    top: 0px;
    z-index: 100;
    background-color: #ffffff;
    width: 100%;
    border-bottom: solid 1px #c5c5c5;
    border-spacing: 0;
    border-collapse: collapse;

  }

 .documentTable {

    width: 100%;
    margin-top: 30px;
    border-spacing: 0;
    border-collapse: collapse;

 }

 .documentTable td {

  padding: 4px;
  font-size: 15px;

 }

 .documentTable tr:hover {

    background-color: #c5c5c5 !important;

 }

  .docTableHeader th {

    font-weight: normal;
    font-size: 13px;
    padding: 4px;
 }


   .doc-icon {

        font-size: 18px !important;
        cursor: pointer;

    }


.documentTable tbody tr:nth-child(even) {background: #ffffff;}
.documentTable tbody tr:nth-child(odd) {background: #e5e5e5;}


 .col1 {

    text-align: center;
    width: 5%;

}
.col1 i {
    color: #008000;
}

 .col1b {

    text-align: center;
    width: 5%;
}


.col1b i {

    color: #0000A0;
}


 .col2 {
     text-align: left;
    width: 40%;

}

 .col3 {

   text-align: left;
    width: 15%;

}

 .col4 {

    text-align: left;
    width: 20%

}

.col5 {

    width: 5%;
    text-align: center;
}

 .col6 {
    width: 5%;
    text-align: center;
}

.col6 i {

    color: #000080;

}

 .col7 {
    width: 5%;
    text-align: center;

}

.col7 i {

    color: #800000;

}

.hcol2 {cursor: pointer }
.hcol3 {cursor: pointer }
.hcol4 {cursor: pointer }


#editDocument {

    top: 25px;
    z-index: 4000;
    display: none;
    margin-left: -275px;
}

.no-border-box {

    position: absolute;
    left: 50%;
    border: 1px solid #412878;
    background-color: #ffffff;

    -webkit-box-shadow: #6A6A6A 3px 3px 3px;
    -moz-box-shadow: #6A6A6A 3px 3px 3px;
    box-shadow: #6A6A6A 3px 3px 3px;
    display: none;

}

.no-border-header {

   margin: 0px;
   font-weight: bold;
   font-size: 18px;
   line-height: 1.5;
   color: #2f71ac;


}

.button-footer {

    position: absolute;
    bottom: 5px;
    left:5px;
    right: 7px;
    height: 40px;
    line-height: 40px;
    text-align: right;

}

.button-footer .footer-button {

    padding: 2px;
    font-size: 13px;
    cursor: pointer;
    width: 150px;

     display: inline-block;
     height: 30px;
     line-height: 30px;
     background-color: #412878;
    color: #ffffff;
    text-align: center;
}

.button-footer .footer-button:hover {

    background-color: #427eb3;

}

.save-document-button {

    position: absolute;
    top:100px;
    right: 50px;

}

.application-button {

    padding: 2px;
    font-size: 13px;
    cursor: pointer;
    width: 150px;
    margin-bottom: 10px;
     display: inline-block;
     height: 30px;
     line-height: 30px;
     background-color: #412878;
    color: #FFFFFF;
    text-align: center;
}

.application-button:hover {

    background-color: #427eb3;

}


.save-buttons {

    position: absolute;
    top:80px;
    right: 50px;

}

.btn-disabled {

    background-color: #e5e5e5 !important;
    color: #a5a5a5 !important;
    cursor: not-allowed;

}


.close-no-border-box {

    float: right;
    margin-top: 4px;
    margin-right: 4px;
    font-size: 20px;
    font-weight: normal;
    cursor: pointer;
    color: #412878;
}

.formBox {

    margin: 20px;
    font-size: 14px;


}

.leftFormBox {

    margin: 20px;
    position: relative;
    /*border-right: 1px solid #e5e5e5;*/
    font-size: 12px;
    width: 475px;
    border: 2px solid #e5e5e5;
    padding: 15px;
    border-radius: 6px !important;

}

.rightFormBox {

    margin-right: 40px;
    margin-left: 5px;
    font-size: 12px;
    float: right;
    width: 210px;
    margin-top: 5px;
}

.doc-form-field {

    width: 220px;
    margin-bottom: 6px;

}

.form-label-divide {

   margin-bottom: 6px;
   margin-top: 6px;
   font-size: 16px;
   font-weight: bold;
}

.label-text {

    font-size: 12px;
    margin-bottom: 14px;

}

.checkbox-ul  {

    list-type: none;
    font-size: 15px;
    -webkit-padding-start: 10px !important;

}


#shareDocument {

    height: 400px;
    width: 380px;
    top: 90px;
    z-index: 4000;
    display: none;
    margin-left: -175px;
}


#printDocument {

    /*height: 350px;*/
    width: 480px;
    top: 90px;
    z-index: 4000;
   /* display: none; */
    margin-left: -240px;
    padding-bottom: 55px;
}

.url {

    font-weight: bold;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 4px;
    
}

.url a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.flag-1 {
    color: #ff0000;
 }

.flag-2 {
    color: #FFA500;
}

.flag-3 {
    color: #00FF00;
}

.flag-4 {
    color: #0000A0;
}



/* ================= dialog styles =============== */

.vex.vex-theme-wireframe .vex-content {

    background: #f6f6f6;
    color: #000000;
    /* border: 0px solid #2f71ac; */
   border: 1px solid #aaaaaa;
    padding: 15px;
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    width: 400px;
    font-size: 16px;
    line-height: 18px;
    box-shadow: #6A6A6A 3px 3px 3px;
    border-radius: 6px;

}

  .vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary {

      background: #2f71ac;
      color: #ffffff;
      border: 1px solid transparent;

   }

    .vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-secondary {

      background: #2f71ac;
      color: #ffffff;
      border: 1px solid transparent;

    }

    .vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-secondary:hover {
           border: 1px solid #412878;
    }

   .vex.vex-theme-wireframe .vex-dialog-button.vex-dialog-button-primary:hover {
           border: 1px solid #412878;
    }

 /* ======== end dialog styles ================= */

.alert { 
    display: flex; 
    text-align: left;  
    padding: 0.75rem 1rem;  
} 
 
.alert i { 
    margin-right: 10px; 
    font-size: 24px; 
} 
 
.alert-danger { 
    color: #C8194B;  
    background-color: #FFF6DC; 
    border-color: #FFEEBA; 
} 

.alert-info {
    color: rgba(43, 36, 56, 1);  
    background-color: rgba(235, 247, 252, 1); 
    border-radius: 8px;
    margin: 10px;
    border: 1px solid rgba(132, 196, 223, 1);
    font-size: 12px;
}

.alert-info i {
    color: rgba(9, 137, 191, 1);
}

.alert-info.search-info {
    position: absolute;
    top: 40px;
    width: 90%;
}

.ui-widget {
    font-family: Arial, sans-serif !important;
    font-size: 14px;
 }


.q-icon {

    font-size: 10px !important;
 }

.ic1 {
    color: #e6007e;
     font-size: 12px !important;
}

 .ic2 {
    color: #ffdd00;
    font-size: 12px !important;
}

.ic3 {
    color: #e30613;
    font-size: 12px !important;
}

.ic4 {
    color: #3aaa35;
    font-size: 18px !important;
}

.ic5 {
    color: #ee8900;
}

 .ic6 {
    color: #e84e0f;
    font-size: 18px !important;
}

.ic7 {
    color: #0247aa;
    font-size: 12px !important;
}

.ic8 {
    color: #c3c3c3;
    font-size: 18px !important;
}

.ic9 {
    color: #00afbf;
    font-size: 18px !important;
}

 .ic10 {
    color: #527ca4;

}

.indexIcon {

 /*
    position: absolute;
    right: 6px;
    bottom:7px;
    font-size:12px;
*/

}

.levelIcon {

    font-size: 14px;
    font-weight: bold;
    color: #000080;
    font-style: unset !important;

}

.l1:before { content: "1";}
.l2:before { content: "2";}
.l3:before { content: "3";}
.l4:before { content: "4";}
.l5:before { content: "5";}
.l6:before { content: "6";}
.l7:before { content: "7";}
.l8:before { content: "8";}
.l9:before { content: "9";}
.l10:before { content: "10";}
.l11:before { content: "11";}
.l12:before { content: "12";}
.l20:before {content: "20";}
.lA:before { content: "A";}
.lB:before { content: "B";}
.lC:before { content: "C";}
.lD:before { content: "D";}
.lE:before { content: "E";}
.lF:before { content: "F";}
.lFH:before { content: "FH";}
.lG:before { content: "G";}
.lH:before { content: "H";}
.lI:before {content: "I";}
.lS:before { content: "S";}
.lX:before { content: "X";}

.add-menu-bar {

    float: right;
    font-size: 18px;
    color: #ffffff;
    margin-top: -3px;
    display: inline-block;
    z-index: 20000;
    height: 25px;
    margin-right: 6px;
    cursor: pointer;

}

.add-menu-bar a {

   color: #FFFFFF; /*!important*/
}

.add-menu-bar a:hover {
    color: #ffffff;
 }

.printImage {

    width: 40px;
    height: 40px;

}

.print-options-container {

    text-align: center;
    margin-top: 20px;

}

.printButton {

    cursor: pointer;
    height: 56px;
    width: 56px;
    border-radius: 4px;
    border-width: 1px;
    background-color: #ffffff;

}

.buttonContainer {

    width: 120px;
    text-align: center;
    display: inline-block;

}

.cover-page-form .ui-textfield {

    width: 280px;
    display: inline-block;
    margin-top: 4px;
    height: 30px;
    padding: 2px;
}

.ui-textfield-label {

    margin-top: 4px;
    height: 30px;
    padding: 2px;
    line-height: 30px;
    border: 1px solid transparent;


}

.cover-page-container {

    position: relative;
    height: 177px;

}


.cover-page-form {

    position: absolute;
    left: 135px;
    top:0px;
}

.cover-page-labels {

    position: absolute;
    left: 35px;
    top:0px;
}

.small-header {

    margin-top: 10px;
    margin-bottom: 10px;

}

.send-print {

    position:absolute;
    right: 15px;
    bottom: 15px;


}


#coverPagePane {

    /* display: none;  */

}





#printSpinner {

    position: absolute;
    top 100px;
    right: 100px;
    color: #412878;
    display: none;

}

/* this is different for print output, see print.css in the data folder */

.contentSeparator {
    font-size: 11.0pt;
    font-family: Arial;
    /* padding-left: 30px; */
    max-width: 705px;
    font-weight: normal;
    margin: 0 auto;
    position: relative;
    display: block;
    page-break-inside: avoid;
}

.saved-sign {

    float:left;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;

}

#googleExport {

    height: 350px;
    width: 350px;
    top: 80px;
    z-index: 4100;
    display: none;
    margin-left: -175px;

}

.pad10 {
    padding: 10px;
}
.mar10 {

    margin: 10px;

}

#googleName  {

    width: 90%;

}

.googleContainer {

   display: none;
   text-align: center;
   padding: 20px;

}

.docDetails {

    font-size: 11px;

}

.inline-awesome {

    color: #2f71ac;
}

.form-subheader {

    font-weight: bold;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ready-header {

    font-weight: bold;
    padding: 10px !important;
    font-size: 14px !important;


}

.question-id-display {

    position:absolute;
    bottom: 1px;
    right: 2px;
    font-size: 10px;
    font-family: Arial;
    color:  #0000ff;
}

.toggle-question-id {

    cursor: pointer;
    font-weight: bold;
    float: left;
}

.toggle-question-id:hover {

    color: #427eb3;

}

.add-items {

    float: right;
    margin-right: 20px;
    color: #2f71ac;
    display: none;
    cursor: pointer;

}

.viewerTitle  {

    float: left;

 }

 .viewer-control {
    float: right;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    margin-right: 15px;
 }

 .viewer-win-ctrl:before {
    content: "\f065";
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
 }


 .viewer-win-ctrl-max:before {
    content: "\f066" !important;
    font-family: FontAwesome;
    left:-5px;
    position:absolute;
    top:0;
 }


/* to maximise the viewer window */
 .viewer-max {
    position: absolute !important;
    top:10px !important;
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    max-width: 3000px !important;
    z-index: 3000 !important;
    width: 95% !important;
    height: 95% !important;
    margin: 0 auto;

 }

.margin-top-1 {
    margin-top: -2px;
}

.external-icon {
    padding-right: 16px;
}

.weblink-button-container {
    float:right;
    text-align:center;
    width:140px;
    margin-top:-25px;

}

.hr-simple  {

    height: 1px;
    color: #f0f0f0;
    background-color: #f0f0f0;
    border: 0;

}


.word-warning {

    font-size: 13px;
    display: none;
    font-weight: normal;
    width: 230px;

}


.save-indicator {

    position: absolute;
    right: 110px;
    top:8px;
    display: none;

}



/* animated check mark for save */

@import "bourbon";

/*
$color--green: #7ac142;
$curve: cubic-bezier(0.650, 0.000, 0.450, 1.000);
*/

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.checkmark {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}


.osa-print-options-container {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;

}


.osa-print-wrapper {

    display: flex;
    margin-top: 10px;
    width: 100%;
    border: 1px solid #2f71ac;
    border-radius: 8px;
    cursor: pointer;
    height: 67px;
}

.osa-print-wrapper:hover {

    background-color: #2f71ac;
    color: white;
}

.osa-document-box a {

    color: unset;
    text-decoration: none;
    text-alignment: unset;

}

.osa-print-item-text {

  font-size: 16px;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  margin-left: 20px;
  width: 80%;
  text-align: left;

}

.osa-print-item-icon {

    display:inline-block;
    width: 60px;
    padding-top: 11px;
}


.osa-print-image {
}

.osa-print-image:hover {
    color: white;
}

.driveError {
    opacity: .5;
}
.driveErrorBtn {
    cursor: default;
}

.fa.driveErrorIcon {
    padding: 4px;
    font-size: 16px;
    color: #B17F00;
    background: #FDF6E5;
    width: 20px;
    height: 20px;
}

.fa.driveErrorIcon.btn {
    border: 1px solid #B17F0080;
    border-radius: 20px;
    position: absolute;
    right: 79px;
    top: 62px;
}

.fa.driveErrorIcon.btn:before {
    position: absolute;
    top: 5px;
    left: 7px;
}

.fa.driveErrorIcon.msg {
    font-size: 20px;
}

.tooltip {
    display: none;
    position: absolute;
    text-align: left;
    border: 2px solid #B17F0080;
    border-radius: 5px;
    background-color: #FDF6E5;
    padding: 5px;
    z-index: 1;
    right: 18px;
    top: 8px;
    width: 200px;
    -webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.21);
    box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.21);
}

.drive-warning {
    display: flex;
    text-align: left;
    border: 1px solid #B17F0080;
    border-radius: 16px;
    background-color: #FDF6E5;
    gap: 8px;
    padding: 8px;
    margin-bottom: 8px;
    font-size: 12px;
}

.arrow-down {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem;
    top: 65px;
    left: 89px;
}

.arrow-down:after {
    bottom: -3px;
    border-top-color: #FDF6E5;
    border-width: .5rem .5rem 0;
    position: absolute;
    display: block;
    content: "";
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.arrow-down:before {
    bottom: -5px;
    border-top-color: #B17F0080;
    border-width: .5rem .5rem 0;
    position: absolute;
    display: block;
    content: "";
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.dependency-dialog {
    width: 300px;
}

.dependency-dialog .vex-dialog-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dependency-dialog .vex-dialog-input {
    position: relative;
    top: 45px;
}
.dependency-dialog .vex-dialog-buttons {
    position: relative;
    bottom: 35px;
}