@charset "UTF-8";


/* ********************************************************* */
/* beeline-theme02*/
/* ********************************************************* */

a{color: #0074a3;}

html,body{height:100%;}

body{font: 80% Arial,Verdana,sans-serif;}

#container{min-width:480px; width:100%;height:100%;}

#header{ width:100%; height:30px; overflow:hidden; padding:10px 0px;}
#header .panel-logo{ height:100%;margin-left:20px;}
#header .panel-name{ margin-left:10px;}

#header-current-page{ position:fixed; right:-500px; top:8px; padding:10px 20px; background:#430470; color:#FFF; z-index:99999;}
#top-message-container{ position:fixed; right:0px; top:1px;  width:100%; text-align:center;  display:none;}
#top-message-container-inner{text-align:center; padding:5px 10px; background:#f5f6b4; color:#000; border:1px solid #d6ce83;}
.top-message-box{ margin-bottom:5px; max-width:500px; min-width:300px;}

#content {width:100%; height:100%;}
#content .panel {height: 100%;width: 100%;}

#menu .active,#menu .k-state-border-down.active{color: #fff !important;background-color: #430470 !important;border-color: #430470 !important;}
#menu .active>a{color:#CCC !important;}
#menu a{ text-decoration:none !important; cursor:pointer !important;}


#popup-loading{ padding:10px; text-align:center; font-size:12px;}

.k-toolbar{ padding:10px 5px;}
.k-button{ cursor:pointer !important;}
.k-button .k-icon{ margin-right:3px;}
.green-blod{ color:#0C0; font-weight:bold;}
.red-blod{ color:#C00; font-weight:bold;}
.blue-blod{ color:#00C; font-weight:bold;}
.k-upload-button{ width:120px;}

#popup-confirm{ position:relative;}
#popup-confirm-content{}
#popup-confirm-message{ font-size:14px; padding:10px; position:absolute; overflow:hidden;}
#popup-confirm-tool{ position:absolute; bottom:10px; right:10px;}
#btn-popup-confirm-ok{ }
#btn-popup-confirm-cancel{ margin-left:5px;}

#popup-message-message{ font-size:14px; padding:10px; position:absolute; overflow:hidden;}
#popup-message-tool{ position:absolute; bottom:10px; right:10px;}


#popup-sort{ position:relative;overflow-x:hidden;overflow-y:scroll;}
#popup-sort-message{ font-size:14px; padding:10px; position:absolute; }
#popup-sort-tool{ position:absolute; bottom:10px; right:10px;}
#btn-popup-sort-cancel{ margin-left:5px;}
.popup-sort-dragbox{ width:525px;; min-height:30px; margin:10px 0px 10px 10px; background:#CCC; line-height:30px; padding-left:5px; color:#000; overflow:hidden;}
.popup-sort-dragbox.over{background:#430470 !important; color:#FFF;}



.panel-left{overflow:hidden; position:relative; }
.panel-right{position:relative;}
.panel-warning{padding:10px;}
.panel-detail{display:none;}
.panel-detail-tool{padding:10px;}
.panel-detail-content{padding:10px; min-width:400px;}
.panel-detail-content .tab-page { padding-top:20px;}
.panel-detail-content .tab-page .field-box{clear: left;margin: 0;padding: 5px 0 8px 0;padding-left: 155px;border-bottom: 1px dashed gray;}
.panel-detail-content .tab-page .field-box.no-line{ border-bottom:none !important;}
.panel-detail-content .tab-page .field-box:last-of-type{border-bottom: none;}
.panel-detail-content .tab-page .field-box label{font-weight: bold;float: left;margin-left: -155px; width: 150px;}
.panel-detail-content .tab-page .field-box input[type=text]{ width:60%; min-width:100px;}
.panel-detail-content .tab-page .field-box textarea{ width:80%; min-width:100px;}

.panel-detail-content .tab-page .thumbnail-screen-container{ margin-bottom:5px;}
.panel-detail-content .tab-page .thumbnail-screen{ padding:5px; background:#CCC;}
.panel-detail-content .tab-page .thumbnail-screen img{ max-width:100px; max-height:100px;}

.gallery-thumbmail-screen-container{ width:150px; height:150px; cursor:pointer;border: 1px solid gray;  overflow:hidden; float:left; margin-right:5px; margin-bottom:5px; }
.gallery-thumbmail-screen{ padding:5px; text-align:center; vertical-align:middle}
.gallery-thumbmail-screen img{ max-width:140px;max-height:140px; vertical-align:middle;}


.table-gray{width:100%; margin-bottom:20px;}
.table-gray td,.table-gray th{  border:1px #333 solid; padding:5px; vertical-align:top;}
.table-gray>tbody>tr{ cursor:pointer;}
.table-gray>tbody>tr:not(.guest-bar):hover{ background:#430470; color:#FFF}

