* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* box-sizing: border-box; */
}

a:focus,a:hover {
	outline: none;
	text-decoration: none;
}

body {
	margin-top: 100px;
	background-color: #ddd;
}

.row {
	margin: 0px
}

aside {
	bottom: 10px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
	xdisplay: block !important;
	left: 10px;
	overflow: visible !important;
	padding-bottom: 0;
	position: fixed;
	top: 95px;
	width: 215px;
}

.header-row {
	xposition: fixed;
	background: #fff;
	z-index: 999;
	xmargin-left: -15px;
	top: 0;
	xpadding: 65px 15px;
	xdisplay: table-header-group;
	text-align: center;
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}

.header-title {
	xpadding-top: 150px;
}

doc-details #page-wrapper {
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
}

nav a:hover {
	text-decoration: none;
}

#docParName {
	line-height: 7px;
}

#page-wrapper {
	margin: 94px auto 10px auto;
	padding: 0;
	max-width: 820px;
	padding: 0;
}

#page-wrapper.list-page {
	margin: 50px auto 10px auto;
	position: relative;
	left: -125px;
}

#page-wrapper.child-page,#page-wrapper.parent-page {
	background-color: #fff;
}

.child-page .section-edit {
	margin-top: 30px;
}

.parent-page .section-edit {
	margin-top: 20px;
}

ul li {
	list-style: none;
}

.section-numbering,.item-numbering,.subitem-numbering {
	float: left;
	padding-right: 5px;
	font-weight: bold;
	left: -85px;
	position: absolute;
	text-align: right;
	width: 100px;
}

.item-numbering {
	left: -55px;
}
.save-button {
	margin-right:10px;
}
.space {
	width: 0px;
	visibility: hidden;
	position: static !important;
	display: block;
	margin-left: -10px;
}

.section-edit input.form-control {
	margin: 5px 0 2px 0;
}

.section-edit .item-numbering {
	top: 5px;
	left: -100px;
}

.section-edit .section-numbering,.section-edit .subitem-numbering {
	top: 11px;
}

.child-page .section-edit .section-numbering {
	top: 0px;
}

.subitem-numbering {
	left: -27px;
}

.section-edit .subitem-numbering {
	left: -100px;
}

.section-edit .section-numbering {
	left: -100px;
}

.section-linked,.item-linked,.subitem-linked {
	position: relative;
	right: 30px;
}

.section-preview ol>li {
	list-style: inherit;
}

.section-preview p ul>li {
	list-style: inherit;
}

.item-body ul li,.subitem-body ul li,.section-body ul li {
	list-style: inherit;
}

/* .item-body p span,.subitem-body p span,.section-body p span {
	background-color: #fff !important;
}

.item-body p span.background-color,.subitem-body p span.background-color,.section-body p span.background-color
	{
	background-color: #fff !important;
} */
ol>li>div {
	font-weight: normal;
}

ol>li>ol>div>li {
	font-weight: bold;
}

ol>li>ol>div>li>div {
	font-weight: normal;
}

.section-edit>.section-title {
	display: none
}

.section-title {
	xtext-transform: uppercase;
	font-weight: bold;
	word-wrap: break-word;
}

.section-edit>.subitem-title {
	display: none;
}

.section-edit>.subitem-numbering {
	display: none;
}

.item-title {
	font-weight: bold;
	word-wrap: break-word;
}

.subitem-title {
	font-weight: normal;
	xmargin-left: 18px;
	word-wrap: break-word;
}

.subitem-numbering {
	xmargin-left: -25px;
}

.section-body {
	xmargin-left: 22px;
	overflow-wrap: break-word;
}

.item-body {
	xmargin-left: 20px;
	overflow-wrap: break-word;
}

.subitem-body {
	xmargin-left: 18px;
	overflow-wrap: break-word;
}

#header.noheader {
	xdisplay: none;
}

#headerLeft,#headerRight,#headerTitle {
	overflow-wrap: break-word;
}

#headerLeft {
	text-align: left;
}

#headerRight {
	text-align: right
}

#headerTitle {
	text-align: center;
	display: block !important;
}

#headerLeft p,#headerRight p,#headerTitle p {
	margin: 0;
}

.section-preview>.subitem-numbering {
	display: none;
}

ol>div.section-preview>div {
	font-weight: bold;
}

.login-error {
	color: red;
	left: -125px;
	position: relative;
	text-align: center;
}

.huge {
	font-size: 50px;
	line-height: normal;
}

/* Top Navigation */
.top-nav {
	padding: 0 15px;
}

.top-nav>li {
	display: inline-block;
	float: left;
}

.top-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	color: #999;
}

.top-nav>li>a:hover,.top-nav>li>a:focus,.top-nav>.open>a,.top-nav>.open>a:hover,.top-nav>.open>a:focus
	{
	color: #fff;
	background-color: #000;
}

.navbar-center a {
	text-decoration: none;
	color: #fff;
}

ul.edit-view {
	bottom: 0;
	xtransition: bottom 200ms;
}

.edit-view>li>a {
	xcursor: default;
}

.sort-by {
	position: fixed;
	right: 1px;
	xwidth: 140px;
	top: 62px;
	z-index: 999;
}

.dropdown-menu {
	color: #000;
	cursor: pointer;
	padding: 0;
	right: 1px;
	top: 37px;
	min-width: 139px;
}

doc-details .dropdown-menu {
	right: -12px !important;
	top: 26px;
}

.input-group-btn.dropdown.dropdown1 {
	display: inline-block;
}

.dropdown-menu {
	position: static !important;
}

.open #arrow-correct:after {
	border-bottom: 6px solid rgb(255, 255, 255);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	right: 5px;
	top: -4px;
	z-index: 999;
}

#arrow-correct {
	position: fixed;
	right: 5px;
	top: 88px;
	z-index: 100000;
}

.dropdown-menu li {
	padding: 5px 10px;
}

.dropdown-menu li:hover {
	background-color: #efefef;
}

.top-nav>.open>.dropdown-menu {
	float: left;
	position: absolute;
	margin-top: 0;
	border: 1px solid rgba(0, 0, 0, .15);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.top-nav>.open>.dropdown-menu>li>a {
	white-space: normal;
}

ul.message-dropdown {
	padding: 0;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

li.message-preview {
	width: 275px;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
}

li.message-preview>a {
	padding-top: 15px;
	padding-bottom: 15px;
}

li.message-footer {
	margin: 5px 0;
}

ul.alert-dropdown {
	width: 200px;
}

.form-signin {
	left: -125px;
}

body {
	margin-top: 50px;
}

#wrapper {
	padding-left: 225px;
	margin: 10px;
}
/* @media ( min-width :768px) {  */
.sort-by {
	top: inherit;
}

.section-row {
	width: 650px;
}

.header-row {
	width: 680px;
}

.header-preview {
	width: 680px;
}

.side-nav {
	position: fixed;
	top: 85px;
	left: 225px;
	width: 215px;
	margin: 10px;
	margin-left: -215px;
	border: none;
	border-radius: 0;
	overflow-y: auto;
	background-color: #fff;
	bottom: 36px;
	overflow-x: hidden;
	padding-bottom: 40px;
}

.side-nav>li>a {
	width: 225px;
}

.side-nav li a:hover {
	outline: none;
	background-color: #efefef !important;
}

/*
}
*/

/* Side Navigation */
.side-nav>li>ul {
	padding: 0;
}

.side-nav>li>ul>li>a {
	display: block;
	padding: 10px 15px 10px 38px;
	text-decoration: none;
	color: #999;
}

.side-nav>li>ul>li>a:hover {
	color: #fff;
}

/* Flot Chart Containers */
.flot-chart {
	display: block;
	height: 400px;
}

.flot-chart-content {
	width: 100%;
	height: 100%;
}

/* Custom Colored Panels */
.huge {
	font-size: 40px;
}

.panel-green {
	border-color: #5cb85c;
}

.panel-green>.panel-heading {
	border-color: #5cb85c;
	color: #fff;
	background-color: #5cb85c;
}

.panel-green>a {
	color: #5cb85c;
}

.panel-green>a:hover {
	color: #3d8b3d;
}

.panel-red {
	border-color: #d9534f;
}

.panel-red>.panel-heading {
	border-color: #d9534f;
	color: #fff;
	background-color: #d9534f;
}

.panel-red>a {
	color: #d9534f;
}

.panel-red>a:hover {
	color: #b52b27;
}

.panel-yellow {
	border-color: #f0ad4e;
}

.panel-yellow>.panel-heading {
	border-color: #f0ad4e;
	color: #fff;
	background-color: #f0ad4e;
}

.panel-yellow>a {
	color: #f0ad4e;
}

.panel-yellow>a:hover {
	color: #df8a13;
}

.navbar {
	background: #337ab7;
	color: #fff;
}

.navbar-fixed-second-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	top: 50px;
	border-width: 0 0 1px;
	background: #eaeaea !important;
	min-height: 20px;
	color: #444 !important;
	border-bottom: 1px solid #efefef;
	border-radius: 0px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25)
}

.navbar-fixed-second-top.child {
	height: 35px;
}

.navbar-left {
	font-size: 16px;
	padding: 13px;
}

.navbar-second-left {
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
}

.child .navbar-second-left {
	padding-left: 8px;
	padding-top: 3px;
}

.child .navbar-second-left div a {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.navbar-second-right {
	text-align: right;
	padding: 9px;
	font-size: 12px;
}

.userIco .dropdown-menu:after {
	display: none;
}

.userIco .dropdown-menu:before {
	content: none;
}

.fa-list {
	color: white !important;
	font-size: 21px !important;
	margin-right: 20px;
	position: relative;
	text-decoration: none !important;
	top: 2px;
}

.list-nav .fa-list {
	margin-right: 10px;
}

.side-nav a {
	color: #000;
}

.dBlock {
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 127px;
	margin: 10px;
	text-align: center;
	width: 122px;
	overflow: hidden;
	position: relative;
}

.dBlock:hover {
	border: 1px solid #999;
}

.dBlock a {
	color: #444;
	text-decoration: none;
}

.dBlock .date {
	font-size: 10px;
	padding: 8px 0;
}

.dBlock .dName {
	font-size: 16px;
	font-weight: bold;
	height: 96px;
	overflow: hidden;
	overflow-wrap: break-word;
	padding: 10px;
	text-overflow: ellipsis;
}

.dBlock>.action {
	position: absolute;
	right: 0px;
	xbackground: #fff;
	cursor: pointer;
	top: 0px;
}

.dBlock>.action {
	height: 0;
	overflow: hidden;
}

.dBlock:hover>.action {
	height: 46px;
	transition: height 200ms;
}

.dBlock>.action>.del {
	padding: 2px;
	font-size: 20px;
	width: 22px;
	height: 23px;
	color: rgb(255, 255, 255);
	background: rgb(201, 29, 46) none repeat scroll 0px 0px;
	opacity: 0.6;
	line-height: 0.4px;
}

.dBlock>.action>.cpy {
	color: rgb(255, 255, 255);
	padding: 2px;
	width: 22px;
	height: 23px;
	background: rgb(51, 122, 183) none repeat scroll 0% 0%;
	font-size: 16px;
	opacity: 0.6
}

.dBlock>.action>.del:hover {
	opacity: 1;
}

.dBlock>.action>.cpy:hover {
	opacity: 1;
}

.box-label {
	font-weight: bold;
	font-size: 15px;
	padding-left: 10px;
	padding-top: 10px;
}

.textarea-wrap {
	padding-left: 10px;
}

.item-row {
	margin-left: -10px !important;
	xwidth: 90%
}

.item-row li:before {
	font-size: 20px;
	font-weight: bold;
}

.subitem-row {
	margin-left: -13px !important;
}

.header-preview {
	background-color: #fff;
	transition: background-color 1000ms, height 1000ms;
	margin: 65px auto 0 auto;
}

.header-edit {
	transition: background-color 1000ms, height 1000ms;
}

.section-preview {
	background-color: #fff;
	transition: background-color 1000ms, height 1000ms;
	clear: both;
}

.section-preview p span {
	color: #000000 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important
}

.section-edit {
	transition: background-color 1000ms, height 1000ms;
	height: auto !important;
	position: relative;
	margin-bottom: 10px;
}

.section-row {
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 15px;
	margin: 0 auto;
	text-align: justify;
}

.section-row>.section-edit {
	list-style: none;
}

.fixed-bottom {
	position: fixed;
	width: 120px;
	z-index: 100;
	xfont-size: 3em;
	height: 40px;
	bottom: 35px;
	text-align: right;
	right: 10px;
}

.fixed-bottom button:disabled {
	xbackground: #ccc;
}

.fixed-bottom .fa-pencil {
	float: left !important
}

.fixed-top {
	top: 94px;
	position: fixed;
	right: 20px;
}

.fixed-top .del {
	font-size: 30px;
	cursor: pointer;
	border-radius: 20px;
	text-align: center;
	color: rgb(201, 29, 46);
	border: 1px solid rgb(201, 29, 46);
	height: 42px;
	width: 42px;
	padding: 4px;
	line-height: 7px;
}

.fixed-top .row {
	font-size: 18px;
	cursor: pointer;
	padding: 5px;
	color: #999;
}

#z-logo {
	position: fixed;
	bottom: 2px;
	height: 20px;
	right: 4px;
}

#z-logo span {
	font-size: 12px;
}

.fixed-bottom i {
	cursor: pointer;
}

.modal-header {
	background-color: #efefef;
}

.fa.small-circle {
	background: #fff none repeat scroll 0 0;
	border-radius: 2em;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: center;
	width: 1.4em;
}

.fa-link.small-circle {
	border: 1px solid #337ab7;
	color: #337ab7;
}

.fa-hidden {
	display: none;
}

.fa-chain-broken.small-circle {
	border: 1px solid #c55;
	color: #c55;
	cursor: pointer;
}

.fa-chain-broken {
	float: right
}

.fa.big-circle {
	border: 1px solid #777;
	font-size: 30px;
	border-radius: 22px;
	padding: 5px;
	float: right;
	opacity: 0.5;
	width: 42px;
	margin-right: 10px;
	cursor: pointer;
	text-align: center;
}
.fa.big-circle.add-icon{
	
    padding: 5px 5px 2px 5px;
    
    width: 40px;
   
}
.fa.big-circle.edit-icon{
    font-size: 25px;
    width: 38px;
    margin-left: 6px;
}
.fa.big-circle:hover {
	background-color: #fff;
}

.fa.big-circle-left {
	border: 1px solid #777;
	border-radius: 22px;
	cursor: pointer;
	font-size: 20px;
	padding: 5px;
	text-align: center;
	width: 32px;
}

.fa-times.big-circle {
	
}

.fa-times.small-circle {
	xbottom: 48px;
	position: absolute;
}

.fa-plus.big-circle {
	border: 1px solid #337ab7;
	color: #337ab7;
	opacity: 1;
}

.fixed-bottom .fa.big-circle {
	border: 1px solid #337ab7;
	background-color: transparent;
	color: #337ab7;
	opacity: 1;
	margin-right: 0px;
	color: #337ab7;
}

.modal-title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
}

#relinkModal .modal-title {
	text-transform: capitalize;
}

aside.page-navigation li.li-header {
	border-bottom: 1px solid #ccc;
	text-align: center;
	width: 180px;
	margin-left: 10px;
	border-top: 1px solid #fff;
}

aside.page-navigation li.li-section {
	xborder-bottom: 1px solid #ccc;
	width: 180px;
	margin-left: 10px;
	padding: 0.6em 10% 0.6em 10px;
}

aside.page-navigation li {
	width: 100%;
}

aside.page-navigation a {
	overflow: hidden;
	padding: 0.6em 40px 0.6em 10%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

aside.page-navigation .current a {
	color: #317ac4;
	font-weight: bold;
	background: #ddd;
}

aside>ul>li>a>span:first-child {
	min-width: 33px;
	display: inline-block;
	text-align: right;
	margin-right: 3px;
	font-weight: bold;
}

aside>ul>li>a {
	xfont-weight: bold;
}

aside>ul>li>a.pointer {
	padding-left: 0px;
}

.hsBlock {
	xheight: 100%;
	margin-bottom: 50px;
	min-height: 200px;
}

.hsBlock h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

a.anchor {
	display: block;
	position: relative;
	top: -104px;
	visibility: hidden;
}

.form-signin {
	margin: 0 auto;
	max-width: 330px;
	padding: 15px;
	position: relative;
	xleft: -125px; /* configuration upward */
}

.form-signin .form-signin-heading,.form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-signin .form-control {
	box-sizing: border-box;
	font-size: 16px;
	height: auto;
	padding: 10px;
	position: relative;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="email"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: -1px;
}

.form-signin input[type="password"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-bottom: 10px;
}

.pointer {
	cursor: pointer;
}

.deleteIco {
	color: #999;
	bottom: 0;
	opacity: 0.5;
	position: absolute;
	right: -21px;
	z-index: 99;
}

.shown-item .deleteIco {
	bottom: 50px;
}

.fa-times.deleteIco {
	font-size: 1em;
	line-height: 1.2em;
	text-align: center;
	width: 1.4em;
}

.deleteIco.deleteIcoHidden {
	display: none;
}

.shown-item:hover .deleteIco,.shown-sub-item:hover .deleteIco {
	opacity: 1;
	transition: opacity 500ms;
}

.deleteIco:hover {
	color: #8D0000 !important;
	border: 1px solid #8D0000;
	xbottom: -1px;
}

.shown-item {
	position: relative;
	xmargin-bottom: 48px;
}

.item-link {
	position: absolute;
	top: 0px;
	left: -28px;
}

textarea {
	background: white none repeat scroll 0 0;
	border: 1px solid #c0c0c0;
	height: 119px;
	width: 100%;
}

.container-fluid {
	padding-bottom: 10px;
}

.section-edit .mce-container,.mce-container *,.mce-widget,.mce-widget *,.mce-reset
	{
	vertical-align: middle;
}

.show {
	opacity: 1 !important;
}

.step {
	opacity: 0;
	transition: .5s ease-in-out all;
}

.fa[hidden] {
	display: none
}

.dropdown .dropdown-menu {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	max-height: 0;
	height: 0;
	border: none;
	display: block;
	overflow: hidden;
	xopacity: 0;
	display: block;
}

.dropdown1.open .dropdown-menu {
	max-height: 120px;
	height: 90px;
	xopacity: 1;
}

.dropdown2.open .dropdown-menu {
	max-height: 30px;
	height: 30px;
	xopacity: 1;
}

.key-exist {
	font-size: 13px;
	color: red;
	padding: 0;
	margin: 0;
}

.key_to_replace,.gkey_to_replace {
	background: #ccc none repeat scroll 0 0;
	opacity: 0.5;
	padding: 2px;
}

.value_replaced {
	xbackground: #dfdfdf none repeat scroll 0 0;
	opacity: 1;
	padding: 2px;
	transition: opacity 1s ease 0s;
}

.section-preview .link-unlink {
	display: none
}

.link-unlink-left {
	position: absolute;
	right: 25px;
}

.link-unlink {
	position: absolute;
	top: 32px;
}

.section-linked .link-unlink {
	top: 36px;
}

.shown-item .link-unlink {
	left: -50px;
	position: absolute;
	z-index: 999;
}

.header-linked {
	left: 0px;
	top: 10px;
	position: absolute;
}

.parent-document {
	margin-top: 10px;
}

.parent-document select {
	max-width: 200px;
}

.row-top>div {
	border-bottom: 1px solid #337ab7;
}

.row-top>.row-left {
	border-right: 1px solid #337ab7;
	border-bottom: none;
	height: 100%;
	position: absolute;
	width: 142px;
}

.row-top>.row-last {
	border-bottom: none;
}

.row.row-even {
	xbackground: #d3d3d3;
}

.row.row-odd {
	xbackground: #efefef;
}

.section-row textarea {
	visibility: hidden
}

#loading {
	left: 50%;
	margin-left: -55px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}

.borderless td,.borderless th {
	border: none !important;
}

.keys-values div {
	overflow: hidden;
	text-overflow: ellipsis;
}

#keyValModal .row {
	padding: 5px 0px;
}

#keyValModal .keys-values.selected {
	background: #dfdfdf;
}

#keyValModal .fa-pencil,#keyValModal .fa-trash,#keyValModal .fa-check {
	font-size: 18px;
	display: none;
}

#keyValModal .fa-pencil {
	color: #337ab7;
}

#keyValModal .fa-trash {
	color: rgb(201, 29, 46);
}

.keys-values:hover .fa {
	display: inline !important
}

.keys-values .fa {
	cursor: pointer;
}

.keys-values input {
	width: 100%
}

.keys-values:hover {
	background: #dfdfdf;
}

#new-section {
	
}

#new-section {
	width: 215px;
	background: rgb(255, 255, 255) none repeat scroll 0px 0px;
	position: fixed;
	text-align: center;
	color: rgb(49, 122, 196);
	font-size: 41px;
	left: 10px;
	line-height: 0.5;
	height: 36px;
	bottom: 10px;
	color: rgb(49, 122, 196);
	z-index: 999;
}

@media ( max-width :992px) {
	.section-row {
		xwidth: 650px;
		width: auto;
	}
	.header-row {
		xwidth: 680px;
		width: auto;
	}
	.header-preview {
		xwidth: 680px;
		width: auto;
	}
	.section-numbering {
		position: relative;
		left: auto;
		width: auto;
	}
}

@media ( max-width :768px) {
	nav.navbar-fixed-second-top.child {
		height: auto;
	}
	aside {
		display: none;
	}
	.form-signin {
		left: 0;
	}
	.login-error {
		left: 0;
	}
	#wrapper {
		padding-left: 0px
	}
	#page-wrapper {
		margin: 132px auto 10px auto;
	}
	#page-wrapper.list-page {
		left: 0px;
	}
	#page-wrapper.child-page {
		margin: 142px auto 10px auto;
	}
	#new-section {
		width: 40px;
		background: none;
	}
	.section-row {
		width: auto;
	}
	.header-row {
		width: auto;
	}
	.header-preview {
		width: auto;
	}
	.fixed-top {
		top: 136px;
	}
	.list-page {
		margin: 0 auto;
		width: 100%;
		position: relative;
	}
}

@media ( max-width : 480px) {
	.container-fluid {
		padding: 0;
	}
}