* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
*:before,
*:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
body {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #333333;
}
p {
    margin: 0 0 10px;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
#BlankBody{

}
a{
    color:#F25415;
    text-decoration: none;
}
a img{
    border: none;
}
a:hover, a:focus {
    color:#F25415;
    text-decoration: none;
}
table{
    font-size: 12px;
}
.active {
    color: #aa4b25;
    font-weight: bold;
}
#MainContent{
    padding-bottom: 20px;
    min-height: 400px;
}
.MainMenu{
    background-color: #5f285e; /*#D67632;*/
    background-image: -moz-linear-gradient(center top , #F78C40, #D67632);
    display: block;
    height: 40px;
    margin: 0;
    padding: 0;
    box-shadow: 1px 1px 4px #6a5b3f;
}
.MainMenuFixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
}

#HomeMenu{
    background: url(../images/icons/home_icon.png) no-repeat center  top;
    display: block;
    width: 30px;
    height: 4px;
}
div.messages{
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
}
div.messages ul {
    margin: 0 0 0 1em;
    padding: 0;
}
div.error {
    background-color: #FEF5F1;
    background-image: url("../images/icons/message-24-error.png");
    border: 1px solid #ED541D !important;
    color: #8C2E0B;
    background-position: 10px center;
}
.not-found{

    background: url("../images/icons/exclaimation.png") no-repeat scroll left top transparent;
    color: #AAAAAA;
    font-size: 17px;
    font-style: italic;
    margin: 100px auto auto;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-top: 6px;
    text-align: center;
    width: 432px;
}

/*************TABLE***************/
.TableGreen{
    border: 3px solid #68245c;
    border-collapse: collapse;
    margin: auto;
    width: 98%;
}
.TableGreen thead td{
    font-weight: bold;
    background: #7f2870;
    color: #FFFFFF;
    padding: 8px;
}
.TableGreen thead td img{
    margin-right: 3px;
}
.TableGreen tr td{
    border-bottom: 1px solid #69BEE5;
    border-right: 1px solid #CCCCCC;
    padding: 4px;
}

.TableGreen tbody tr:hover td{
    background: #EFEFEF;
}

.TableGreen.TableGreenNoHover tbody tr:hover td{
    background: #ffffff;
}
.TableGreen tr.odd td {
    background: #DAEBF2;	
}
.no-content{
    border-bottom: 1px solid #CCCCCC;
    color: #AAAAAA;
    font-style: italic;
    padding: 30px;
    text-align: center;
}
/****************END TABLE***********************/
.c-date{
  font-size: 12px;
  color: #FF0000;
}
.current-date-time{
  padding-top: 10px;
  margin-top: 11px;
  border-top: 1px dotted #CCCCCC;
  width: 211px;
  position: relative;
}
.current-date-time .xung-hop-icon{
  padding-top: 12px;
}
.current-date-time .date-menh-tuongkhac{
  padding-top: 25px;
}
.current-date-time img{
  float: left;
  margin-right: 4px;
}

span.c-lunar-date {
    font-size: 14px;
    color: #99142d;
}
.Red{
    color:#FF0000;
}
.Bold{
    font-weight: bold;
}
.ActionFull img{
    margin-left: 4px;
}
#TaskFullView{

    border-collapse: collapse;
    margin-left: 7px;
    margin-right: 7px;
    width: 99%;
}
#TaskFullView tr{
}

#TaskFullView .TaskDetail tr td.TaskLabel{
    width: 90px;
    vertical-align: top; 
}

td.TaskDateTime{
    width: 200px;
    vertical-align: top;
    width: 130px;
    padding-top: 3px;
}
.DetailAction{
    text-align: right;
    margin-bottom: 10px;
}
.DetailAction.ActionFooter{
    margin-bottom: 0;
    margin-top: 4px;
}
.DetailAction img{
    margin-left: 5px;
}
.TaskCurrent{

}
.PopupDeleteTaskConfirm{

    border: 3px solid #CCCCCC;
    width: 400px;
}
.ConfirmMessage{
    font-style: italic;
    padding: 10px;
    text-align: center;
}
#UserMenu{
    float: right;
    margin-right: 8px;
    margin-top: 23px;
}
#UserMenu ul{
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 8px;
    padding-right: 8px;
}
#UserMenu ul li{
    float: left;
    list-style: none outside none;
    margin-left: 0;
    padding: 3px 7px;
    border-right: 1px dotted #CCCCCC; 
    font-weight: bold;
    text-shadow: 0 1px 1px #CCCCCC;
}
#UserMenu ul li:last-child{
    border-right: none;
}
#SubHello{
    font-style: italic;
    background: url(../images/icons/avatar.png) no-repeat left 3px;
    padding-left: 17px !important;
}
#SubLogout{
    background: url("../images/icons/logout.png") no-repeat scroll left 4px transparent;
    margin-left: 5px !important;
    padding-left: 17px !important;
}
#subMenuManagement{
    background: url("../images/icons/menu.png") no-repeat scroll left 4px transparent;
    margin-left: 5px !important;
    padding-left: 19px  !important;
}
#SubLunarCalendarDay{
	background: url("../images/icons/batquai.gif") no-repeat scroll left 4px transparent;
    margin-left: 5px !important;
    padding-left: 19px  !important;
}
#SubLunarCalendarMonth{
	background: url("../images/icons/batquai.gif") no-repeat scroll left 4px transparent;
    margin-left: 5px !important;
    padding-left: 19px  !important;
}
.CalendarSubTask {
    border-top: 1px solid #EFEFEF;
    margin-bottom: 2px;
    margin-top: 1px;
    padding-left: 6px;
    padding-top: 8px;
    word-break: break-all;
    line-height: 14px;
}
.CGreen .CalendarSubTask{
    color:#8E8E70;
}
.CPurple .CalendarSubTask{
  color:#ffffff;
}

.PreviousPage a,
.NextPage a{
    color:#999999;
    text-decoration: none;
    text-shadow: 0 1px 1px #AAAAAA;
}
.PreviousPage a:hover,
.NextPage a:hover{
    color:#F25415;
}
.PreviousPage img,
.NextPage img{
    vertical-align: middle;
    opacity: 0.5;
}
.PreviousPage a:hover img,
.NextPage a:hover img{
    opacity: 1;
}
#LeftPanel{
    border-right: 1px solid #CCCCCC;
    padding-right: 2px;
}
#CenterPanel{
    /*background: url(../images/caro.png) repeat-y left top;*/
    border-right: 1px solid #CCCCCC;
    margin-left: 0;
    min-width: 738px;
    padding-left: 0;
    padding-top: 0;
    vertical-align: top;
}
#RightPanel{


}
#BannerLeft img{
    width: 263px;
}
#BannerRight{
    text-align: center;
    padding-top: 2px;
}
#BannerRight img{}
.DateAction{
    background: none repeat scroll 0 0 #E0A276;
    height: 26px;
    margin-bottom: 8px;
    padding-top: 10px;
    text-align: right;
}
#SubChangeCate{
    background: url("../images/icons/refresh.png") no-repeat scroll left 4px transparent;
    margin-left: 9px !important;
    padding-left: 16px !important;
}

.StatusT{
    color: #FF0000;
    font-weight: bold;
    text-align: right;
}

.AButton{
    text-decoration: underline;
}

#MainLoading{
    margin: auto;
    position:fixed;
    padding-top: 200px;
    width: 100%;
    z-index: 99999999999999999999999999999999999;
    display: none;
}
#breadcrumb,#InnderBreadcrumb {
    border-bottom: 1px dotted #cccccc;
    font-family: georgia;
    margin-right: 11px;
    padding-bottom: 3px;
}
#InnderBreadcrumb{
    margin-bottom: 13px;
}
#InnerLoading{
    background: url("../images/icons/loadingBig.gif") no-repeat scroll 20px 11px #EEEEEE;
    border: 1px solid #AAAAAA;
    box-shadow: 5px 14px 51px 20px #AAAAAA;
    height: 58px;
    margin: auto;
    width: 200px;
}
.DateTimePicker{
    margin-right: 3px;
    width: 95px !important;
}
.ui-datepicker-trigger:hover{
    cursor: pointer;	
}
.RecordOld{
    text-decoration: line-through;
}
#Filter{
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 3px 0 #CCCCCC;
    display: inline-block;
    margin: auto 21px 14px 13px;
    padding: 11px 20px 2px;
    width: 95%;
}
#Filter label{
    margin-top: 3px;
}
#Filter form{
    float: left;
    width: 80%;
}
#Reload{
    background: url(../images/icons/reload.png) no-repeat left top;
    float: right;
    display: block;
    width: 40px;
    height: 40px;

}
.RightCancelButton {
    float: right;
    margin-left: 20px;
    margin-right: 6px;
    padding-top: 6px;
}
.aButton {
    text-decoration: underline;
}
.no-result, .no-data, .no-data{
    font-style: italic;
    color: #999999;
    text-align: center;
    font-size: 11px;
}
.StockCalendarItemUl .BoardItemIconRedbar{
    background-color: #ED555A;
}
.StockCalendarItemUl .BoardItemIconRedbar a{
    color:#FFFFFF;
}
.StockCalendarItemUl .BoardItemIconGreenbar{
    background-color: #66df71;
}
.StockCalendarItemUl .BoardItemIconGreenbar a{
    color:#FFFFFF;
}
.ChildMenu{
    padding-left: 15px !important;
}
.ChildMenu a{
    color: #999999;
}
.ChildMenu.context-menu-active{
    background:#EFEFEF;
}
#LeftSideBar {
    float: left;
    width: 24%;
}
#MainContentRight {
    margin-top: 3px;
    padding-left: 10px;
    padding-top: 9px;
    padding-right: 10px;
}
#MainContentRight.WithLeftSideBar{
    margin-left: 25%;
    border-left: 1px dotted #cccccc;
}
#Content{

}
.StockPopup {
    clear: right;
    float: right;
    height: 15px;
    left: -1px;
    margin-right: 6px;
    position: absolute;
    top: 3px;
    width: 15px;
}
.BoardItemIcon .StockPopup{
    top: 22px;
}
#toTop {
    background: url("../images/sprite.png") no-repeat scroll -58px -108px rgba(0, 0, 0, 0);
    bottom: 19px;
    color: #333333;
    cursor: pointer;
    font-family: verdana;
    font-size: 11px;
    height: 42px;
    overflow: hidden;
    position: fixed;
    right: 14px;
    text-align: center;
    width: 42px;
    z-index: 999000000;
    display: none;
}
.hidden{
  display:none;
}
#CommandLine {
    background: none repeat scroll 0 0 #cccccc;
    bottom: 0;
    box-shadow: 2px 2px 2px #cccccc;
    height: 22px;
    left: 40%;
    padding: 15px 0;
    position: fixed;
    top: 50%;
    width: 30%;
    display:none;
}
#TxtCommand {
    margin-left: 0;
    width: 67%;
}

.DateActionMenu {
    position: absolute;
    right: 1px;
    z-index: 9999;
    width: 23px;
}
.DateActionMenu:hover{
    z-index: 99999;
}
.DateActionMenu ul {
  float: right;
  margin-right: 4px;
  margin-top: 6px;
  padding-left: 0;
  width: 100%;
}
.DateActionMenu ul ul {
  float: right;
  margin-right: 4px;
  margin-top: 6px;
  padding-left: 0;
  width: 92px;
}
.DateActionMenu ul li {
    list-style: none outside none;
}
.DateActionMenu ul ul.MenuListDropdown{
    margin-top: 0;
    margin-right:0;
}
.DateActionMenu .CalendarTextAction {
    border-radius: 0;
    float: none;
    font-size: 10px;
    height: 14px;
    margin-top: 1px;
    padding-left: 14px;
    text-align: left;
}
#StockCalendarTable .CellAction {
    height: 58px !important;
    position: relative;
}
.MenuList{
    background:url(../images/icons/MenuList.png) no-repeat left top;
    height: 16px;
    width: 16px;
    float: right;
}
.MenuListDropdown{
    display:none;;
}
.MenuParentAction:hover .MenuListDropdown{
    display:block;
}
#colorbox, #cboxOverlay, #cboxWrapper {
    z-index: 99999999;
}
.PagingWrap{
    text-align: center;
}
.Tabs {
  border-bottom: 4px solid #cccccc;
  height: 27px;
  margin-right: 3px;
  padding-right: 10px;
  text-align: right;
  box-sizing: border-box;
  margin-right: 0px;
}
.Tabs ul {
  float: left;
  margin: auto;
  padding-left: 2px;
}
.Tabs ul li {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid rgb(204, 204, 204);
    float: left;
    list-style: outside none none;
    margin-left: 2px;
    padding: 4px 18px 5px;
}
.Tabs ul li a{}
.Tabs ul li.active{
    background: #CCCCCC;
}
.CellActionTask .ContentLockDateNote{
	margin-top: 2px;
}
.LunarDate {
  font-family: arial;
  font-size: 11px;
}
.ResponsiveInfo{
    display: none;
}
.MainWrap{
    min-width: 1024px;
}
.liHomemenu.active{
    background-color:none;
}
.editStockContent {
  background: rgba(0, 0, 0, 0) url("../images/icons/edit_icon_12.png") no-repeat scroll center center;
  display: block;
  float: right;
  height: 17px;
   
  width: 17px;
}
.clearfix{
  clear: both;
}
.clearfix:after,
.clearfix:before{
  content:'';
  clear: both;
  display: table;
}
fieldset{
  border: 1px solid #CCCCCC;
  margin-top: 8px;
}


.cke_show_borders{
  border: 1px dotted #CCCCCC;
}
.hidden{
  display:none;
}
.dialog-hidden{
  display:none;
}
#cboxOverlay {
    background: #000000c4;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}
.input-start-time{
    width: 93px;
    line-height: 21px !important;
    float: left;
    padding-left: 5px;
}
#AddBillForm .input-start-time{
    float: none;
}
.date-add-bill{
    font-size: 16px;
    float: right;
    display: inline-block;
    margin-right: 6px;
    padding-top: 1px;
    color: #fc7b7b;
}
.date-add-bill:hover{
    color:#ff0000;
}
.context-menu-list{
    z-index: 99999999999999 !important;
}
.hide-opacity{
    opacity: 0.1;
}

#cboxContent.hide-opacity {
    opacity: 1;
}
#cboxContent.hide-opacity form {
    opacity: 0.1;
}
.active-day {
    
}
.active-day:before {
    border-top: 4px solid #ab9818;
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    z-index: 98;
}
.active-day:after {
    border-bottom: 4px solid #ab9818;
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 98;
}
#BoxCurrentTime.active-day:after {
    border-bottom: none;
}
.active-day .CalendarCell {
    /*background: #e1ff9e;*/
}
.imageline-item {
    max-width: 100%;
    border-bottom: 1px dashed #cccccc;
}
.imageline-item img{
    max-width: 100%;
}

.page-view-popup.active {
    z-index: 999999999;
}
.page-view-popup.active {
    z-index: 999999999;
}
.page-view-popup {
    position: fixed !important;
    top: 100px;
    left: calc(50% - 450px);
    width: 900px;
    display: none;
    z-index: 99999999;
    border: 5px solid #d28888;
    background: #ffffff !important;
    height: auto !important;
}

.close-page-popup {
    width: 12px;
    height: 12px;
    float: right;
    text-align: center;
    color: #ffffff;
    border: 1px solid #ffffff;
    font-size: 10px;
    margin-top: 1px;
    margin-right: 1px;
    cursor: pointer;
}
.page-popup-prev-page-single {
    left: 10px;
}
.page-popup-nav-single {
    position: absolute;
    top: 50%;
    font-size: 40px;
    height: 45px;
    text-align: center;
    width: 47px;
    color: #d46767;
    cursor: pointer;
}
.page-popup-prev-page {
    width: 16px;
    float: left;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}
.page-popup-next-page {
    width: 16px;
    float: right;
    color: #ffffff;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}
.page-popup-next-page-single {
    right: 10px;
}
 .page-popup-inner {
    background: #ffffff;
    text-align: center;
    padding: 10px;
}
.page-popup-inner img {
    width: calc(100% - 11px);
}

.page-popup-handle {
    height: 17px;
    background: #936b6b;
}

.reading-urls {
    
}
.reading-urls ul {
    padding-left: 0;
    margin-left: 18px;
    margin-right: 3px;
}
.reading-urls ul li {
    border-bottom: 1px dotted #cccccc;
}
.reading-urls a {
    
}
 .reading-urls a:hover{
     color:#ff0000;
 }

.reading-urls {
    border-top: 1px dashed #CCCCCC;
}

.hidden-popup{
    display: none;
}
#draft-note-popup-wrap {
    position: fixed !important;
    width: 920px;
    height: 490px;
    z-index: 9999;
    background: #ffcccc;
    top: 100px;
    left: calc(50vw - 460px);
    border: 5px solid #d28888;
    background: #ffffff !important;
    z-index: 999999998;
    box-shadow: 1px 1px 4px #9f9254;
    border-radius: 3px;
}
#draft-note-body {
    width: calc(100% - 26px);
    margin-left: 13px;
    margin-right: 13px;
    height: calc(100% - 17px);
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    outline: none;
    resize: none;
    padding: 10px;
    border: 1px dotted #cccccc;
}

.draft-popup-handle {
    height: 17px;
    background: #936b6b;
}

.close-draftnote-popup, .close-singledoc-popup {
    width: 12px;
    height: 12px;
    float: right;
    text-align: center;
    color: #ffffff;
    border: 1px solid #ffd300;
    font-size: 10px;
    margin-top: 1px;
    margin-right: 1px;
    cursor: pointer;
    line-height: 11px;
    background: #ff0000;
    border-radius: 2px;
}

#draft-note-popup-inner {
    height: calc(100% - 69px);
}

div#draft-note-popup-action {
    text-align: right;
    padding: 10px;
}

.draftnote-date {
    width: 12px;
    height: 12px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}
.draft-popup-handle .special-chars {
    color: #ffffff;
    float: left;
    padding-left: 12px;
    margin-top: -1px;
}
.singledoc-popup-handle .special-chars {
    margin-top: -1px;
} 
.special-chars span {
    border-right: 1px dotted #Cccccc;
    padding-left: 3px;
    padding-right: 4px;
    cursor: pointer;
}.special-chars span:hover {
    color:#fffc7b;
}
#singledoc-popup-wrap {
    /*position: fixed !important;*/
    position: fixed !important;
    width: 960px;
    height: 530px;
    z-index: 9999;
    background: #ffcccc;
    top: 100px;
    left: calc(50vw - 480px);
    border: 5px solid #d28888;
    background: #ffffff !important;
    z-index: 999999998;
    box-shadow: 1px 1px 4px #9f9254;
    border-radius: 3px;
}
#singledoc-body {
    width: calc(100% - 26px);
    margin-left: 13px;
    margin-right: 13px;
    height: calc(100% - 34px);
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    outline: none;
    resize: none;
    padding: 10px;
}

.singledoc-popup-handle {
    height: 17px;
    background: #936b6b;
}
#singledoc-popup-inner {
    height: calc(100% - 82px);
}

div#singledoc-popup-action {
    text-align: right;
    padding: 10px;
}

.singledoc-date {
    width: 12px;
    height: 12px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}
.singledoc-popup-handle .special-chars {
    color: #ffffff;
    float: left;
    padding-left: 12px;
}

.singledoc-title-wrap {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px !important;
}



#singledoc-title {
    width: calc(100% - 162px);
    font-weight: bold;
    font-size: 16px;
}
.singledoc-list {
    float: left;
    padding-left: 6px;
}
body.cke_editable {
    margin:3px;
}
.singledoc-title-wrap label {
    text-align: left;
    padding-left: 6px;
    font-size: 14px !important;
}
#draftnote-save-status, #singledoc-save-status {
    font-style: italic;
    float: left;
    color: #e80808;
    padding-left: 5px;
}

.save-continue {
    float: right;
    width: 26px;
    text-align: center;
    font-size: 17px;
    padding-right: 4px;
    cursor: pointer;
}

#singledoc-popup-inner .cke_textarea_inline {
    height: calc(100% - 50px);
    overflow: scroll;
    outline: none;
    padding: 10px;
}
div#cke_singledoc-body {
    z-index: 99999999999999999999999 !important;
    border: 3px solid #ff0000;
    position: fixed !important;
    top: 20px !important;
    left: calc(50% - 440px) !important;
}
a.cancel-singledoc, .cancel-draft-note {
    text-decoration: underline;
    padding-right: 10px;
}


.cke_textarea_inline code, .singledoc-div-editable-body code, .singledoc-item code {
    position: relative;
}
.cke_textarea_inline code.inline-code,
.cke_textarea_inline code.language-js,
.singledoc-div-editable-body code.inline-code,
.singledoc-div-editable-body code.language-js,
.singledoc-item code.language-js,
.singledoc-item code.inline-code

{
    display: block;
    border-radius: 5px;
    padding: 10px;
}
.cke_textarea_inline code:after, .singledoc-div-editable-body code:after,
.singledoc-item code:after
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background:#efefef;
    z-index: -1;
    
}
.cke_textarea_inline code.inline-code:after,
.cke_textarea_inline code.language-js:after,
.singledoc-div-editable-body code.inline-code:after,
.singledoc-div-editable-body code.language-js:after,
.singledoc-item code.inline-code:after,
.singledoc-item code.language-js:after
{
    border-radius: 7px;
}

#singledoc-popup-inner .cke_textarea_inline, #draft-note-body {
  overflow: auto;
  overscroll-behavior: contain; /* hoặc 'none' */
}

#PageContentDetail {
    max-width: 900px;
}
#PageContentDetail[contenteditable="true"] {
    border: 1px dotted #cccccc;
    outline-color: #cccccc;
}
#singledoc-div-editable-body {
    width: calc(100% - 26px);
    margin-left: 13px;
    margin-right: 13px;
    height: calc(100% - 42px);
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    outline: none;
    resize: none;
    padding: 10px;
    overflow: auto;
    overscroll-behavior: contain; /* hoặc 'none' */
    border: 1px dotted #cccccc;
}
.editor-buttons span {
    border-right: 1px dotted #Cccccc;
    padding-left: 3px;
    padding-right: 4px;
    cursor: pointer;
}

.editor-buttons {
    margin-left: 33px;
    float: left;
    color: #ffffff;
    font-size: 11px;
    line-height: 16px;
}
.editor-bold {
    line-height: 12px;
    color: #f0ff00;
}
.main-doc {
    width: 30%;
    float: left;
}
.main-singledoc {
    width: 69%;
    float: right;
}
.singledoc-detail-wrap {
    max-width: 900px;
    margin: auto;
    padding: 10px;
    border-left: 1px dotted #cccccc;
    border-right: 1px dotted #cccccc;
}
.singledoc-item {
    border-bottom: 2px solid #ff0000;
    padding-top: 13px;
}
.singledoc-full-title {
    font-weight: bold;
    color: #ff0000;
}
.overflow-y-auto code {
    display: block;
    padding: 10px;
}
span.hljs-comment {
    color: #26951e;
}
.save-continue-buttom {
    font-size: 24px;
    line-height: 8px;
    margin-left: 12px;
    margin-top: -3px;
}
.btn-highlight {
    color:#f0ff00;;
}




li.singledoc-page {
    display: inline-block;
    border-right: 1px solid #cccccc;
    padding-left: 3px;
    padding-right: 6px;
}
.singledoc-pages {
    float: left;
}
.singledoc-pages ul{
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

#singledoc-detail-wrap img{
    max-width: 100%;
}
.singledoc-main-content pre {
    border-top: 1px dotted #6f6262;
    border-bottom: 1px dotted #766363;
    position: relative;
    margin-left: 27px;
    background: #e3e3e3;
    border-radius: 10px;
}

.singledoc-main-content pre:before {
    content: 'Code';
    position: absolute;
    left: -34px;
    top: 11px;
    transform: rotate(270deg);
    background: #bf9292;
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #000000;
}

ul#singledoc-outline-tree {
    float: left;
    width: 25%;
    margin-right: 10px;
    list-style: none;
}
.outline-tree .h1 {
    font-size: 14px;
    font-weight: bold;
}
.outline-tree .h2 {
    padding-left: 20px;
}
.outline-tree .h3 {
    padding-left: 30px;
}
.outline-tree .h4 {
    padding-left: 45px;
}

#MainContentRight.singledoc-right-content #Content {
    float: left;
}

.singledoc-date a {
    color: #4f5257;
}

#save-div-singledoc-editable-action {
    border-top: 1px dotted #cccccc;
    margin-bottom: 40px;
    padding-bottom: 30px;
    display: none;
}
#singledoc-main-content[contenteditable="true"] {
border: 1px dotted #cccccc;
    outline-color: #cccccc;

}
.calendar-day .DateNoteInline p, 
.calendar-day .DateNoteBottomInline p,
.calendar-day .DateNoteResultInline p {
    margin-bottom: 2px !important;
}
.date-note-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #c74a4a;
    margin-bottom: 10px;
}
.ContentLockDateNoteBottom {
    background: none !important;
    font-size: 14px;
    margin-top: 3px !important;
}
.ContentLockDateNoteBottom .fa-lock-open {
    display: none;
}
.ContentLockDateNoteBottom.Unlock .fa-lock {
    display: none;
}
.ContentLockDateNoteBottom.Unlock .fa-lock-open {
    display: block;
}
.DateNoteResultInline {
    border-left: 4px solid #ff0000;
    background: none !important;
    margin-left: -2px;
}

.DateNoteBottomInline.ContentEditInline {
    min-height: fit-content !important;
}

.inline-images .imageline-item:first-child {
    border-top:1px dashed #ab9b9b;
}

.imageline-item:hover{
    border-left: 1px solid #FF0000;
    margin-left: -1px;
}
.CurrentDate .CellAction .day-number a{
    color: #832222;
}
.image-item-borderbottom {
    border-bottom: 20px solid #d9cece;
}
.image-item-bordertop {
    border-top: 20px solid #d9cece !important;
}

.date-note-bottom.no-fixed {
    position: relative;
}
.toogle-image{
    display: inline-block;
    cursor: pointer;
}
.date-bottom-hidden .date-note-bottom{
    display: none;
}
.span-next-month {
    border-left: 7px solid #999999;
}
.span-prev-month {
    border-right: 7px solid #999999;
}

.hide-datenote-bottom .DateNoteBottomInline {
    display: none;
}
.cancel-inline-note {
    margin-right: 3px;
    text-decoration: underline;
}
.HideWeekData{
    display: none;
}