.editor-topNavbar {
   height: 50px;
   width: 100%;
   position: absolute;
   z-index: 5;
   top: 0;
   text-align: center;
 }

 .editor-main {
   margin: 0;
   padding: 0;
   /* background: #FC0; */
   width: 100%;
   height: 100%;
   position: absolute;
 }

 .editor-left {
   position: absolute;
   float: left;
   top: 50px;
   bottom: 40px;
   width: 400px;
   background: white;
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 1;
 }

 .editor-right {
   position: absolute;
   top: 50px;
   bottom: 100px;
   left: 405px;
   right: 0;
   float: right;
   /* background: blue; */
   overflow: auto;
 }

 .mask {
   z-index: 900;
   position: absolute;
   width: 100%;
   height: 100%;
   background: gray;
   border: 2px solid black;
 }

 .main-mask {
   z-index: 900;
   position: absolute;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.6);   
   padding: 30%;
   display: none;
 }

 .vsplitter {
   background-color: #e7eaec;
   cursor: w-resize;
   z-index: 1;
   width: 3px;
   top: 50px;
   bottom: 40px;
   left: 400px;
   position: absolute;
 }

 .vsplitter:hover {
   width: 5px;
   background-color: rgb(14, 95, 218);
 }

 .editor-canvas-container {
   height: 600px;
   width: 600px;
   background: gray;
 }

 canvas {
   border: 2px solid black;
 }

 .editor-footer {
   position: absolute;
   height: 40px;
   width: 100%;
   bottom: 0;
 }

 .editor-pager {
   left: 400px;
   right: 0;
   float: right;
   height: 60px;
   position: absolute;
   bottom: 40px;
   background: none repeat scroll 0 0 white;
   padding: 2px;
   margin-bottom: 0;
 }

 /*site css*/

 .wrapper {
   overflow: hidden;
 }

 .wrapper-content {
   padding: 0 0 0 0;
 }

 #page-wrapper {
   padding: 0 0;
 }

 .no-margin {
   margin-right: 0;
   margin-left: 0;
 }

 .no-margin-left {
   margin-left: -30px;
 }

 .no-padding-left {
   padding-left: 0;
 }

 .no-padding-right {
   padding-right: 0;
 }

 .navbar {
   margin-bottom: 0;
 }

 .text-style-bar {
   background: #FAFAFB;
   border: 1px solid #e7eaec;
   height: 50px;
   padding: 8px;
   border-radius: 2px;
   border-left: 3px solid #1ab394;
 }

 .hCenter {
   margin-top: 5px;
   font-weight: 600;
   display: inline-block;
   font-size: 14px;
   margin: 0 0 7px;
   padding: 0;
   text-overflow: ellipsis;
   text-align: center;
 }

 .no-border {
   border-width: 0;
 }

 @font-face {
   font-family: 'Arial';
   src: url('/fonts/arial-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/arial-webfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
   font-family: 'Calibri_Light';
   src: url('/fonts/Calibri_Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Calibri_Light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
 }

 @font-face {
  font-family: 'Calibri';
  src: url('/fonts/calibri.eot?#iefix') format('embedded-opentype'), url('/fonts/calibri.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

 label {
   font-weight: normal;
 }

 .small-input {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #e5e6e7;
   border-radius: 1px;
   color: inherit;
   display: block;
   padding: 6px 12px;
   transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
   width: 100px;
 }

 .form-inline .form-control {
   width: 100px;
 }

 .modal-dialog {
   width: 800px;
 }

 .ui-grid {
   height: 350px;
 }

 .ui-grid-header-cell .ui-grid-cell-contents {
   white-space: normal;
 }

 .grid-wizard-step4 {
   height: 200px;
 }

 .editor-pagination {
   background-color: #FFFFFF;
   border: 1px solid #DDDDDD;
   color: inherit;
   float: left;
   line-height: 1.42857;
   margin-left: -1px;
   padding: 4px 10px;
   position: relative;
   text-decoration: none;
 }

 .editor-pagination-input {
   width: 70px !important;
 }

 .dropzone {
   min-height: 240px;
 }

 .modal-backdrop.am-fade {
   opacity: .5;
 }

 .modal-ibox {
   max-height: 600px;
   overflow-y: auto;
 }

 .bold-text {
   font-weight: bold;
 }

 .ui-draggable .ibox-title {
   cursor: auto;
 }

 .floatToolBar_button {
   display: inline-block;
   width: 34px;
   height: 34px;
 }

 .floatToolBar_alignToLeftButton {
   background: url(/content/images/alignToLeft.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_alignToXCenterButton {
   background: url(/content/images/alignToXCenter.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_alignToRightButton {
   background: url(/content/images/alignToRight.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_alignToTopButton {
   background: url(/content/images/alignToTop.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_alignToYCenterButton {
   background: url(/content/images/alignToYCenter.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_alignToBottomButton {
   background: url(/content/images/alignToBottom.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeWithTopButton {
   background: url(/content/images/distributeWithTop.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeWithYCenterButton {
   background: url(/content/images/distributeWithYCenter.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeWithTopButton {
   background: url(/content/images/distributeWithTop.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeWithLeftButton {
   background: url(/content/images/distributeWithLeft.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeWithBottomButton {
   background: url(/content/images/distributeWithBottom.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeWithXCenterButton {
   background: url(/content/images/distributeWithXCenter.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeWithRightButton {
   background: url(/content/images/distributeWithRight.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeYSpacingButton {
   background: url(/content/images/distributeYSpacing.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_distributeXSpacingButton {
   background: url(/content/images/distributeXSpacing.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .floatToolBar_keyButton {
   display: inline-block;
   width: 45px;
   height: 32px;
   background: url(/content/images/key.png) no-repeat;
   background-size: 100%, auto;
   -moz-background-size: 100%, auto;
   background-repeat: no-repeat;
 }

 .required-star {
   color: #ed4848;
 }

 .error-message {
   color: #ed4848;
 }

 .contextMenu {
   display: block;
   position: absolute;
   z-index: 10000;
 }

 a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
   color: #555;
   text-decoration: underline;
   background-color: #f5f5f5;
   font-weight: 700;
 }

.headerRow{
    background-color: lightblue !important;
    font-weight: bold;
}