/* Source: ~./com/rima1/common/zk/ui/xtree/tree.css */
tr.r1-treerow-prohibited {
	background: inherit;
	color: #808080;
}
tr.r1-treerow-inpath {
	background: #ECF3FA;
}
tr.r1-treerow-inpath.z-treerow-seld {
	background: #BCD2EF;
}
tr.r1-treerow-inpath.z-treerow-over {
	background: #B5CFF5;
}
tr.r1-treerow-inpath.z-treerow-over-seld {
	background: #6EADFF;
}
tr.r1-treerow-inpath.r1-treerow-prohibited {
	background: #ECF3FA;
}





/* Source: ~./com/rima1/common/zk/ui/r1header/responsive-header.css */
@media screen and (max-width: 1024px) {
		    .larger-screen {
		       height: 50px;
		    }
}
@media screen and (max-width: 750px) {
		    .smaller-screen {
		        height: 100px;
		    }
}
/* ----------------------------
 *
 * Template Header
 *
 * --------------------------- */
/* Push right */
.csstransforms3d.sidebar-open-ltr .header.navbar {
  -webkit-transform: translate3d(240px, 0, 0);
          transform: translate3d(240px, 0, 0);
}
.no-csstransforms3d.sidebar-open-ltr .header.navbar {
  left: 240px;
  right: auto;
}
/* Push left */
.csstransforms3d.sidebar-open-rtl .header.navbar {
  -webkit-transform: translate3d(-240px, 0, 0);
          transform: translate3d(-240px, 0, 0);
}
.no-csstransforms3d.sidebar-open-rtl .header.navbar {
  right: 240px;
  left: auto;
}
.header.navbar {
  position: relative;
  z-index: 1030;
  width: 100%;
  border-width: 0;
  border-radius: 0;
  margin: 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: -webkit-transform 0.2s ease;
       -o-transition: -o-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.header.navbar .container .navbar-toolbar,
.header.navbar .container-fluid .navbar-toolbar {
  margin-right: -15px;
  margin-left: -15px;
}
.header.navbar .navbar-header {
  background-color: #00b6ad;
  height: 50px;
  float: none;
  background-repeat: no-repeat;
  background-size: contain;
}
.header.navbar .navbar-header > .navbar-brand {
  display: block;
  width: 100%;
  padding: 0 15px;
  line-height: 50px;
  height: 50px;
  text-align: center;
  -webkit-transition: all .1s;
  transition: all .1s;
}
.header.navbar .navbar-header > .navbar-brand.text-left {
  text-align: left;
}
.header.navbar .navbar-header > .navbar-brand.text-right {
  text-align: right;
}
.header.navbar .navbar-toolbar {
  /* background-color: rgba(255, 255, 255, 0.97); */
  background-color: #26465B;
}
.header.navbar .navbar-toolbar .navbar-collapse {
  max-height: 220px;
  width: 100%;
  padding: 0;
  border-color: #ecf0f1;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav {
  float: none;
  padding: 0;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav > li {
  float: none;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav > li > a {
  height: 40px;
  line-height: 40px;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav.navbar-right,
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav.navbar-left {
  padding: 0;
  float: none;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav > .dropdown > .dropdown-menu {
  position: static;
  margin: 0;
  border-width: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header.navbar .navbar-toolbar .navbar-nav {
  margin: 0;
  float: left;
  padding-left: 5px;
}
.header.navbar .navbar-toolbar .navbar-nav > li {
  float: left;
}
.header.navbar .navbar-toolbar .navbar-nav-center  > li {
  float: left;
  position:relative;
  left:50%;
}
.header.navbar .navbar-toolbar .navbar-nav > li > a {
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  color: #9d9d9d;
  text-shadow: none;
}
.header.navbar .navbar-toolbar .navbar-nav > li > a:hover,
.header.navbar .navbar-toolbar .navbar-nav > li > a:focus {
  background-color: transparent;
  /*color: #9d9d9d;*/
}
.header.navbar .navbar-toolbar .navbar-nav > li > a:active,
.header.navbar .navbar-toolbar .navbar-nav > li > a.active {
  background-color: #f6f6f6;
  color: #848484;
}
.header.navbar .navbar-toolbar .navbar-nav > li.open > a,
.header.navbar .navbar-toolbar .navbar-nav > li.active > a,
.header.navbar .navbar-toolbar .navbar-nav > li.open > a:hover,
.header.navbar .navbar-toolbar .navbar-nav > li.active > a:hover,
.header.navbar .navbar-toolbar .navbar-nav > li.open > a:focus,
.header.navbar .navbar-toolbar .navbar-nav > li.active > a:focus,
.header.navbar .navbar-toolbar .navbar-nav > li.open > a:active,
.header.navbar .navbar-toolbar .navbar-nav > li.active > a:active {
  background-color: #f6f6f6;
  color: #848484;
}
.header.navbar .navbar-toolbar .navbar-nav.navbar-right {
  float: right;
  padding-right: 5px;
  //position:relative;
  //left:-50%;
  //text-align:left;
  padding-left: 0;
}
.header.navbar .navbar-toolbar .navbar-nav.navbar-center {
  margin-top:0;
  margin-right:auto;
  margin-bottom:0;
  margin-left:auto;
}
.navbar-nav.navbar-tbbutton {
  color: white;
  text-decoration: none;
  cursor: pointer;
  width: 55px;
}
.navbar-nav.navbar-tbbutton > .z-toolbarbutton-content {
  color: white;
  text-decoration: none;
  cursor: pointer;
  width: 55px;
}
.navbar-nav.navbar-tbbutton-accessCode {
  color: white;
  text-decoration: none;
  cursor: pointer;
  width: 55px;
}
.navbar-nav.navbar-tbbutton-accessCode > .z-toolbarbutton-content {
  color: white;
  text-decoration: none;
  cursor: pointer;
  width: 55px;
}

/* ----------------------------
 *
 * Template Header - screen-sm and up
 *
 * --------------------------- */
@media (min-width: 768px) {
  /* Push right */
  .csstransforms3d.sidebar-open-ltr .header.navbar {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .no-csstransforms3d.sidebar-open-ltr .header.navbar {
    left: 0;
    right: auto;
  }
  /* Push left */
  .csstransforms3d.sidebar-open-rtl .header.navbar {
    -webkit-transform: translate3d(-240px, 0, 0);
            transform: translate3d(-240px, 0, 0);
  }
  .no-csstransforms3d.sidebar-open-rtl .header.navbar {
    right: 240px;
    left: auto;
  }
  .header.navbar {
    height: 60px;
  }
  .frontend .header.navbar {
    background-color: rgba(255, 255, 255, 0.95);
    height: 90px;
  }
  .header.navbar .container .navbar-toolbar,
  .header.navbar .container-fluid .navbar-toolbar {
    margin-right: 0;
    margin-left: 0;
  }
  .header.navbar .container .navbar-header > .navbar-brand,
  .header.navbar .container-fluid .navbar-header > .navbar-brand {
    margin-left: 0;
    text-align: left;
  }
  .header.navbar .container .navbar-header.navbar-header-transparent,
  .header.navbar .container-fluid .navbar-header.navbar-header-transparent {
    background-color: transparent;
  }
  .header.navbar .container .navbar-header.navbar-header-transparent > .navbar-brand > .logo-figure,
  .header.navbar .container-fluid .navbar-header.navbar-header-transparent > .navbar-brand > .logo-figure {
    background-image: url("../image/logo/logo-figure-inverse.png");
  }
  .header.navbar .container .navbar-header.navbar-header-transparent > .navbar-brand > .logo-text,
  .header.navbar .container-fluid .navbar-header.navbar-header-transparent > .navbar-brand > .logo-text {
    background-image: url("../image/logo/logo-text-inverse.png");
  }
  .header.navbar .navbar-header {
    background-color: #00b6ad;
    height: 60px;
    float: left;
  }
  .frontend .header.navbar .navbar-header {
    height: 90px;
  }
  .header.navbar .navbar-header > .navbar-brand {
    width: 240px;
    line-height: 59px;
    height: 60px;
    padding: 0;
  }
  .frontend .header.navbar .navbar-header > .navbar-brand {
    height: 90px;
    line-height: 89px;
  }
  .header.navbar .navbar-header > .navbar-brand > .logo-text,
  .header.navbar .navbar-header > .navbar-brand > .logo-figure {
    display: inline-block;
    //margin-top: 5px;
  }
  .frontend .header.navbar .navbar-header > .navbar-brand > .logo-text,
  .frontend .header.navbar .navbar-header > .navbar-brand > .logo-figure {
    height: 90px;
    margin-top: 20px;
  }
  .header.navbar .navbar-toolbar {
    position: relative;
    height: 60px;
    margin-left: 240px !important;
  }
  .frontend .header.navbar .navbar-toolbar {
    height: 90px;
    background-color: transparent;
  }
  .header.navbar .navbar-toolbar > .navbar-collapse {
    width: auto;
  }
  .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav,
  .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav > li {
    display: inline-block;
  }
  .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav > li {
    float: left;
  }
  .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav > li > a {
    height: 60px;
    line-height: 60px;
  }
  .frontend .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav > li > a {
    height: 90px;
    line-height: 90px;
  }
  .header.navbar .navbar-toolbar .navbar-nav > li > a {
    height: 60px;
    line-height: 60px;
  }
  .frontend .header.navbar .navbar-toolbar .navbar-nav > li > a {
    height: 90px;
    line-height: 90px;
  }
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 2px solid #00b6ad;
  }
}
@media (max-width: 767px) {
  .header.navbar .navbar-header {
    background-color: #26465B;
  }
  .header.navbar .navbar-header > .navbar-brand > .logo-text {
    /* background-image: url("../image/logo/logo_ACADEM.png"); */
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a {
    color: rgba(0, 0, 0, 0.35);
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus {
    color: rgba(0, 0, 0, 0.45);
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus {
    background-color: #74A9BC;
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a > .meta > .label,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a > .meta > .badge,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a > .meta > .hasnotification {
    -webkit-box-shadow: 0 0 0 1px #26465B;
            box-shadow: 0 0 0 1px #26465B;
  }
}
@media (min-width: 768px) {
  .ht {
  	height: 50px;
  }
  .header.navbar {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .header.navbar .navbar-toolbar {
    background-color: #26465B;
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a,
  .header.navbar .navbar-toolbar .navbar-nav > li > a {
    color: #fff;
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:focus {
    opacity:0.9;
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:focus {
    background-color: #74A9BC;
  }
  .header.navbar .navbar-toolbar .navbar-nav > li.open > a,
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a,
  .header.navbar .navbar-toolbar .navbar-nav > li.open > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > li.open > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > li.open > a:focus,
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a:focus {
    background-color: #74A9BC;
    color: rgba(0, 0, 0, 0.45);
  }
  .header.navbar .navbar-header {
    background-color: #26465B;
  }
  .header.navbar .navbar-header > .navbar-brand > .logo-figure {
    /* background-image: url("../image/logo/degree.png"); */
  }
  .header.navbar .navbar-header > .navbar-brand > .logo-text {
   /* background-image: url("../image/logo/logo_ACADEM.png"); */
  }
}




/* Source: ~./com/rima1/zk/theme/css/zul-overrides.css */
.z-window-embedded-header,
.z-window-modal-header,
.z-window-popup-header,
.z-window-highlighted-header,
.z-window-overlapped-header {
	padding-top: 1px;
	padding-bottom: 2px;
}

.z-panel-hl {
	padding-left: 6px;
}

.z-panel-hr {
	padding-right: 6px;
}

.z-panel-cl {
	padding-left: 6px;
}

.z-panel-hm .z-panel-header {
	padding: 0px 0px 4px 0px;
}

.z-panel-cl .z-panelchildren {
	background-color: inherit;
	border: 0px;
}

.z-menubar-hor .z-menu-body .z-menu-inner-m {
	padding-right: 0px;
}

.z-menubar-hor .z-menu-body .z-menu-inner-r {
	width: 0px;
}

.z-menupopup-cnt li.z-menuitem {
	padding: 0px;
}

div.z-listbox-body .z-listcell {
	padding: 0px 2px;
}

div.z-listheader-cnt,
div.z-listbox-header div.z-auxheader-cnt,
div.z-treecol-cnt,
div.z-tree-header div.z-auxheader-cnt {
	padding: 2px 3px;
}

div.z-listbox-header th.z-listheader-sort div.z-listheader-cnt {
	padding: 2px 11px 2px 2px;
}

div.z-tree-body td.z-treecell,
div.z-tree-footer td.z-treefooter {
	border: inherit;
	padding: 0px 2px;
}

/* div.z-listbox-header th.z-listheader,
div.z-listbox-header th.z-auxheader,
div.z-listfooter-cnt, */
div.z-listcell-cnt,
/* div.z-listheader-cnt,
div.z-treefooter-cnt, */
div.z-treecell-cnt,
/* div.z-treecol-cnt,
div.z-footer-cnt,
div.z-column-cnt, */
div.z-row-cnt {
	color: inherit;
}

.z-tree-header-bg,
.z-dottree-header-bg,
.z-filetree-header-bg,
.z-vfiletree-header-bg {
	margin-right: 0;
}

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

.z-listbox-autopaging .z-listcell-cnt,
.z-grid-autopaging .z-row-cnt,
.z-grid-autopaging .z-group-cnt,
.z-grid-autopaging .z-groupfoot-cnt {
	height: inherit;
}

/*
div.z-row-cnt,
div.z-group-cnt,
div.z-groupfoot-cnt {
	padding: 0;
}
*/

.z-grid-header-bg {
	margin-right: 0;
}

div.z-column-cnt,
div.z-grid-header div.z-auxheader-cnt {
	padding: 2px 3px;
}

tr.z-row td.z-row-inner,
tr.z-row .z-cell {
	line-height: inherit;
	padding: 2px 3px;
}

div.z-grid-header .z-column-sort div.z-column-cnt {
	padding-right: 11px;
}

.z-listheader-sort .z-listheader-sort-img,
.z-column-sort .z-column-sort-img {
	margin: 5px -9px -9px 0px
}

.z-listheader-sort-img,
.z-column-sort-img {
	position: relative;
	float: right;
	left: inherit;
}

/*
td.z-footer{padding:5px 10px 5px 9px;line-height:19px}
tr.z-row td.z-row-inner,tr.z-row td.z-cell,tr.z-group td.z-group-inner,tr.z-groupfoot td.z-groupfoot-inner{padding:4px 4px 4px 6px}
tr.z-row td.z-row-inner, tr.z-row td.z-cell, tr.z-group td.z-group-inner, tr.z-groupfoot td.z-groupfoot-inner {
padding: 2px;
}
*/





/* Source: ~./com/rima1/customui/css/display-table.css */
.r1-table {
	display: table;
}
.r1-table-inline {
	display: inline-table;
}
.r1-table-row {
	display: table-row;
}
.r1-table-row > * {
	display: table-cell;
	padding-right: 3px;
	/* text-align: right; */
	vertical-align: middle;
	margin: 10px 0px;
}
.r1-table-row > * + * {
	display: table-cell;
	text-align: left;
}
.GridLayoutNoBorder tr.z-row td.z-row-inner,tr.z-row,div.z-grid-body div.z-cell,div.z-grid,.z-grid-odd>.z-row-inner,.z-grid-odd>.z-cell {
		 /*  border: none; */
		 zoom: 1;
		 background: white;
		 /* border-top: none;
		 border-left: none;
		 border-right: none;
		 border-bottom: none; */
		 padding: 1px;
}





/* Source: ~./com/rima1/customui/css/listbox.css */
/* fixed height list */
.r1-fixedheight div.z-listcell-cnt,
.r1-fixedheight div.z-row-cnt {
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* end fixed height list */





/* Source: ~./com/rima1/customui/css/tree.css */
tr.r1-treerow-nomark,
tr.r1-treerow-nomark.r1-treerow-inpath {
	background: inherit;
}
tr.r1-treerow-nomark.z-treerow-over,
tr.r1-treerow-nomark.z-treerow-over-seld {
	background: #DAE7F6;
}
tr.r1-treerow-nomark.r1-treerow-prohibited {
	background: inherit;
}
/* XTree red-green rendering /
tr.r1-treerow-redgreen {
	color: green;
}
tr.r1-treerow-redgreen.r1-treerow-prohibited {
	color: red;
}
/* end XTree red-green rendering */





/* Source: ~./com/rima1/customui/admindomain/databinding.css */
.r1-binding-native {
	font-style: italic;
}
.r1-binding-uda-mandatory {
	font-weight: bold;
}





/* Source: ~./com/rima1/customui/userdomain/avatar.css */
/* task bar */
.r1-avatar, .r1-avatar * {
	cursor: pointer;
}
/* end task bar */





/* Source: ~./com/rima1/customui/css/r1customuimessagebox.css */
/* Message Box */

.modal-footer {
    text-align:center;
}

.modal-footer .btn {
    min-width:80px;
}

.modal-dialog .modal-body .z-messagebox-icon {
  display: inline-block;
  font: normal normal normal 48px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image:none;
  color:#555;
  min-width:48px;
}

.modal-dialog .modal-body .z-messagebox-question {
  color: #337AB7;
}

.modal-dialog .modal-body .z-messagebox-question:before {
   content: "\f059";
}
.modal-dialog .modal-body .z-messagebox-exclamation {
  color: #8A6D3B;;
}

.modal-dialog .modal-body .z-messagebox-exclamation:before {
   content: "\f06a";
}
.modal-dialog .modal-body .z-messagebox-information {
  color: #31708F;
}

.modal-dialog .modal-body .z-messagebox-information:before {
   content: "\f05a";
}
.modal-dialog .modal-body .z-messagebox-error {
  color: #A94442;
}

.modal-dialog .modal-body .z-messagebox-error:before {
   content: "\f057";
}





/* Source: ~./com/rima1/customui/css/r1customuistyles.css */
h4.title, h5.title, .widget-h4 {
			font-variant:small-caps;
			text-align: center;
		}
		
		h4.title span.color.dark-blue, h5.title span.color.dark-blue {
			   background-color: #1C64A8;
		}
		
		h4.title span.color.blue, h5.title span.color.blue, .widget-h4 span.color.blue {
		    background-color: #5BC0DE;
		}
		
		h4.title span.color.green, h5.title span.color.green {
   			background-color: #66C411;
		}
		h4.title span.color.yellow, h5.title span.color.yellow {
   			background-color: #F2D500;
		}

		h4.title span.color.purple, h5.title span.color.purple {
 			  background-color: #5A2F73;
		}
		h4.title span.color.dark-gray, h5.title span.color.dark-gray {
 			  background-color: #555;
		}
		h4.title span.color.middle-gray, h5.title span.color.middle-gray {
 			  background-color: #999;
		}
		h4.title span.color, h5.title span.color, .widget-h4 span.color {
		    width: 40%;
		    display: block;
		    height: 3px;
		    margin: 10px auto auto;
		}
		
		h4.title span.border, .widget-h4 span.border {
		    display: block;
		    width: 80%;
		    height: 1px;
		    margin: auto;
		    background-color: #454545;
		}
		
		h4.title.xl span.color, .widget-h4.xl span.color { width: 40%; }
		h4.title.xl span.border, .widget-h4.xl span.border { width: 80%;}
		
		.page-header h1 { font-size:32px; }
		h1, h2, h3, h4, h5, h6 { margin-top: 5px; margin-bottom: 5px;}
		.text-danger { color: #F00;}
		.pager { margin: 5px 0px; }
		.r1-login-window {
				padding-left: 0px;
			    margin: 70px 0px;
			    text-align: center;
		}
		.form-group { margin-bottom: 7px; }
		
		div.bg-alternate {
			background-color: #F9F9F9;
			padding-top:10px;
			padding-bottom:10px;
		}
		
		.font-line-through, .font-line-through * { text-decoration: line-through; }
		.font-line-through .fa { text-decoration:none; }
		
		.img-circle-border {
			margin: 0px auto auto; 
			border:4px solid white; 
			overflow: hidden; 
			
			-webkit-box-shadow: 0px 0px 0px 1px #555;
			-moz-box-shadow:    0px 0px 0px 1px #555;
			box-shadow:         0px 0px 0px 1px #555;
		}
			
		.img-circle-border .inner-img {
			margin: auto;
			display:inline-block;
    		vertical-align:middle;
    	}
    	
    	.r1customui-division-link {
    		color:#999;
			font-variant:small-caps;
    	}
    	
    	.r1customui-division-link:hover {
    		color:#555;
		}
		
		.r1customui-division-link.dark-blue {
			   border-color: #1C64A8;
			   color:#1C64A8;
		}
		
		.r1customui-division-link.blue {
		    border-color: #5BC0DE;
			color:#5BC0DE;
		}
		
		.r1customui-division-link.green {
   			border-color: #66C411;
   			color: #66C411;
		}
		.r1customui-division-link.yellow {
   			border-color: #F2D500;
   			color: #F2D500;
		}

		.r1customui-division-link.purple {
 			  border-color: #5A2F73;
 			  color: #5A2F73;
		}
    	
    	.r1customui-division {
    		border: 1px solid #999;
    		overflow:hidden;
    		height:320px;
    		margin-bottom:26px;
    		position:relative;
    		
			-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
			box-shadow:0 1px 1px rgba(0,0,0,.1);
    	}
    	.r1customui-division:hover {
    		border: 1px solid #999;
    		overflow:hidden;
    		height:320px;
    		margin-bottom:26px;
    		position:relative;
    		
			-webkit-box-shadow:0 3px 3px rgba(0,0,0,.3);
			box-shadow:0 0px 3px rgba(0,0,0,.3);
    	}
    	
    	.r1customui-division.no-border {
    		border:0px;
    		
			-webkit-box-shadow:none;
			box-shadow:none;
    	}
    	.r1customui-division.no-border:hover {
			-webkit-box-shadow:none;
			box-shadow:none;
    	}
    	.r1customui-devision-group {
    		height:34px;
			font-variant:small-caps;
			background-color: #999;
			color:white;
			-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
			box-shadow:0 1px 1px rgba(0,0,0,.1);
    		line-height:34px;
    	}
    	
    	h4.r1customui-devision-group { font-size:16px }
    	
    	.r1customui-devision-group > * {
    		height:100%;
    		line-height:34px;
    	}

    	.r1customui-devision-group .icon {
    		background-color:#555;
    		width:34px;
    		text-align:center;
    	}
    	
    	.r1customui-form-control.r1-select .z-hbox-separator {
    		width:0;
    	}
    	
    	.r1customui-form-control .r1-select-erase {
    		display:inline-block;
			padding:6px 10px;
			margin-bottom:0;
			font-size:14px;
			font-weight:400;
			line-height:1.42857143;
			text-align:center;
			white-space:nowrap;
			vertical-align:middle;
			-ms-touch-action:manipulation;
			touch-action:manipulation;
			cursor:pointer;
			-webkit-user-select:none;
			-moz-user-select:none;
			-ms-user-select:none;
			user-select:none;
			background-image:none;
			border:1px solid transparent;
			border-radius:4px;
			background-color:#fff;
			border-color:#E0CAC9;
			
			color:#fff;
    	}

		.r1customui-form-control .r1-select-erase:focus{
			color:#fff;
			background-color:#c9302c;
			border-color:#761c19
		}
		
		.r1customui-form-control .r1-select-erase:hover{
			color:#fff;
			background-color:#c9302c;
			border-color:#ac2925
		}		
		
		.r1customui-input-group .z-datebox-input,
		.r1customui-input-group .z-timebox-input, 
		.r1customui-input-group .z-bandbox-input,
		.r1customui-input-group .z-combobox-input,	
    	.r1customui-form-control .z-select{
			display:block;
			width:100%;
			height:34px;
			padding:6px 12px;
			font-size:14px;
			line-height:1.42857143;
			color:#555;
			background-color:#fff;
			background-image:none;
			border:1px solid #ccc;
			border-radius:4px;
			-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
			box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
			-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
			-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
		}
		
		
		.r1customui-input-group .z-datebox-input,	
		.r1customui-input-group .z-timebox-input, 
		.r1customui-input-group .z-combobox-input,		
		.r1customui-input-group .z-bandbox-input {
			display:inline;
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
			border-right:0px;
		}
		
		.r1customui-input-group .z-datebox-input:focus,  		
		.r1customui-input-group .z-timebox-input:focus, 
		.r1customui-input-group .z-bandbox-input:focus ,	
		.r1customui-input-group .z-combobox-input:focus ,
		.r1customui-input-group .z-datebox-button:focus,
		.r1customui-form-control .z-select:focus{
			border-color:#66afe9;
			outline:0;
			-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
			box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
		}
		
			
		.r1customui-input-group .z-datebox-button,
		.r1customui-input-group .z-timebox-button,
		.r1customui-input-group .z-combobox-button,
		.r1customui-input-group .z-bandbox-button {
			height:34px;
			font-size:14px;
			font-weight:400;
			line-height:25px;
			padding-left:12px;
			padding-right:12px;
			color:#555;
			text-align:center;
			background-color:#eee;
			border:1px solid #ccc;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}
		
		.r1customui-input-group .z-timebox-button * {
			color:#555;
			overflow:hidden;
		}
		
		.r1customui-input-group .z-timebox-button .z-timebox-separator {
			border:0;
		}
		.r1customui-input-group .z-timebox-button > a {
			height:16px;
			line-height:16px;
		}
		
		
		.r1customui-input-group .z-timebox-button > a:hover {
			background-color:#ccc;
		}
		
		.r1customui-input-group .z-combobox-invalid, 
		.r1customui-input-group .z-bandbox-invalid, 
		.r1customui-input-group .z-datebox-invalid, 
		.r1customui-input-group .z-timebox-invalid, 
		.r1customui-input-group .z-spinner-invalid, 
		.r1customui-input-group .z-doublespinner-invalid {
		    border: 1px solid #A94442 !important;
		    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		}
		
		
		.r1customui-form-control .z-select::-moz-placeholder{
			color:#999;
			opacity:1
		}
		
		.r1customui-form-control .z-select:-ms-input-placeholder{
			color:#999
		}
		
		.r1customui-form-control .z-select::-webkit-input-placeholder{
			color:#999
		}
		
		.r1customui-form-control .z-select[disabled], .r1customui-form-control .z-select[readonly],fieldset[disabled] .r1customui-form-control .z-select{
			background-color:#eee;
			opacity:1
		}
		
		.r1customui-form-control .z-select[disabled],fieldset[disabled] .r1customui-form-control .z-select{
			cursor:not-allowed
		}
		    	
		.r1customui-form-control .z-select {
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
		}
		.r1customui-form-control .z-select[disabled] {
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
		}
		
		
		.r1customui-form-control .input-group button:not([style*="display: none"]) ~ .z-select {
			border-top-right-radius: 0px;
			border-bottom-right-radius: 0px;
    	}

    	
    	
    	.r1customui-division.xs { height:260px;	}
    	.r1customui-division.auto {	height:auto; }
    	.r1customui-division .r1customui-division-header {	}
    	
    	.r1customui-division .r1customui-division-body {padding:10px;overflow:auto;	}
    	
    	.r1customui-division.auto .r1customui-division-body {overflow:visible;}
    	
    	.r1customui-division.xs .r1customui-division-body {height:130px;}
    	
    	.r1customui-division.no-border .r1customui-division-body {
    		padding-left:0px;
    		padding-right:0px;
    	}
    	.r1customui-division .pager {
    		margin-top:10px;
    		margin-bottom:10px;
    	}
    	
    	.r1customui-division .r1customui-division-action-group {
    		position:absolute;
    		left:0;
    		right:0;
    		bottom:0;
    		margin-top:0;
    		margin-bottom:10px;
    	}
    	.r1customui-division.auto .r1customui-division-action-group {position:relative;	}
    	
    	.r1customui-widget, .widget { }
    	
		.r1customui-widget .r1customui-widget-header, 
		.widget-header, 
		.r1customui-division .r1customui-division-header {
			background-color: #E0E0E0;
    		padding-top: 9px;
    		margin-bottom: 20px;
		}
		
		.widget.with-shadow {
			-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);
			box-shadow:0 1px 1px rgba(0,0,0,.1);
		}
		
		.widget .z-window-header,
		.r1customui-widget .z-window-header {
			background-color: #E0E0E0;
    		border-top: 1px solid #999;
    		border-left: 1px solid #999;
    		border-right: 1px solid #999;
			color:#999;
		}


		.widget.no-header .z-window-header {
			display:none;
		}

		.widget .z-window-content,
		.r1customui-widget .z-window-content
		 {
			border-top:0px;
			border-color: #999;
		}
		
		.widget .z-window-content {
			padding-top:0px;
			border-bottom:1px solid #999;
		}
		
		
		.z-window-icon {
		    color: #999;
		    border: 0px;
		    background: none;
		}
		.z-window-icon:hover {
		    color: black;
		    border: 0px;
		    background: none;
		}
		
		.btn-primary, .label-primary {
		    background-color: #006699;
		}
		
		.btn-primary:hover {
		    background-color: #1D3D83;
		}
		
		
		/* Action badge */
		.btn-group.action-badge {
    		margin-right:5px;
    		margin-bottom:5px;
		}

		.btn-group.action-badge > .btn {	
			padding:.2em .6em .3em;
			line-height:1;
			white-space:nowrap;
			vertical-align:baseline;
			border-radius:.25em
		}
		
		.btn-group.action-badge > .btn .fa-remove {	}
		
		.btn-group.action-badge > .btn .fa-remove:hover { color:#D9534F; }

		.btn-group.action-badge > .btn.btn-default {
			background:#E4F0F3 none repeat scroll 0% 0%;			
			background-color: #555;
			color: #FFF;
			border:0px;
		}
		
		.btn-group.action-badge > .btn.btn-default:hover { background-color:#CCE3E9; background-color:#999; }
		
		/* Grid */
		.r1customui-grid { border:0px; border-top: 1px solid #999; }
        
        .r1customui-grid .z-listbox-body {
            border-left: 1px solid #DDD;
            border-right: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
            background-color:#F9F9F9;
        }
        
        .r1customui-grid .z-grid-header, .r1customui-grid .z-tree-header, .r1customui-grid .z-listbox-header { background-color:transparent; }
        .r1customui-grid tr th.z-column,
        .r1customui-grid .z-tree-header tr th.z-treecol,
        .r1customui-grid tr th.z-listheader {
            height:40px;
            font-variant:small-caps;
            background-color: transparent;
            color:#333;
            border-left:1px solid #DDD;
            border-right:1px solid #DDD;
            /* border-color:#ddd; */
        }
       /*  .r1customui-grid .z-columns-bar {
        	border-left : 1px solid #ddd;
        }
        .r1customui-grid .z-columns th:first-child {
        	 border-left:1px 1px solid #ddd;
        } */
        
        .r1customui-grid tr th.z-column .z-column-content,
        .r1customui-grid tr th.z-listheader .z-listheader-content {
            color:#333 !important;
            font-weight:800;
            font-size: 14px;
        }
        
        .r1customui-grid tr th.z-listhead-bar {        
            background-color: #transparent;
            border-color:transparent;
            color:#333;
        }
        
        .r1customui-grid .z-tree-header-border, .r1customui-grid .z-grid-header-border, .r1customui-grid .z-listbox-header-border { border-bottom: 2px solid #999; }

        .r1customui-grid.z-tree .z-treecols-bar,
        .r1customui-grid.z-tree .z-treechildren .z-treecell,
        .r1customui-grid.r1customui-grid-no-title  .z-listbox-header-border {
            border:0px;
        }
        
        .r1customui-grid tr th.z-listhead-bar { vertical-align: bottom; border-bottom: 0px; }
        
        .r1customui-grid .z-listgroup .z-listgroup-inner .z-listcell-content {
            padding:0px;
            line-height:34px;
            height:34px;
            font-variant:small-caps;
            border-top:1px solid white;
            border-bottom:0px;
            margin-top:5px;
            background-color:#E0E0E0;
        }
        
        .r1customui-grid .z-listgroup .z-listgroup-inner .z-listcell-content .z-listgroup-icon {
            width:34px;
            height:34px;
            margin:0px;
        }
        
        .r1customui-grid .z-listbox-body .z-listgroup .z-listgroup-inner,
        .r1customui-grid .z-listbox-body .z-listgroupfoot .z-listgroupfoot-inner {
            padding:0px;
            background-color:#E0E0E0;
            border-color:transparent;
            border-top:0px;
            
        }
        .r1customui-grid .z-listbox-body .z-listgroup .z-listgroup-inner { background-color:white; }
        
        .r1customui-grid .z-listbox-body .z-listgroupfoot .z-listgroupfoot-inner { border-bottom:1px solid transparent; }
        
        .r1customui-grid .z-listbox-body .z-listgroupfoot .z-listgroupfoot-inner .z-listcell-content { margin-left:38px; }
        
        .r1customui-grid .z-listbox-body .z-listgroup .z-listgroup-icon {
            background-color: #999;
            line-height:34px;
            vertical-align:baseline;
        
        }
        
        .r1customui-grid tr th.z-column .z-column-content, .r1customui-grid tr th.z-listheader .z-listheader-content { padding:0px; }
        
        .r1customui-grid .z-treerow.z-treerow-selected .z-treecell,
        .r1customui-grid .z-listitem.z-listitem-selected .z-listcell {
            border-color: #555;
            background: #555 none repeat scroll 0% 0% padding-box;
            position: relative;
        }
        
        
        .r1customui-grid .z-listbox-body .z-listitem .z-listcell { border-left:0px;    border-right:0px; }
         
        .r1customui-grid .z-listitem.z-listitem-disabled .z-listcell * { color: #777 !important; }
        
        
        .r1customui-grid .z-paging,  .r1customui-grid .z-listbox-paging-bottom, .r1customui-grid .z-grid-paging-bottom, .r1customui-grid .z-grid-paging-bottom, .r1customui-grid .z-tree-paging-bottom { height:auto; }
         
        .r1customui-grid .z-tree-paging-bottom .z-paging,
         .r1customui-grid .z-listbox-paging-bottom .z-paging, .r1customui-grid .z-grid-paging-bottom .z-paging {
            background-color:transparent;
            text-align:center;
        }
        
        
        .r1customui-grid .z-tree-paging-bottom .z-paging ul,
         .r1customui-grid .z-listbox-paging-bottom .z-paging ul, .r1customui-grid .z-grid-paging-bottom .z-paging ul {
            color:#333;
            background-color:white;
            padding:0px;
            overflow:hidden;
            height:35px;
        }
        .r1customui-grid .z-tree-paging-bottom .z-paging > ul li,  .r1customui-grid .z-listbox-paging-bottom .z-paging > ul li, .r1customui-grid .z-grid-paging-bottom .z-paging > ul li { height:100%; margin:0px; }
        .r1customui-grid .z-tree-paging-bottom .z-paging .z-paging-button , .r1customui-grid .z-listbox-paging-bottom .z-paging .z-paging-button, .r1customui-grid .z-grid-paging-bottom .z-paging .z-paging-button { height:35px;    line-height:35px; }
        
        .r1customui-grid .z-tree-paging-bottom .z-paging > ul li,  .r1customui-grid .z-listbox-paging-bottom .z-paging > ul li, .r1customui-grid .z-grid-paging-bottom .z-paging > ul li {    }
         
        .r1customui-grid .z-tree-paging-bottom .z-paging > ul li:last-child,  .r1customui-grid .z-listbox-paging-bottom .z-paging > ul li:last-child, .r1customui-grid .z-grid-paging-bottom .z-paging > ul li:last-child { border-right:0px; }
        
        .r1customui-grid .z-tree-paging-bottom .z-paging .z-paging-button,
         .r1customui-grid .z-listbox-paging-bottom .z-paging .z-paging-button, .r1customui-grid .z-grid-paging-bottom .z-paging .z-paging-button {
            background-color:white;
            padding: 6px 12px;
            margin: 0px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            color:#333;    
            
        }
        
        
        
        .r1customui-grid .z-tree-paging-bottom .z-paging .z-paging-button.z-paging-first,
         .r1customui-grid .z-listbox-paging-bottom .z-paging .z-paging-button.z-paging-first, .r1customui-grid .z-grid-paging-bottom .z-paging .z-paging-button.z-paging-first {
            border-radius:5px 0px 0px 5px;
            border:1px solid #CCC;        
            border-right:1px solid transparent;    
        }
        
        .r1customui-grid .z-tree-paging-bottom .z-paging .z-paging-button.z-paging-previous,
         .r1customui-grid .z-listbox-paging-bottom .z-paging .z-paging-button.z-paging-previous, .r1customui-grid .z-grid-paging-bottom .z-paging .z-paging-button.z-paging-previous { border-radius:0px; border:1px solid #CCC; }
        
        .r1customui-grid .z-tree-paging-bottom .z-paging .z-paging-button.z-paging-next,
         .r1customui-grid .z-listbox-paging-bottom .z-paging .z-paging-button.z-paging-next, .r1customui-grid .z-grid-paging-bottom .z-paging .z-paging-button.z-paging-next { border-radius:0px; border:1px solid #CCC; }
        
        .r1customui-grid .z-tree-paging-bottom .z-paging .z-paging-button.z-paging-last,
         .r1customui-grid .z-listbox-paging-bottom .z-paging .z-paging-button.z-paging-last, .r1customui-grid .z-grid-paging-bottom .z-paging .z-paging-button.z-paging-last {
            
            border-radius:0px 5px 5px 0px;
            border:1px solid #CCC;        
            border-left:1px solid transparent;        
        }
        
        .r1customui-grid .z-tree-paging-bottom .z-paging .z-paging-button:hover ,
         .r1customui-grid .z-listbox-paging-bottom .z-paging .z-paging-button:hover, .r1customui-grid .z-grid-paging-bottom .z-paging .z-paging-button:hover { background-color: #E6E6E6; border-color: #ADADAD; }
        
        .r1customui-grid .z-paging .z-paging-icon { color:#333; }
        
        .r1customui-grid .z-listheader-button { border:0; color:#999; }
        
        .r1customui-grid .z-listheader-button:hover {
        background:none;
            background-color:#E0E0E0;
            color:#555;
        }
        .r1customui-grid .z-auxheader {
        	background : none;
        	border-bottom: 0 solid #eee;
        	border-left : 0 solid #eee;
        }
        .r1customui-grid tr th.z-auxheader .z-auxheader-content {
        	color : inherit;
        }
        .r1customui-grid .z-listbox-body .z-listitem .z-listcell.no-top-border { border-top-color:transparent !important; }
		
		.r1customui-grid .z-listitem.z-listitem-selected .z-listcell.no-selection-visible {
			color: #444;
			background-color:transparent;
		}
		

		.r1customui-grid .z-listitem.z-listitem-selected .z-listcell.no-selection-visible .z-listcell-content,
		.r1customui-grid .z-listitem.z-listitem-selected:hover .z-listcell.no-selection-visible .z-listcell-content { color: #444; background-color:transparent; }
		
		.r1customui-grid .z-listitem.z-listitem-selected .z-listcell.no-selection-visible { border-top-color:#DDD; }
		
		.r1customui-grid .table tbody + tbody { border-top: 0px; }
		
		
		
		.r1customui-grid.r1customui-grid-light .z-treerow.z-treerow-selected .z-treecell, .r1customui-grid .z-listitem.z-listitem-selected .z-listcell {
    		border-color: #DDD;
    		background: #999 none repeat scroll 0% 0% padding-box;
		}
		
		
		.r1customui-grid.r1customui-grid-light .z-listitem.z-listitem-selected .z-listcell-content,
		.r1customui-grid.r1customui-grid-light .z-listitem.z-listitem-selected:hover .z-listcell-content { color:#000; }
		.r1customui-grid tr th.z-column,.r1customui-grid .z-tree-header tr th.z-treecol,.r1customui-grid tr th.z-listheader {
           border:none;
    	}
	    .r1customui-grid .z-detail {
	       background : none;
	       line-height : 0.5em;
	       border:none;
	    }
	    .r1customui-grid .z-row .z-detail-outer {
	       background : transparent;
	    }
	    .r1customui-grid .z-detail-icon {
	       color : #444;
	    }
	    .r1customui-grid .z-row:first-child .z-detail-outer {
	       border:none;
	    }
	    .r1customui-grid .z-detail-open .z-detail-icon {
	      line-height: 1em;
	    }
	    .r1customui-grid .z-group-inner {
	   	  background:none;
	 	}
	    .r1customui-grid .z-group-icon {
	      color : #444;
	    }
	    .fgrid tr th.z-column,.fgrid .z-tree-header tr th.z-treecol,.fgrid tr th.z-listheader {
	       border-left:none;
	       border-right:none;
	       border-bottom:none;
	       border-top: 1px solid #8c8b8b;
	       background:transparent;
    	}
	    .fgrid tr th.z-columns-bar {
	      border:none;
	    }
		.z-groupbox-3d.r1customui-groupbox > .z-groupbox-header { background-color:transparent; }
		
		.form-group .control-label .z-label {
			font-family: "Latoregular";
			font-weight: bold;
			color: #636363;
		}	
		
		.z-label.r1customui_mandatory,
		.form-group .control-label .z-label.r1customui_mandatory,
		.form-group .control-label .z-label.text-danger {
			color:#F00;
		}
		
		.form-horizontal .control-label { text-align: left;	}
		
		
		.z-tabbox.r1customui-z-tabbox { }
		
		.z-tabbox.r1customui-z-tabbox .z-tabs {
			padding-bottom: 9px;
			margin: 0px 0px 0px;
			border-bottom: 1px solid #EEE;
		}
		
		.z-tabbox.r1customui-z-tabbox .z-tabs-content {
    		color:#999;
			font-variant:small-caps;	
			border:0;
		} 
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab-text,
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab-content,
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab {
			border:0;
			background-color:transparent;
    		color:#999;
		}
		
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab-text { padding:0; }
		.z-tabbox.r1customui-z-tabbox .z-tabpanel { border:0; }
		
		.z-tabbox.r1customui-z-tabbox .z-tabbox-icon {
			font-size: 85%;
			text-decoration: none;
			background-color: transparent;
			color: #555;
			border:0;
		}
		
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab-selected {
		    text-decoration: none;
		    background-color: #555;
		    color:#EEE;
		    border-radius: 5px;
		}
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab-selected .z-tab-text,
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab-selected .z-tab-content { color:#EEE; }
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab {
		    color: #555;
			font-size: 85%;
			padding: 7px 15px;
		}
		
		
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab:hover {
		    background-color: #999;
		    border-radius: 5px;
		    color:#FFF;
		}
		.z-tabbox.r1customui-z-tabbox .z-tabs-content .z-tab:hover * { color:#000; }
		
		.z-tabbox.r1customui-z-tabbox .z-tab, .z-tabbox.r1customui-z-tabbox .z-tab.z-tab-selected:first-child + .z-tab { box-shadow: none; }
		
		.z-tabbox .z-tabpanel { padding:0px;}
		
		.z-textbox[disabled], .z-decimalbox[disabled], .z-intbox[disabled], .z-longbox[disabled], .z-doublebox[disabled] { color: #555 !important; }
    		
    	.r1customui-collapsible-panel .z-panel-head,
    	.r1customui-collapsible-panel .z-panel-header,
    	.r1customui-collapsible-panel .z-panelchildren { padding:0; background-color:transparent; }
    		
    	.r1customui-collapsible-panel .z-panel-header { line-height: 14px; background-color:transparent; }
    		
    	.r1customui-collapsible-panel .z-panel-header .z-panel-icon {
    		color:#555;
    		background-color: transparent;
    		float:left;
    		width: 40px;
			height: 16px;
			margin: 0px;
			font-size: 16px;
			line-height: 16px;
    	}
    	.r1customui-transparent-panel .z-panel-head, .r1customui-transparent-panel .z-panel-header, .r1customui-transparent-panel .z-panelchildren {
			background-color : transparent;
			color : #333;
    	}
    	
    	.r1customui-collapsible-panel .z-panel-head { border:0px; }
    	
    	.page-header { margin-top:0px; margin-bottom:0px; padding-bottom: 0px;}
    	
    	
    	.r1customui-filter { border-top: 1px solid #999; padding-top:5px; font-variant: small-caps; }
    	
    	.r1customui-filter .z-label {
			color: #333 !important;
			font-weight: 800;
			font-size: 14px;
    		font-variant: small-caps;
    	}
    	
    	.no-top-border { border-top:0px; }
    
    	.widget.no-header { position:relative; background-color:#FFF; }
	    .widget.no-header .btn-close-window { position:absolute; top:0px; right:0px; }
	    .widget.no-header.dashboard-window {
	    	position:absolute !important;
	    	top:14px;
	    	left:14px; 
	    	right:12px; 
	    	bottom:0;
	    	border:0;
	    }
    
    	.widget.no-header.dashboard-window .z-window-content { border:0; }
    	
	    .z-calendar-cell { min-width: 48px; min-height: 48px; }    	
		.z-calendar-cell:hover { background: #555 none repeat scroll 0% 0%; color: #FFF; }
		.z-calendar-selected, .z-calendar-selected:hover { color: #F9F9F9; background: #555 none repeat scroll 0% 0%; }		
		.z-calendar-weekend { color: #069; background: #F2F2F2 none repeat scroll 0% 0%; }
		
		.bg-danger, .bg-success  { margin-right:5px; margin-bottom:5px; display:inline-block; padding:15px; }
		.bg-danger, .bg-success , .bg-danger *, .bg-success * { font-weight: 800; }
		.bg-danger { background-color: #F2DEDE; }
		.bg-success { background-color: #DFF0D8; }

		/* Group Box */
		.z-groupbox > .z-groupbox-header { padding-left:0px; color:#636363; border:0px; }
		.z-groupbox > .z-groupbox-header .z-groupbox-title { padding: 0; background:transparent none; }
		.z-groupbox-content { border:0px; }


		.z-groupbox.r1customui-groupbox .z-caption { white-space:normal; font-variant:small-caps; }

		.z-errorbox-content { border-radius:3px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2); box-shadow:0 5px 10px rgba(0,0,0,.2); }
		
		.z-textbox[readonly], .z-decimalbox[readonly], .z-intbox[readonly], .z-longbox[readonly], .z-doublebox[readonly] { border: 1px solid #CCC; }
		.r1customui-input-group.z-datebox-disabled * { background: #EEE none repeat scroll 0% 0% !important; border-color:#CCC ; }
		.r1customui-input-group.z-datebox-disabled input, .r1customui-input-group.z-datebox-disabled a { background: #EEE none repeat scroll 0% 0% !important; }
		
		.cke_top { background-color: #E0E0E0;}
		
		.listitem-li:before {
			display: inline-block;
			font: normal normal normal 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f105";
			margin-right:7px;
		}
		
		.r1-fixedheight td.z-cell span.z-label, .r1-fixedheight div.z-row-cnt, .r1-fixedheight div.z-listcell-content { white-space: nowrap; text-overflow: ellipsis; }
	
		.z-menupopup-content .z-menuitem-content { 
		color: #555; }
		
		.z-menupopup-content .z-menuitem-content:hover { border-color: #555; background: #555 none repeat scroll 0% 0%; color:#FFF; }
		
		/* Badgebox */		
		.badgebox.form-control {height: auto;padding:0px; min-height: 34px;line-height:1;}
		.badgebox .btn-group *, .btn-group.action-badge * { white-space:nowrap;	}
		.badgebox .btn-group > * { padding:.2em .6em .3em; line-height:1; white-space:nowrap; vertical-align:baseline; border-radius:.25em; }	
		.badgebox .badgeitem { background: #555 none repeat scroll 0% 0%; color: #FFF; padding: 2px; padding-left: 4px; padding-right: 4px; border-radius: 0.25em; margin-top:1px; margin-left:1px; display:inline-block; font-size: 14px; font-weight: 400; }		
		.badgebox .badgeitem > * { white-space: nowrap; vertical-align: baseline; position: relative; float: left; line-height: 18px; font-size:14px; }
		.badgebox .badgeitem .z-button.btn-remove { background-color:transparent; color: #FFF; border:0px; padding:0px; margin-left:4px; cursor: pointer; min-height: 18px; }	
		.badgebox .badgeitem .z-button.btn-remove:hover {color:#FFDCDC;}
		.badgebox .btn-group > .btn.fa-remove:hover { color:#D9534F; }
		/* NavItem Dynamic template styles*/
		.r1customui-navImg .z-navitem-content {
			 height:65px;
		}
		.r1customui-navImg .z-navitem-content[disabled] img, .z-navitem-content[disabled]:hover img {
			opacity : 1;
		}
		.GridLayoutNoBorder tr.z-row td.z-row-inner, .GridLayoutNoBorder tr.z-row, .GridLayoutNoBorder div.z-grid-body div.z-cell, .GridLayoutNoBorder div.z-grid, .GridLayoutNoBorder .z-grid-odd>.z-row-inner, .GridLayoutNoBorder .z-grid-odd>.z-cell {
		/*  border: none; */
		 zoom: 1;
		 background: white;
		 /* border-top: none;
		 border-left: none;
		 border-right: none;
		 border-bottom: none; */
		 padding: 1px;
		}
		.form-control-spinner.z-spinner {position: inherit;}
		.form-control-spinner.z-spinner .z-spinner-input {border:0; background-color:transparent;width:97%}
		
		.form-control-spinner.z-spinner .z-spinner-input:focus, .form-control-spinner.z-spinner .z-doublespinner-input:focus {
		    box-shadow: none;
		}
		
		.form-control-spinner.z-spinner .z-spinner-button{
			 background-color:transparent;
			 right: 0px;
			 position: relative;
			 top: 0px;
			 height: 100%;
		}
		.form-control-spinner.z-spinner .z-spinner-button > a:hover {
			color:#444444;
		}
		.form-control.z-spinner .z-spinner-button * {
			background-color:transparent;
		}
		.form-control-spinner.z-spinner .z-spinner-up, .form-control-spinner.z-spinner .z-spinner-down {
			 color:#888;
			 border: 0;
		}
		
		.form-control-spinner.z-spinner .z-spinner-up:hover, .form-control-spinner.z-spinner .z-spinner-down:hover,
		.form-control-spinner.z-spinner .z-spinner-up:active, .form-control-spinner.z-spinner .z-spinner-down:active {
		 	background-color:transparent !important;
		    box-shadow: none !important;
		}
		
		.form-control-spinner.z-spinner .z-spinner-button > i { border:0; }
		
		/* Cell ellipsis for Zk listbox and grid */
		.r1customui-grid-ellipsis .z-listbox-body .z-listcell-content,
		.r1customui-grid-ellipsis .z-grid-body .z-row-content {
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		/* .r1customui-grid-with-headerborder tr th.z-column {
			border-color: none;
		}
		.r1customui-grid-with-headerborder .z-columns th:first-child {
			border-left : 1px 1px solid #ddd;
		}
		.r1customui-grid-with-headerborder .z-columns-bar {
			border-left : 1px solid #ddd;
		} */
		/* Emtpy widget styles that can be extended by plugins and later implemented in r1cui*/
		.r1customui-widget.r1customui-tableviewer {
		}
		.r1customui-widget.r1customui-workflowstart {
		}
		.r1customui-widget.r1customui-report {
		}
		.r1customui-widget.r1customui-stepexecution {
		}
		/* Z-faketextbox styles */
		.r1customui-faketextarea {
		    -moz-appearance: textfield-multiline;
		    -webkit-appearance: textarea;
		    font: medium -moz-fixed;
		    font: -webkit-small-control;
		    overflow: auto;
		    resize: both;
		}
		/* awesome checkbox css fix */
		.checkbox label, .radio label {
			display : inline-block;
			margin-bottom : 17px
		}
		.r1customui-tree .z-tree-icon {
           color:#636363
        }
        .r1customui-tree .z-treecell-content {
          background: url(${c:encodeURL('~./com/rima1/customui/images/vline.png')}) repeat-y;
          background-position: 3px , 10px;
        }
        .r1customui-tree tbody tr td div span.z-tree-line.z-tree-spacer {
          border-bottom: 1px dotted;
          line-height:0.5em;
          height:1px;
        }
        .r1customui-tree tbody tr td div span:nth-last-of-type(3).z-tree-icon {
           background: none;
           border-bottom: none;
        }
		
		




/* Source: ~./com/rima1/customui/css/r1customuiwindowheader.css */
/* Custom Window Header */

.r1windowheader .z-window-header {
				background : #ffffff none repeat scroll 0 0;
				color : #333;
				line-height : 1.1;
				font-size : 25px;
				font-weight : 500;
				
}
.r1windowheader .z-window-icon {
				background : #ffffff none repeat scroll 0 0;
}
.r1windowheader .z-window-icon:hover {
				background : #ffffff none repeat scroll 0 0;
				border-color : #ffffff;
				color : #333;
}
.r1windowheader .z-window-content {
				border-width : 0 1px 2px;
}
.r1dashboardwindow .z-window-header {
				background: #fff none repeat scroll 0 0;
				color: #555;
				min-height: 35px;
				padding-left: 12px;
				position: relative;
				text-align: center;
				font-weight:500;
				border:1px solid;
			    border-color:#eee;
}
.r1dashboardwindow .z-window-icon {
				background : #ffffff none repeat scroll 0 0;
}
.r1dashboardwindow .z-window-icon:hover {
				background : #ffffff none repeat scroll 0 0;
				border-color : #ffffff;
				color : #333;
}
.r1dashboardwindow .z-window-content {
				padding: 2px;
				border-width: 0 1px 2px;
}




/* Source: ~./com/rima1/customui/css/responsive-header.css */
@media screen and (max-width: 1024px) {
		    .larger-screen {
		       height: 50px;
		    }
}
@media screen and (max-width: 750px) {
		    .smaller-screen {
		        height: 100px;
		    }
}
/* ----------------------------
 *
 * Template Header
 *
 * --------------------------- */
/* Push right */
.csstransforms3d.sidebar-open-ltr .header.navbar {
  -webkit-transform: translate3d(240px, 0, 0);
          transform: translate3d(240px, 0, 0);
}
.no-csstransforms3d.sidebar-open-ltr .header.navbar {
  left: 240px;
  right: auto;
}
/* Push left */
.csstransforms3d.sidebar-open-rtl .header.navbar {
  -webkit-transform: translate3d(-240px, 0, 0);
          transform: translate3d(-240px, 0, 0);
}
.no-csstransforms3d.sidebar-open-rtl .header.navbar {
  right: 240px;
  left: auto;
}
.header.navbar {
  position: relative;
  z-index: 1030;
  width: 100%;
  border-width: 0;
  border-radius: 0;
  margin: 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: -webkit-transform 0.2s ease;
       -o-transition: -o-transform 0.2s ease;
          transition: transform 0.2s ease;
}
.header.navbar .container .navbar-toolbar,
.header.navbar .container-fluid .navbar-toolbar {
  margin-right: -15px;
  margin-left: -15px;
}
.header.navbar .navbar-header {
  background-color: #00b6ad;
  height: 50px;
  float: none;
}
.header.navbar .navbar-header > .navbar-brand {
  display: block;
  width: 100%;
  padding: 0 15px;
  line-height: 50px;
  height: 50px;
  text-align: center;
  -webkit-transition: all .1s;
  transition: all .1s;
}
.header.navbar .navbar-header > .navbar-brand.text-left {
  text-align: left;
}
.header.navbar .navbar-header > .navbar-brand.text-right {
  text-align: right;
}
.header.navbar .navbar-toolbar {
  /* background-color: rgba(255, 255, 255, 0.97); */
  background-color: #26465B;
}
.header.navbar .navbar-toolbar .navbar-collapse {
  max-height: 220px;
  width: 100%;
  padding: 0;
  border-color: #ecf0f1;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav {
  float: none;
  padding: 0;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav > li {
  float: none;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav > li > a {
  height: 40px;
  line-height: 40px;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav.navbar-right,
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav.navbar-left {
  padding: 0;
  float: none;
}
.header.navbar .navbar-toolbar .navbar-collapse > .navbar-nav > .dropdown > .dropdown-menu {
  position: static;
  margin: 0;
  border-width: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.header.navbar .navbar-toolbar .navbar-nav {
  margin: 0;
  float: left;
  padding-left: 5px;
}
.header.navbar .navbar-toolbar .navbar-nav > li {
  float: left;
}
.header.navbar .navbar-toolbar .navbar-nav-center  > li {
  float: left;
  position:relative;
  left:50%;
}
.header.navbar .navbar-toolbar .navbar-nav > li > a {
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  color: #9d9d9d;
  text-shadow: none;
}
.header.navbar .navbar-toolbar .navbar-nav > li > a:hover,
.header.navbar .navbar-toolbar .navbar-nav > li > a:focus {
  background-color: transparent;
  /*color: #9d9d9d;*/
}
.header.navbar .navbar-toolbar .navbar-nav > li > a:active,
.header.navbar .navbar-toolbar .navbar-nav > li > a.active {
  background-color: #f6f6f6;
  color: #848484;
}
.header.navbar .navbar-toolbar .navbar-nav > li.open > a,
.header.navbar .navbar-toolbar .navbar-nav > li.active > a,
.header.navbar .navbar-toolbar .navbar-nav > li.open > a:hover,
.header.navbar .navbar-toolbar .navbar-nav > li.active > a:hover,
.header.navbar .navbar-toolbar .navbar-nav > li.open > a:focus,
.header.navbar .navbar-toolbar .navbar-nav > li.active > a:focus,
.header.navbar .navbar-toolbar .navbar-nav > li.open > a:active,
.header.navbar .navbar-toolbar .navbar-nav > li.active > a:active {
  background-color: #f6f6f6;
  color: #848484;
}
.header.navbar .navbar-toolbar .navbar-nav.navbar-right {
  float: right;
  padding-right: 5px;
  //position:relative;
  //left:-50%;
  //text-align:left;
  padding-left: 0;
}
.header.navbar .navbar-toolbar .navbar-nav.navbar-center {
  margin-top:0;
  margin-right:auto;
  margin-bottom:0;
  margin-left:auto;
}
/* ----------------------------
 *
 * Template Header - screen-sm and up
 *
 * --------------------------- */
@media (min-width: 768px) {
  /* Push right */
  .csstransforms3d.sidebar-open-ltr .header.navbar {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .no-csstransforms3d.sidebar-open-ltr .header.navbar {
    left: 0;
    right: auto;
  }
  /* Push left */
  .csstransforms3d.sidebar-open-rtl .header.navbar {
    -webkit-transform: translate3d(-240px, 0, 0);
            transform: translate3d(-240px, 0, 0);
  }
  .no-csstransforms3d.sidebar-open-rtl .header.navbar {
    right: 240px;
    left: auto;
  }
  .header.navbar {
    height: 60px;
  }
  .frontend .header.navbar {
    background-color: rgba(255, 255, 255, 0.95);
    height: 90px;
  }
  .header.navbar .container .navbar-toolbar,
  .header.navbar .container-fluid .navbar-toolbar {
    margin-right: 0;
    margin-left: 0;
  }
  .header.navbar .container .navbar-header > .navbar-brand,
  .header.navbar .container-fluid .navbar-header > .navbar-brand {
    margin-left: 0;
    text-align: left;
  }
  .header.navbar .container .navbar-header.navbar-header-transparent,
  .header.navbar .container-fluid .navbar-header.navbar-header-transparent {
    background-color: transparent;
  }
  .header.navbar .container .navbar-header.navbar-header-transparent > .navbar-brand > .logo-figure,
  .header.navbar .container-fluid .navbar-header.navbar-header-transparent > .navbar-brand > .logo-figure {
    background-image: url("../image/logo/logo-figure-inverse.png");
  }
  .header.navbar .container .navbar-header.navbar-header-transparent > .navbar-brand > .logo-text,
  .header.navbar .container-fluid .navbar-header.navbar-header-transparent > .navbar-brand > .logo-text {
    background-image: url("../image/logo/logo-text-inverse.png");
  }
  .header.navbar .navbar-header {
    background-color: #00b6ad;
    height: 60px;
    float: left;
  }
  .frontend .header.navbar .navbar-header {
    height: 90px;
  }
  .header.navbar .navbar-header > .navbar-brand {
    width: 240px;
    line-height: 59px;
    height: 60px;
    padding: 0;
  }
  .frontend .header.navbar .navbar-header > .navbar-brand {
    height: 90px;
    line-height: 89px;
  }
  .header.navbar .navbar-header > .navbar-brand > .logo-text,
  .header.navbar .navbar-header > .navbar-brand > .logo-figure {
    display: inline-block;
    //margin-top: 5px;
  }
  .frontend .header.navbar .navbar-header > .navbar-brand > .logo-text,
  .frontend .header.navbar .navbar-header > .navbar-brand > .logo-figure {
    height: 90px;
    margin-top: 20px;
  }
  .header.navbar .navbar-toolbar {
    position: relative;
    height: 60px;
    margin-left: 240px !important;
  }
  .frontend .header.navbar .navbar-toolbar {
    height: 90px;
    background-color: transparent;
  }
  .header.navbar .navbar-toolbar > .navbar-collapse {
    width: auto;
  }
  .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav,
  .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav > li {
    display: inline-block;
  }
  .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav > li {
    float: left;
  }
  .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav > li > a {
    height: 60px;
    line-height: 60px;
  }
  .frontend .header.navbar .navbar-toolbar > .navbar-collapse > .navbar-nav > li > a {
    height: 90px;
    line-height: 90px;
  }
  .header.navbar .navbar-toolbar .navbar-nav > li > a {
    height: 60px;
    line-height: 60px;
  }
  .frontend .header.navbar .navbar-toolbar .navbar-nav > li > a {
    height: 90px;
    line-height: 90px;
  }
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border-top: 2px solid #00b6ad;
  }
}
@media (max-width: 767px) {
  .header.navbar .navbar-header {
    background-color: #26465B;
  }
  .header.navbar .navbar-header > .navbar-brand > .logo-text {
    /* background-image: url("../image/logo/logo_ACADEM.png"); */
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a {
    color: rgba(0, 0, 0, 0.35);
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus {
    color: rgba(0, 0, 0, 0.45);
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus {
    background-color: #74A9BC;
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a > .meta > .label,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a > .meta > .badge,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a > .meta > .hasnotification {
    -webkit-box-shadow: 0 0 0 1px #26465B;
            box-shadow: 0 0 0 1px #26465B;
  }
}
@media (min-width: 768px) {
  .ht {
  	height: 50px;
  }
  .header.navbar {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .header.navbar .navbar-toolbar {
    background-color: #26465B;
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a,
  .header.navbar .navbar-toolbar .navbar-nav > li > a {
    color: #fff;
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:focus {
    opacity:0.9;
  }
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > .navbar-main > a:focus,
  .header.navbar .navbar-toolbar .navbar-nav > li > a:focus {
    background-color: #74A9BC;
  }
  .header.navbar .navbar-toolbar .navbar-nav > li.open > a,
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a,
  .header.navbar .navbar-toolbar .navbar-nav > li.open > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a:hover,
  .header.navbar .navbar-toolbar .navbar-nav > li.open > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a:active,
  .header.navbar .navbar-toolbar .navbar-nav > li.open > a:focus,
  .header.navbar .navbar-toolbar .navbar-nav > li.active > a:focus {
    background-color: #74A9BC;
    color: rgba(0, 0, 0, 0.45);
  }
  .header.navbar .navbar-header {
    background-color: #26465B;
  }
  .header.navbar .navbar-header > .navbar-brand > .logo-figure {
    /* background-image: url("../image/logo/degree.png"); */
  }
  .header.navbar .navbar-header > .navbar-brand > .logo-text {
   /* background-image: url("../image/logo/logo_ACADEM.png"); */
  }
}