.panel:after { content: "PANEL"; font-size: 12px; font-weight: bold; color: silver; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }  .panel { margin: 5px; min-height: 35px; position: relative; outline: 1px dashed #97b8da; }  .Layout + div { margin-top: 0; }  .Layout { height: auto; position: relative; z-index: 2; }  .LayoutHeader:after { content: "LAYOUT"; font-size: 12px; font-weight: bold; color: #424242; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }  .PageControl { overflow: hidden; /* position: relative; */ z-index: 3; min-height: 30px; /* outline: 1px dashed #dde5eb; */ }  .Layout .LayoutHeader .closebutton { width: 16px; height: 16px; float: right; background: url(Images/cross.png) no-repeat 0px top; background-size: contain; }  .Layout .LayoutHeader { width: 100%; height: 30px; background: #97b8da; display: flex; align-items: center; justify-content: flex-end; z-index: 3; overflow: hidden; transition: all 200ms; position: relative; padding: 10px; margin-top: 2px; }  .zone { min-height: 50px; background: white; outline: 1px dashed #97b8da; }  .PageControl .pagecontrolheader .closebutton { width: 16px; height: 16px; background: url(Images/cross.png) no-repeat 0px top !important; cursor: pointer; background-size: contain !important; margin: 5px; float: right; margin-top: 7px; }  .PageControl .pagecontrolheader .css { width: 16px; height: 16px; background: url(Images/rgb.png) no-repeat 0px top; background-position: center; cursor: pointer; margin: 5px; transition: a; float: right; margin-top: 7px; }  .PageControl .pagecontrolheader .configbutton { width: 16px; height: 16px; background: url(Images/gear.png) no-repeat center center; background-position: center; cursor: pointer; margin: 5px; float: right; margin-top: 7px; }  .PageControl .pagecontrolheader .title { font-size: 12px !important; flex: 1; /* position: absolute; */ /* top: 5px; */ /* left: 5px; */ text-align: left; line-height: 30px; margin-top: 7px; }  .PageControl .pagecontrolheader { background: #dde5eb; cursor: pointer; color: #424242; font-weight: bold; /* display: flex; */ /* align-items: center; */ /* justify-content: flex-start; */ /* flex-direction: row-reverse; */ width: 100%; height: 30px; overflow: hidden; padding: 0 10px; margin-top: 2px; }  .placeHolder { outline: solid 1px #E5C365; height: 48px; background-color: #FFFAEA; visibility: visible !important; }  .LayoutContainer .placeHolder, .ModuleContainer .placeHolder { display: none; }  .resizeHelper { outline: dashed 1px blue; background: #fcf4ac; opacity: 0.7; position: relative; text-align: center; padding: 0px; margin: 0px; }  .sizeTip { font: bold 12pt Arial; margin-top: 10px; display: inline-block; }  @media only screen and (max-width: 768px) { .panel { margin: 0; } }  .PageControl + .PageControl { /* margin-top: 5px; */ } /*FLIP*/  .flipswitch input[type=checkbox] { display: none; }  .flipswitch { position: fixed; width: 86px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; top: 5px; left: 95%; z-index: 100001; display: flex; align-items: flex-end; }  .flipswitch-label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #b8debb; border-radius: 50px; padding: 0; }  .flipswitch-inner:before, .flipswitch-inner:after { float: left; width: 50%; height: 24px; padding: 0; line-height: 24px; font-size: 18px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }  .flipswitch-inner:before { content: "Mở rộng"; padding-left: 8px; background-color: #009688; color: #FFFFFF; font-size: 10px; }  .flipswitch-inner:after { content: "Thu gọn"; padding-right: 6px; background-color: #dde5eb; color: #424242; text-align: right; font-size: 10px; }  .flipswitch-inner { width: 200%; margin-left: -100%; -webkit-transition: margin 0.2s ease-in 0s; -moz-transition: margin 0.2s ease-in 0s; -ms-transition: margin 0.2s ease-in 0s; -o-transition: margin 0.2s ease-in 0s; transition: margin 0.2s ease-in 0s; }  .flipswitch-switch { width: 28px; margin: -3.5px; background: #fff; border: 1px solid #bae0bd; border-radius: 50px; position: absolute; top: 2px; bottom: 0; right: 62px; height: 28px; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; }  .flipswitch-cb:checked + .flipswitch-label .flipswitch-inner { margin-left: 0; }  .flipswitch-cb:checked + .flipswitch-label .flipswitch-switch { right: 3px; }  .new-anc a { text-decoration: none; color: #000; font-weight: bold; }  .new-anc { width: 150px; margin: 0 auto; font-size: 20px; }  .RadTabStrip_Office2007 { color: #333; font: 12px "Segoe UI",Arial,Helvetica,sans-serif; line-height: 26px }  .RadTabStrip_Office2007 .rtsGhostTab { border-color: #a1bcdd; border-radius: 3px; color: #00156e; background-color: #ccdbee }  .RadTabStrip_Office2007 .rtsLevel { background: #c2e8ff !important; }  .RadTabStrip_Office2007 .rtsLI, .RadTabStrip_Office2007 .rtsLink { height: 26px !important; display: flex !important; align-items: center; justify-content: center; }  .RadTabStrip_Office2007 .rtsLink { background-image: none }  .RadTabStrip_Office2007 .rtsLink:hover { text-decoration: underline }  .RadTabStrip_Office2007 .rtsOut { background-image: none }  .RadTabStrip_Office2007 .rtsSelected, .RadTabStrip_Office2007 .rtsSelected:hover { text-decoration: underline }  .RadTabStrip_Office2007 .rtsLevel1 { background-color: #c2e8ff !important; background-image: none !important; background-position: 0 100%; background-repeat: no-repeat; }  .RadTabStrip_Office2007 .rtsLevel1 .rtsLink { background-image: none !important; background-position: 0 0; color: #00156e; }  .RadTabStrip_Office2007 .rtsLevel1 .rtsLink:hover { background-position: 0 -52px }  .RadTabStrip_Office2007 .rtsLevel1 .rtsSelected, .RadTabStrip_Office2007 .rtsLevel1 .rtsSelected:hover { text-decoration: none; background-position: 0 -26px; background: rgba(0, 0, 0, 0.1); border-radius: 3px; }  .RadTabStrip_Office2007 .rtsLevel1 .rtsOut { background-image: none !important; background-position: 100% 0; }  .RadTabStrip_Office2007 .rtsLevel1 .rtsLink:hover .rtsOut { background-position: 100% -52px }  .RadTabStrip_Office2007 .rtsLevel1 .rtsSelected .rtsOut, .RadTabStrip_Office2007 .rtsLevel1 .rtsSelected:hover .rtsOut { background-position: 100% -26px }  .RadTabStrip_Office2007 .rtsLevel1 .rtsDisabled:hover { background-position: 0 0; text-decoration: none }  .RadTabStrip_Office2007 .rtsLevel1 .rtsDisabled:hover .rtsOut { background-position: 100% 0 }  .RadTabStrip_Office2007 .rtsLevel2 { background-position: 0 0 }  .RadTabStrip_Office2007 .rtsLevel3 { background-position: 0 -26px }  .RadTabStrip_Office2007 .rtsDisabled, .RadTabStrip_Office2007 .rtsDisabled.rtsLink { color: #8d8d8d }  .RadTabStrip_Office2007.RadTabStripVertical .rtsLevel1 { background-image: none }  .RadTabStrip_Office2007.RadTabStripVertical .rtsLevel1 .rtsOut { background-image: none }  .RadTabStrip_Office2007.RadTabStripVertical .rtsLevel2 { background-image: none }  .RadTabStrip_Office2007.RadTabStripVertical .rtsLevel3 { background-image: none }  span.rtsTxt { font-size: 13px !important; font-weight: bold; color: #424242; }