html
{
    -ms-touch-action: none;
}
body
{
    /*font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Heiti SC", "微軟正黑體", "Microsoft JhengHei", "微軟雅黑體", "Microsoft YaHei", "明瞭體", "Meiryo", "清黑體", "Malgun Gothic", "新細明體", "PMingLiU";*/
    font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Tahoma";
    font-weight: 400;
	font-size: 12px;
    color: #555555;
    text-align:left;
    margin: 0;
}
#right-panel .x-form-text, textarea.x-form-field,
.header-mode-off, .header-mode-on, .x-btn button,
#logo .logo-text1, #logo .logo-text2,
.ext-strict .x-small-editor .x-form-text,
.doplan_tree_h1 .x-tree-node-anchor > span, .doplan_tree_h2 a > span, .doplan_left_tree li > .doplan_tree_h2.x-tree-selected span,
.album_cube_dataview .thumb-wrap span.x-editable, .x-dd-drag-ghost .thumb-wrap span.x-editable,
.album_cube_dataview .thumb-wrap .span_photos, .x-dd-drag-ghost .thumb-wrap .span_photos,
.qpc_timeline_grid2 .x-grid-group-hd div.x-grid-group-title,
.qpc_timeline_grid2 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title,
.qpc_timeline_grid2 .x-grid3-row-selected td .x-grid3-cell-inner,.qpc_timeline_grid2 .x-grid3-summary-row-selected td, .qpc_timeline_grid2 .qpc_t_select .x-grid-group-title span, .qpc_timeline_grid2 .qpc_t_select .x-btn-text,
.qpc_timeline_grid2 .x-grid3-cell-inner,
.grid_list_all .x-grid3-cell-inner,
.doplan_right_card .v_top .qpc_right_let_td1 .qpc_f_span_1, .doplan_right_card .v_top .qpc_right_let_td2, .doplan_right_card .info_input_tag textarea, .doplan_right_card .info_input_comment textarea,
.qpc_menu_media_1 .x-form-field,
.classSwitchMoreSetting + label, .modal_window_DD .x-form-field,
.share_dd_gridview .x-grid3-cell-inner,
.x-window-mc, .x-grid3-hd-inner, .x-form-field, .folder-path,
.x-toolbar div.xtb-text
{
    /*font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Heiti SC", "微軟正黑體", "Microsoft JhengHei", "微軟雅黑體", "Microsoft YaHei", "明瞭體", "Meiryo", "清黑體", "Malgun Gothic", "新細明體", "PMingLiU";*/
    font-family:'QTS Font', 'Helvetica', 'Arial', 'Sans-serif', 'Verdana', "Tahoma";
}
#right-panel .x-panel-header-text,
.hidden
{
    display: none;
}
.small-text
{
    font-size: 11px;
}
#avatar
{
    padding: 5px 0 0;
}
#user .x-btn-text
{
    color: #000000;
    /*font-family:'QTS Font';*/
    font-weight: 300;
}
#language{
    background: transparent url('/v3_menu/panel/headerbar_language.png?366485774') no-repeat;
}
#toolbar{
    z-index: 1004;
    overflow: hidden;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
}
#toolbar.darkMode{
    border-top: 1px solid #000;
    border-bottom: 1px solid #545454;
}
#right-panel{
    border: 1px solid #dcdcdc;
    background-color: #f8f8f8;
}
#right-panel.x-window .x-tool-close{
    margin: 10px 8px 0 0;
}
#right-panel .x-window-tc,
#right-panel .x-window-mc{
    background-color: #f8f8f8;
}
#right-panel .x-window-tl,
#right-panel .x-window-tr{
    background: #f8f8f8;
}
#right-panel .x-panel-header-text{
    /*font-family:'QTS Font';*/
    font-weight: 700;
    font-size: 14px;
}
#right-panel ul.x-tab-strip-top{
    padding: 0;
    border: 0;
}
#right-panel .x-form-text, textarea.x-form-field{
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
#right-panel span.qnapOpenURL, .qnap_app_link_text_style{
    color:#4A4AFA;
    cursor: pointer;
    text-decoration:underline;
}
#qpc_single_photo_deletePic{
    position: absolute;
    cursor: default;
    background-color:rgba(10,10,10,0.5);
    background-image: url('about:blank'); /*about:blank for IE when div on an img*/
}
.deletePicIcon {
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index:10;
}
#qpc_single_photo_face{
    position:absolute;
    cursor:default; 
    background-image: url('about:blank'); /*about:blank for IE when div on an img*/
}
#qpc_single_photo_vrview{
    position:absolute;
    cursor:default; 
    background-image: url('about:blank'); /*about:blank for IE when div on an img*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#uploadFrame{
    position: absolute;
    top:1px;
    left:1px;
    z-index: 0;
}
img.avatar{
    border: 1px solid #333;
    width: 30px;
    height: 30px;
}
#thumbs-container .x-panel-body{
    overflow-x: hidden !important;
}

.header-rainbow{
    background: #1b9cff; /* Old browsers */
    background: -moz-linear-gradient(left,  #1b9cff 0%, #c3fff7 50%, #1b9cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1b9cff), color-stop(50%,#c3fff7), color-stop(100%,#1b9cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,#1b9cff 0%,#c3fff7 50%,#1b9cff 100%,); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,#1b9cff 0%,#c3fff7 50%,#1b9cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,#1b9cff 0%,#c3fff7 50%,#1b9cff 100%); /* IE10+ */
    background: linear-gradient(to right,#1b9cff 0%,#c3fff7 50%,#1b9cff 100%); /* W3C */
    background-size: 200% 100%;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9cff', endColorstr='#c3fff7',GradientType=1 ); /* IE6-9 */
}
.header-rainbow-move {
    -webkit-animation: moving-rainbow 3s ease infinite;
    -moz-animation: moving-rainbow 3s ease infinite;
    animation: moving-rainbow 3s ease infinite;
}
.header-rainbow .x-panel-body-noheader, .header-rainbow .x-panel-mc .x-panel-body{
    background: transparent;
    border: 0;
}
.header-toolbar{
    padding: 0 0 0;
}
.header-toolbar .x-btn-tl, .header-toolbar .x-btn-tr, .header-toolbar .x-btn-tc,
.header-toolbar .x-btn-ml, .header-toolbar .x-btn-mr, .header-toolbar .x-btn-mc,
.header-toolbar .x-btn-bl, .header-toolbar .x-btn-br, .header-toolbar .x-btn-bc {
    background: transparent;
}
.header-toolbar .x-btn-tl, .header-toolbar .x-btn-tr,
.header-toolbar .x-btn-ml, .header-toolbar .x-btn-mr,
.header-toolbar .x-btn-bl, .header-toolbar .x-btn-br{
    width: 0;
    display: none;
}
.header-toolbar .x-btn-menu-active{
    box-shadow: 0 -3px 0 0 #000 inset;
}
.header-icons .x-btn-small button.x-btn-text{
    /*margin-top: 9px;
    background: transparent url('../images/toolbar/header.png') no-repeat;*/
    background-image: url('../images/toolbar/header.png?366485774');
    width: 20px;
    height: 20px;
}
#multizoneBoardToggle .x-btn-small button.x-btn-text{
	background: transparent none;
}
.header-stream button, .header-icons.header-stream .x-btn-small button.x-btn-text{
    width: 22px;
    background-position: 0 -208px;
}
.header-refresh button{
    width: 20px;
    background-position: 0 -120px;
}
.header-people-search button {
    width: 24px !important;
    height: 21px !important;
    background-image: url('../images/icons/search_people.png?366485774');
}
.header-search button{
    width: 20px;
    background-position: 0 -90px;
}
.header-search.onSearch button{
    background-position: -120px -90px;
}
.header_sep_td1{
    border-left: 1px solid #2F2F2F;
    margin-top: 14px;
    height: 30px;
}
.header-tasks button{
    width: 20px;
    background-position: 0 -150px;
}
.header-tasks-active button{
    width: 20px;
    background-position: 0 -150px;
}
.header-tasks ~ div.count{
    position: absolute;
    top: 7px;
    width: 20px;
    height: 15px;
    overflow: hidden;
    background-color: #027DFF;
    color: #FFF;
    display: none;
    text-align: center;
    line-height: 14px;
    margin-left: 3px;
}
.header-tasks-active ~ div.count{
    display: inline-block;
}
.header-settings button{
    width: 20px;
    background-position: 8px -180px;
}
.header-mode-divider{
    background: transparent url('../images/toolbar/header.png?366485774') no-repeat;
    width: 12px;
    height: 17px;
    float: left;
    background-position: 0 -420px;
    cursor: default;
    border: 1px solid #17abff;
    border-right: 0;
    border-left: 0;
    position: relative;
    top: -2px;
    margin-top: 9px;
}
.header-mode-off{
    height: 17px;
    /*font-family:'QTS Font';*/
    /*font-weight: 300 !important;*/
    font-size: 13px !important;
    color: #17abff;
    float: left;
    position: relative;
    top: 7px;
    cursor: pointer;
    text-align: center;
    min-width: 76px;
    padding: 0;
    border: 1px solid #17abff;
    border-right: 0;
}
.header-mode-on{
    height: 17px;
    /*font-family:'QTS Font';*/
    /*font-weight: 700 !important;*/
    font-size: 13px !important;
    color: #ffffff;
    float: left;
    position: relative;
    top: 7px;
    cursor: default;
    text-align: center;
    min-width: 76px;
    padding: 0;
    background-color: #17abff;
    border: 1px solid #17abff;
    border-left: 0;
}
.x-btn button {
    color: #333;
    /*font-family:'QTS Font';*/
    font-weight: 400;
    font-size: 14px;
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    outline: 0 none;
    overflow: visible;
    padding-left: 3px;
    padding-right: 3px;
    width: auto;
}
#logo{
    margin: 3px 25px 0 30px;
    cursor: default;
    position: relative;
    padding: 2px 0 0;
}
#logo .logo-icon1{
    background-image: url('../images/icon_photostation_28.png?366485774');
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    margin-right: 12px;
    position: absolute;
    top: -5px;
    left: 0px;
}
#logo .logo-text1{
    /*font-family:'QTS Font';*/
    /*margin-left: 40px; Hide because remove station icon*/
    font-weight: 900;
    font-size: 24px;
    color: #2f8dcf;
}
#logo .logo-text2{
    /*font-family:'QTS Font';*/
    font-weight: 300;
    font-size: 24px;
    color: #2f8dcf;
}
#header .x-window-header, #header .x-window-handle{
    display: none;
}
.ext-strict .x-small-editor .x-form-text{
    font-size: 14px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
/*.qps_1{overflow-y: scroll !important;}*/
/* Common Background Color */

.album_cube_dataview, .album_cube_panel .x-panel-bl, .album_cube_panel .x-panel-br, .album_cube_panel .x-panel-bc, .album_cube_panel .x-panel-ml, .album_cube_panel .x-panel-mr, .album_cube_panel .x-panel-mc,
.group_list_photo .x-grid3-scroller,
.group_list_photo .x-grid-group-hd,
.qpc_timeline_grid2, .qpc_timeline_grid2 .x-toolbar{
    background-color: transparent;
}
/* Common Font Color */
.x-grid-group-hd div.x-grid-group-title{
    color: #4D5154;
}
.qpc_timeline_grid2 .x-toolbar .x-btn-text,
.qpc_timeline_grid2 .x-grid-group-hd div.x-grid-group-title,
.qpc_timeline_grid2 .x-grid3-row td,
.qpc_timeline_grid2 .x-grid3-summary-row td{
    text-align: right;
    font-size: 14px;
    color: white;
    cursor: pointer;
}

/* Header Background */
.ui_head1{
    /*height:40px; overflow:hidden;*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(rgba(178,204,218,1)), to(rgba(142,182,205,1)));
	background: -webkit-linear-gradient(top, rgba(178,204,218,1), rgba(142,182,205,1));
	background: -moz-linear-gradient(top, rgba(178,204,218,1), rgba(142,182,205,1));
	background: -o-linear-gradient(top, rgba(178,204,218,1), rgba(142,182,205,1));
	background: -ms-linear-gradient(top, rgba(178,204,218,1), rgba(142,182,205,1));
	background: linear-gradient(top bottom, rgba(178,204,218,1), rgba(142,182,205,1));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB2CCDA, endColorstr=#FF8EB6CD)";*/
    background-color: rgba(256,256,256,0.5);
}
.ui_head1 .x-toolbar{
    background: transparent;
    border: 0;
}
.refreshIconHtmlLeft{
    width: 10px;
    float: right;
}
.pointer{
    cursor: pointer;
}
.qex_panel_transparent .x-panel-body{
	background-color: transparent;
}
/* All Page Background */

/* Clear Button Background Image */
.clear_btn .x-btn-ml, .clear_btn .x-btn-mr, .clear_btn .x-btn-mc,
.clear_btn .x-btn-tl, .clear_btn .x-btn-tr, .clear_btn .x-btn-tc,
.clear_btn .x-btn-bl, .clear_btn .x-btn-br, .clear_btn .x-btn-bc {
    background-image: none;
}
.clear_btn_hover .x-btn-mc em{
    border: 1px solid #b0b0b0;
    padding: 3px;
}
.clear_btn_hover.x-btn-over .x-btn-mc{
    background-color: transparent;
}
.clear_btn_hover.x-btn-over .x-btn-text{
    color: #0060FF;
}
.clear_btn .x-btn-mc em.x-btn-arrow {
    background: none;
    padding: 0;
}
.btn_margin_left_A{
    margin-left: 15px;
}
.btn_margin_left_B{
    margin-left: 8px;
}
.btn_padding_LR_A{
    padding: 0 15px;
}
.ftn_link_color_a .x-btn-text{
    color: #000000;
    font-size: 12px;
}
.ftn_link_color_a .x-btn-text:hover{
    color: #0129C1;
    text-decoration: underline;
}


/* Flex Copy Button */
.flex-copy-btn{
    position: absolute;
    width:100%;
    height:100%;
}
.qpc_flash_copy button.x-btn-text{
    margin-top: 5px;
    color: #324EB9;
}
.qpc_copy_encode_img{
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAS5JREFUeNqklL9Lw0AcxT9XEnAQ6RBwUuKWOPUfKNj/wKFBEQQX8X9osQhtx/4FHdwE6RBBOndwFp1s3UIFoSAoXQs9B1uaXpPLBR8c94t7977vHSe8au0bKGKIYe9awNbGugUUn+4ujUjKZ10ACRwAkUqEY+/yNZsI5UAS5KJ3/aAeHXr7zCWEras/ohhZ/NZE+EETqyAegXPgYU1RkpK0cgfPnzQ6/W0gBO6BU4BC2s2O7b4CIqUB8DYanwAvWiLgx7HdjcVGp782H72PS8CtZZiUCqEEcKFThB/UTZ8XGkWzI2CQcb5iQATTj6ii29/ZczEi0r0n1Str5Ucry9RsjxYk8r+KxLDXlilpibypiSQlcTNzx79U4wc3JqWtavSqtdin1V4OQ+CYHPgdANJpSryHV47PAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;
}
.qpc_flash_copy_border .x-btn-mc{
    border: 1px solid #b0b0b0;
    cursor: default;
}
.qpc_flash_copy_border.x-btn-click .x-btn-mc{
    background-color: rgba(200,200,200,0.3);
}
.qpc_flash_copy_border{
    cursor: default;
}

.status-msg-window {
    background-color: rgba(0, 124, 239, 0.85);
    color: white;
    padding: 30px 34px;
    font-size: 15px;
    text-align: center;
}

.state-window{
    background-color: rgba(0, 124, 239, 0.85);
    color: white;
    font-size: 15px;
    line-height: 17px;
    padding: 18px 36px;
}

.top_state_msg{
	position: absolute;
	top: 0px;
	padding: 6px 30px;
	background-color: rgba(0, 124, 239, 0.85);
	z-index: 303;
	left: 50%;
	transform: translateX(-50%);
}
.top_state_msg .text{
	color: white;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
	height: 20px;
	margin: 10px 20px;
}

/* Main Toolbar Start PS.toolbarPanel PS.flowToolbar*/
.ds_toolbar_bg_class{
    background: transparent none;
    border: 0;
}
.no-padding, .ds_toolbar_bg_class .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{
    padding: 0;
}

.ds_tb_btm_remove3px .x-btn-tl, .ds_tb_btm_remove3px .x-btn-tr, .ds_tb_btm_remove3px .x-btn-tc, .ds_tb_btm_remove3px .x-btn-ml, .ds_tb_btm_remove3px .x-btn-mr, .ds_tb_btm_remove3px .x-btn-bl, .ds_tb_btm_remove3px .x-btn-br, .ds_tb_btm_remove3px .x-btn-bc {
    display: none;
}

.ds_toolbar_bg_class .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    height: 24px;
    width: 33px;
}

/* +++++++++ QTS 4.2 PS.toolbarPanel ++++++++++++ */
.qpc_toolbar5{
    background-color: #F5F5F5;
    position: absolute;
}
.darkMode.qpc_toolbar5{
    background-color: #000;
}

.qpc_toolbar5 .btn_bg1,
.qpc_toolbar5 .x-slider-horz .x-slider-thumb,
.qpc_menu_tb5 .x-menu-item-icon,
.qpc_menu_tb5 a.x-menu-item.checked
{
    background-image: url('../images/toolbar/toolbar_rule_slice.png?366485774');
    background-repeat: no-repeat;
}
.darkMode.qpc_toolbar5 .btn_bg1,
.darkMode.qpc_toolbar5 .x-slider-horz .x-slider-thumb
{
    background-image: url('../images/toolbar/toolbar_rule_slice_b.png?366485774');
    background-repeat: no-repeat;
}
.qpc_toolbar5 .qpc_toolbar5_mr_3{
    margin-right: 3px;
}
.qpc_toolbar5 .qpc_toolbar5_padding_10{
    padding: 10px;
}
.qpc_toolbar5 .qpc_toolbar5_ptpbpl_10{
    padding: 10px 0px 10px 10px;
}
.qpc_toolbar5 .qpc_toolbar5_ptpb_10{
    padding: 10px 0px;
}

.qpc_toolbar5 .tb5_topleftspace,
.qpc_toolbar5 .tb5_space_a,
.qpc_toolbar5 .tb5_space_b
{
    width: 10px;
    height: 20px;
}
.qpc_toolbar5 .tb5_space_c
{
    width: 2px;
    height: 20px;
}
.qpc_toolbar5 .tb5_space_b,
.qpc_toolbar5 .tb5_space_c
{
    border-right: 1px solid #D3D3D3;
    margin-top: 20px;
}
.darkMode.qpc_toolbar5 .tb5_space_b
{
    border-right-color: #545454;
}


.qpc_toolbar5 .x-slider-horz, .qpc_toolbar5 .x-slider-horz .x-slider-end, .qpc_toolbar5 .x-slider-horz .x-slider-inner{
    background-image: none;
}
.qpc_toolbar5 .x-slider-horz .x-slider-thumb, .qpc_toolbar5 .x-slider-horz .x-slider-thumb-over, .qpc_toolbar5 .x-slider-horz .x-slider-thumb-drag{
    background-position: 0 -418px;
}
.qpc_toolbar5 .slider_bg{
    height: 1px; background-color: #565656; position: absolute; width: 100%; top: 10px;
}
.darkMode.qpc_toolbar5 .slider_bg{
    background-color: #FFF;
}

/* +++++Define QTS 4.2 Toolbar Button +++++ */
.qpc_toolbar5_button_disable, .qpc_toolbar5_button_disable.x-btn button{
    color: gray;
    cursor: default;
}
.qpc_toolbar5 .x-btn-icon .x-btn-small .x-btn-text, .qpc_toolbar5 .x-btn-noicon .x-btn-small .x-btn-text{
    height: 20px;
    width: 20px;
}
.qpc_toolbar5 .x-btn-icon .x-btn-small .x-btn-text.ftb_btn_arrow{
     width: 10px;
}
.x-btn-icon .x-btn-small .ftb_btn_arrow{background-position: 2px -680px;}
.x-btn-icon .x-btn-small .ftb_btn_box{background-position: 4px -29px;}
.x-btn-icon .x-btn-small .ftb_btn_list{background-position: 4px -58px;}
.x-btn-icon .x-btn-small .ftb_btn_timeline{background-position: 4px 1px;}
.x-btn-icon .x-btn-small .ftb_btn_folder{background-position: 4px -88px;}
.x-btn-icon .x-btn-small .ftb_btn_onofftimeline{background-position: -26px -120px;}
.x-btn-icon .x-btn-small .ftb_btn_sort{background-position: 0px -148px;}
.x-btn-icon .x-btn-small .ftb_btn_add_album{background-position: 0 -1260px;}
.x-btn-icon .x-btn-small .ftb_btn_photo{background-position: 2px -298px;}
.x-btn-icon .x-btn-small .ftb_btn_video{background-position: 2px -328px;}
.x-btn-icon .x-btn-small .ftb_btn_filter{background-position: 2px -1018px;}
.x-btn-icon .x-btn-small .ftb_btn_bgstyle{background-position: 2px -478px;}
.x-btn-icon .x-btn-small .ftb_btn_play{background-position: 2px -540px;}
.x-btn-icon .x-btn-small .ftb_btn_upload{background-position: 2px -570px;}
.x-btn-icon .x-btn-small .ftb_btn_download{background-position: 2px -600px;}
.x-btn-icon .x-btn-small .ftb_btn_share{background-position: 2px -630px;}
.x-btn-icon .x-btn-small .ftb_btn_recover{background-position: 2px -1410px;}
.x-btn-icon .x-btn-small .ftb_btn_delete{background-position: 2px -1350px;}
.x-btn-icon .x-btn-small .ftb_btn_clean{background-position: 2px -1380px;}
.x-btn-icon .x-btn-small .ftb_btn_multiselect{background-position: -28px -658px;}
.x-btn-icon .x-btn-small .ftb_btn_view_smaller{background-position: 6px -353px;}
.x-btn-icon .x-btn-small .ftb_btn_view_bigger{background-position: 4px -386px;}
.x-btn-icon .x-btn-small .ftb_btn_mapview{background-position: 2px -1318px;}
.x-btn-icon .x-btn-small .ftb_btn_qpclear{background-position: 2px -1440px;}

.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_arrow, .no_use.x-btn-icon .x-btn-small .ftb_btn_arrow{background-position: -118px -680px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_box, .no_use.x-btn-icon .x-btn-small .ftb_btn_box{background-position: -116px -29px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_list, .no_use.x-btn-icon .x-btn-small .ftb_btn_list{background-position: -116px -58px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_timeline, .no_use.x-btn-icon .x-btn-small .ftb_btn_timeline{background-position: -116px 1px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_folder, .no_use.x-btn-icon .x-btn-small .ftb_btn_folder{background-position: -116px -88px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_onofftimeline, .no_use.x-btn-icon .x-btn-small .ftb_btn_onofftimeline{background-position: 4px -120px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_sort, .no_use.x-btn-icon .x-btn-small .ftb_btn_sort{background-position: -120px -148px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_add_album, .no_use.x-btn-icon .x-btn-small .ftb_btn_add_album{background-position: -120px -1260px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_photo, .no_use.x-btn-icon .x-btn-small .ftb_btn_photo{background-position: -118px -298px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_video, .no_use.x-btn-icon .x-btn-small .ftb_btn_video{background-position: -118px -328px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_filter, .no_use.x-btn-icon .x-btn-small .ftb_btn_filter{background-position: -118px -1018px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_bgstyle, .no_use.x-btn-icon .x-btn-small .ftb_btn_bgstyle{background-position: -118px -478px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_play, .no_use.x-btn-icon .x-btn-small .ftb_btn_play{background-position: -118px -540px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_upload, .no_use.x-btn-icon .x-btn-small .ftb_btn_upload{background-position: -118px -570px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_download, .no_use.x-btn-icon .x-btn-small .ftb_btn_download{background-position: -118px -600px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_share, .no_use.x-btn-icon .x-btn-small .ftb_btn_share{background-position: -118px -630px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_recover, .no_use.x-btn-icon .x-btn-small .ftb_btn_recover{background-position: -118px -1410px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_delete, .no_use.x-btn-icon .x-btn-small .ftb_btn_delete{background-position: -118px -1350px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_clean, .no_use.x-btn-icon .x-btn-small .ftb_btn_clean{background-position: -118px -1380px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_multiselect, .no_use.x-btn-icon .x-btn-small .ftb_btn_multiselect{background-position: 2px -658px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_view_smaller, .no_use.x-btn-icon .x-btn-small .ftb_btn_view_smaller{background-position: -114px -353px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_view_bigger, .no_use.x-btn-icon .x-btn-small .ftb_btn_view_bigger{background-position: -116px -386px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_mapview, .no_use.x-btn-icon .x-btn-small .ftb_btn_mapview{background-position: -118px -1318px;}
.qpc_toolbar5_button_disable.x-btn-icon .x-btn-small .ftb_btn_qpclear, .no_use.x-btn-icon .x-btn-small .ftb_btn_qpclear{background-position: -118px -1440px;}

/* +++++Hover effect of Photo Station 5.2 Toolbar Button +++++ */
#toolbar .view_thumb:hover, #toolbar .view_list:hover, #toolbar .view_timeline:hover, #toolbar .set_view:hover,
#toolbar .view_thumb:hover ~ .set_view, #toolbar .view_list:hover ~ .set_view, #toolbar .view_timeline:hover ~ .set_view,
#toolbar .sort:hover, #toolbar .sort:hover ~ .set_sort,
#toolbar .add_album:hover, #toolbar .add_album:hover ~ .set_add_album,
#toolbar .filter:hover, #toolbar .filter:hover ~ .set_filter,
#toolbar .bgstyle:hover, #toolbar .bgstyle:hover ~ .set_bgstyle,
#toolbar .play:hover, #toolbar .play:hover ~ .playSet,
#toolbar .download:hover, #toolbar .download:hover ~ .set_download,
#toolbar .share:hover, #toolbar .share:hover ~ .set_share,
#toolbar .tb_bg:hover,
#toolbar .tb_bg_hover{
    background-color: #E4E4E4;
}

.darkMode#toolbar .view_thumb:hover, .darkMode#toolbar .view_list:hover, .darkMode#toolbar .view_timeline:hover, .darkMode#toolbar .set_view:hover,
.darkMode#toolbar .view_thumb:hover ~ .set_view, .darkMode#toolbar .view_list:hover ~ .set_view, .darkMode#toolbar .view_timeline:hover ~ .set_view,
.darkMode#toolbar .sort:hover, .darkMode#toolbar .sort:hover ~ .set_sort,
.darkMode#toolbar .add_album:hover, .darkMode#toolbar .add_album:hover ~ .set_add_album,
.darkMode#toolbar .filter:hover, .darkMode#toolbar .filter:hover ~ .set_filter,
.darkMode#toolbar .bgstyle:hover, .darkMode#toolbar .bgstyle:hover ~ .set_bgstyle,
.darkMode#toolbar .play:hover, .darkMode#toolbar .play:hover ~ .playSet,
.darkMode#toolbar .download:hover, .darkMode#toolbar .download:hover ~ .set_download,
.darkMode#toolbar .share:hover, .darkMode#toolbar .share:hover ~ .set_share,
.darkMode#toolbar .tb_bg:hover,
.darkMode#toolbar .tb_bg_hover{
    background-color: #393939;
}

#toolbar .qpc_toolbar5_button_disable:hover, .darkMode#toolbar .qpc_toolbar5_button_disable:hover,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_view, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_view,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_sort, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_sort,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_add_album, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_add_album,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_filter, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_filter,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_bgstyle, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_bgstyle,
#toolbar .qpc_toolbar5_button_disable:hover ~ .playSet, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .playSet,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_download, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_download,
#toolbar .qpc_toolbar5_button_disable:hover ~ .set_share, .darkMode#toolbar .qpc_toolbar5_button_disable:hover ~ .set_share{
    background: none;
}

/* Main Toolbar End*/
/* DS3 HTML5 Drag Drop Upload */
#ds3_html5ddup_panel {
    display:inline-block;
    /*background-color: rgba(140,180,245,0.3);*/
    width: 100%;
    height:100%;
    border:0; text-align:center; color:#22CCFF;
}
#ds3_html5ddup_p1{
    /*background-color: rgba(190,190,225,0.9);*/
    background-color: rgba(254,254,254,0.8);
    border: dashed #AFAFAF 3px;
    padding:5px;
    vertical-align: middle;
    text-align: center;
    color:#AFAFAF;
    font-size: 30px;
    position: absolute;
    width: 400px;
    height: 200px;
    top: 40%;
    margin: 0 auto;
}

.ds3_upload_win_t1 .x-window-body {
    background-color: transparent;
}
/* Left tree start PS.treePanel*/
.doplan_left_tree .x-panel-body{
    background: #FFFFFF none;
    overflow-x: hidden !important;
}
.doplan_left_tree .x-tree-elbow-end, .doplan_left_tree .x-tree-elbow, .doplan_left_tree .x-tree-icon, .doplan_left_tree .x-tree-elbow-minus, .doplan_left_tree .x-tree-elbow-plus, .doplan_left_tree .x-tree-elbow-end-minus, .doplan_left_tree .x-tree-elbow-end-plus, .doplan_left_tree .x-tree-elbow-line{
    width: 1px;
    display: none;
    background-image: none;
}
.doplan_left_tree .x-tree-node a span {
    padding-left: 18px;
}
.doplan_tree_h1{
    line-height: 29px;
    height: 30px;
    text-align: left;
    vertical-align: top;
    padding-left: 0 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cpmv_menu_btn .x-btn-small .x-btn-text, .cpmv_menu_btn .x-menu-item-icon{
    height:22px; width:24px;
    top: 0 !important;
}
.doplan_tree_h1 .x-tree-node-icon{
    display: none;
}
.doplan_tree_separator img{
    display: none;
}
.doplan_tree_h1 .x-tree-node-anchor > span{
    font-size: 13px;
    /*font-family:'QTS Font';*/
    font-weight: 300;
    color: #2f2f2f;
    display: block;/*remove inline-block because Bug 63804*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.doplan_tree_h2{
    padding: 7px 0 3px 18px;
    vertical-align: middle;
    position: relative;
}
.doplan_tree_h2 a{
    font-size: 13px;
}
.doplan_tree_h2 a > span{
    color: #404040;
    /*font-family:'QTS Font';*/
    font-weight: 300;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: 140px;*/
    padding: 0;
}
.doplan_tree_h2_noimg img{
    display: none;
}

.doplan_tree_separator, .doplan_tree_separator a{
    cursor: default;
}
.doplan_left_tree li > .doplan_tree_separator.x-tree-node-over{
    background-color: transparent;
}
.doplan_left_tree li > .x-tree-selected.x-tree-node-over{
    background-color: #DEFEFD;
}
.doplan_left_tree li > .x-tree-node-over{
    background-color: #DEFEFD;
}
.doplan_left_tree li > .x-tree-selected{
    background-color: transparent;
    border-left: 2px solid #000000;
}
.doplan_left_tree li > .hold_over_class{
    background-color: #DEFEFD;
}
.doplan_left_tree li > .doplan_tree_h1 span,
.doplan_left_tree li > .doplan_tree_h2 span{
    position: relative;
    left: 11px;
}
.doplan_left_tree li > .doplan_tree_h1.x-tree-selected span,
.doplan_left_tree li > .doplan_tree_h2.x-tree-selected span{
    color:#000000;
    /*font-family:'QTS Font';*/
    font-weight: 700;
    position: relative;
    left: 8px;
}
/* Left tree End */
/* Center Panel DataView Start PS.tool.makeCenterDataView */
/* ++++++++ Common CSS ++++++*/
.thumb .t_arrow{
	position:absolute;
    right: 15px;
    bottom: 15px;
    z-index: 13;
    display: none;
}
.thumb .t_arrow.folder{
    bottom: 5px;
}
.x-view-selected .thumb .path-image-arrow, .x-grid3-row-selected .thumb .path-image-arrow,
.x-view-selected .thumb .t_arrow, .x-grid3-row-selected .thumb .t_arrow{
	display: block;
}
.thumb .t_check_no{
	position:absolute;
    left: 15px; top: 15px;
    /*left: 20%; top: 15px;*/
    z-index: 12;
    display: none;
}
.thumb .t_check_no_on_multi{
    display: block;
}
.grid_list_all td.x-grid3-td-checker{
    display: none;
}
.qpc_grid_list_view_sort_btn{
    /* //JSORTB */
    background: url('../images/doplan_img/middle.png?366485774') no-repeat scroll 5px -765px transparent;
    /*background-color: #F6F6F6;*/
    cursor: pointer;
    position:absolute;
    width:18px;
    height:30px;
    right:1px;
    top: 5px;
}
.thumb .t_check_yes{
	position:absolute;
    left: 15px;
    bottom: 15px;
    /*left: 20%; top: 15px;*/
    z-index: 13;
    display: none;
}
.thumb .t_check_yes.folder{
    bottom: auto;
    top: 8px;
    left: 8px;
}
.thumb .t_video_playicon{
    position: absolute;
    left: 3px; top: 5px;
    z-index: 8;
}
.thumb .t_vr360icon{
    position: absolute;
    left: 0px; top: 0px;
    z-index: 8;
}
.thumb .t_video_duration{
    position:absolute;
    background-color: rgba(2,2,2,0.6);
    color: #FFFFFF;
    padding: 2px 4px;
    right: 3px;
    bottom: 3px;
    z-index: 4;
}
/*.x-grid3-row-selected .thumb .t_video_playicon{
    left: 10px; bottom: 35px;
    display: none;
}*/
.thumb .t_video_playicon_show{
    display: block;
}
.thumb .t_video_transicon{
    position:absolute;
    z-index: 8;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.x-view-selected .thumb .t_check_yes, .x-grid3-row-selected .thumb .t_check_yes, .x-view-selected .thumb .t_check_no, .x-grid3-row-selected .thumb .t_check_no{
	display: block;
}

.qpc_emptyIcon{
    background: transparent url('../images/icons/album_info.png?366485774') no-repeat;
    width: 120px;
    height: 120px;
    display: inline-block;
}
.qpc_emptyIcon.plus{
    background-position: 0 -330px;
}
.qpc_emptyIcon.plus:hover{
    background-position: -120px -330px;
}
.qpc_emptyIcon.upload{
    background-position: 0 -450px;
}
.qpc_emptyIcon.upload:hover{
    background-position: -120px -450px;
}
.qpc_emptyIcon.null{
    background-position: 0 -570px;
    width: 90px;
    height: 90px;
}

.qpc_qphoto_emptyIcon{
	display: inline-block;
}
.x-grid3 .x-grid-empty .clickLink, .album_cube_dataview .clickLink{
	cursor:pointer;
	color:#4A4AFA;
} 

.faceEmptyText{
	padding: 20px 80px 0;
}
.faceEmptyText .leftDiv{
	max-width: calc(100% - 300px);
	float: left;
}
.faceEmptyText .rightDiv{
	float: left;
}
/* ++++++++ Common tbar bbar ++++++*/
.x-panel-noborder .x-panel-body-noborder{
    background-color: #FFFFFF;
}

.qpc_center_tbar_bbar{
    border-top: 1px solid #e8e8e8 !important;
}

.qpc_center_tbar_bbar .xtb-sep{
    background: transparent none;
    border: 0;
    height: 30px;
    margin: 0;
    padding: 0;
}

.qpc_center_tbar_bbar .xtb-text {
    font-size: 12px;
}
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text{
    width: 20px;
    height: 20px;
}
.path-image-arrow,
.qpc_list_photo_star,
.qpc_center_tbar_bbar .timelineIcon, .qpc_center_tbar_bbar .timelineIcon1, .qpc_center_tbar_bbar .parentIcon, .qpc_center_tbar_bbar .keywordIcon, .qpc_center_tbar_bbar .gmapIcon, .qpc_center_tbar_bbar .timelineDateIcon, .qpc_center_tbar_bbar .shareMenuIcon, .qpc_center_tbar_bbar .setMenuIcon, .qpc_center_tbar_bbar .sharedHistoryIcon, .qpc_center_tbar_bbar .uploadIcon, .qpc_center_tbar_bbar .splayIcon, .qpc_center_tbar_bbar .sortMenuIcon,
.qpc_timeline_grid2 button.x-btn-text.sort, .qpc_menu_sort_up, .qpc_menu_sort_down,
.qpc_rotate_video_button_bgimg,
.qpc_center_tbar_bbar .gmapIcon{
    background-image: url('../images/doplan_img/middle.png?366485774');
}
.qpc_center_tbar_bbar .gmapIcon{
    width: 20px;
    height: 20px;
}

.path-image-arrow{
    display: none;
    background-position: 0 -3100px;
    width: 23px;
    height: 23px;
    cursor: pointer;
}
.qpc_rotate_video_button_bgimg.rotateLeft{
	background-position: 0px -1912px;
	width:28px; height:20px;
}
.qpc_rotate_video_button_bgimg.rotateRight{
	background-position: 0px -1962px;
	width:28px; height:20px;
}

.a050_action_preview{
    margin-right: 10px;
    cursor: pointer;
}
.qphotoPathOpenFolder{
    margin-right: 10px;
    cursor: pointer;
    background-image: url('../images/toolbar/edit_photo_info.png?366485774');
    background-repeat: no-repeat;
    height: 14px; width: 16px;
	background-position: 0 -148px;
}
.qpc_qphoto_statusBar_error, .qpc_qphoto_statusBar_ok, .qpc_qphoto_statusBar_processing{
	display: inline-block;
	margin: 0px 5px -2px 3px;
}

.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.timelineIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.timelineIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.parentIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.parentIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.keywordIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.keywordIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.gmapIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.gmapIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.timelineDateIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.timelineDateIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.shareMenuIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.shareMenuIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.sortMenuIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.sortMenuIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.setMenuIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.setMenuIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.splayIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.splayIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.sharedHistoryIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.sharedHistoryIcon1,
.qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.uploadIcon, .qpc_center_tbar_bbar .x-btn-icon .x-btn-small .x-btn-text.uploadIcon1{
    width: 40px;
    height: 30px;
}
.qpc_center_tbar_bbar .timelineIcon:hover, 
.qpc_center_tbar_bbar .parentIcon:hover, 
.qpc_center_tbar_bbar .uploadIcon:hover, 
.qpc_center_tbar_bbar .keywordIcon:hover, 
.qpc_center_tbar_bbar .gmapIcon:hover, 
.qpc_center_tbar_bbar .timelineDateIcon:hover, 
.qpc_center_tbar_bbar .shareMenuIcon:hover, 
.qpc_center_tbar_bbar .setMenuIcon:hover, 
.qpc_center_tbar_bbar .sharedHistoryIcon:hover, 
.qpc_center_tbar_bbar .splayIcon:hover, 
.qpc_center_tbar_bbar .sortMenuIcon:hover{
    background-color: #DEFEFD;
}
.qpc_center_tbar_bbar .timelineIcon{background-position: 0 -2700px;}
.qpc_center_tbar_bbar .timelineIcon1{background-position: 0 -2750px; background-color: #4D5154;}
.qpc_center_tbar_bbar .parentIcon{background-position: 0 -2850px;}
.qpc_center_tbar_bbar .keywordIcon{background-position: 0 -2900px;}
.qpc_center_tbar_bbar .gmapIcon{background-position: 10px -275px;}
.qpc_center_tbar_bbar .timelineDateIcon{background-position: 0 -3300px;}
.qpc_center_tbar_bbar .shareMenuIcon{background-position: 0 -3400px;}
.qpc_center_tbar_bbar .sortMenuIcon{background-position: 9px -6143px;}
.qpc_center_tbar_bbar .setMenuIcon{background-position: 9px -5687px;}
.qpc_center_tbar_bbar .sharedHistoryIcon{background-position: 13px -3894px;}
.qpc_center_tbar_bbar .splayIcon{background-position: 10px -5744px;}
.qpc_center_tbar_bbar .uploadIcon{background-position: 0 -2800px;}


#thumbs-container .statusNameBar, .album_cube_panel.x-panel-noborder .x-panel-tbar-noborder .statusNameBar.x-toolbar{
	background-color: #FFF;
	border-bottom-color: #F4F4F4;
}
.list_view_container .statusNameBar{
	background-color: #F4F4F4;
}
#timeline-container .statusNameBar{
	background-color: #FFF;
	border-bottom: 1px solid #F4F4F4;
}
#main-panel .statusNameBar{
	padding-top: 3px;
}
#main-panel .statusNameBar > table.x-toolbar-ct{
	margin-top: 1px;
}
#main-panel .statusNameBar.x-toolbar div.xtb-text{
	padding: 0;
	height: 18px;
}
#main-panel .statusNameBar .backLevel{
	margin-right: 10px;
	cursor: pointer;
}
#main-panel .statusNameBar .baseLevel{
	font-size: 14px;
	color: #565656;
	cursor: pointer;
}
#main-panel .statusNameBar .gtLevel{
	font-size: 14px;
	color: #565656;
	margin: 0 8px;
}
#main-panel .statusNameBar .nameLevel{
	font-size: 14px;
	color: #000;
	font-weight: 900;
	cursor: pointer;
}
@keyframes nameLevelColorChange{
	0% { background-color: red;}
	50% { background-color: yellow;}
	100% { background-color: #FFF; }
}
#main-panel .statusNameBar .nameLevel.goBGC{
	animation: nameLevelColorChange 2s ease 0s 1 alternate;
}

#main-panel .statusNameBar .sortWeight{
	font-weight: 700;
	font-size: 12px;
	color: #000;
}

/* Qphoto list text */
#main-panel .x-grid3-td-qphoto_status .processing, #main-panel .x-grid3-td-qphoto_status .completed, #main-panel .x-grid3-td-qphoto_status .error{
	font-weight: 400;
	line-height: 19px;
}
#main-panel .x-grid3-td-qphoto_status .processing{
	color: #0159ec;
}
#main-panel .x-grid3-td-qphoto_status .completed{
	color: #187d00;
}
#main-panel .x-grid3-td-qphoto_status .error{
	color: #f00;
}
#main-panel .x-grid3-td-qphoto_status .text{
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
}
#main-panel .x-grid3-td-qphoto_status .icon{
	display: inline-block;
	margin-right: 7px;
}
#main-panel .x-grid3-td-qphoto_status .spIcon{
	display: inline-block;
	margin: 0 2px;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}

/*  +++++++albumdivdataview Data View start*/
.albumdivdataview, .albumdiv_panel .x-panel-bl, .albumdiv_panel .x-panel-br, .albumdiv_panel .x-panel-bc, .albumdiv_panel .x-panel-ml, .albumdiv_panel .x-panel-mr, .albumdiv_panel .x-panel-mc{
    background-color: #FFF;
}
.albumdivdataview .x-panel-body{
	background-color: transparent;
}
.albumdivdataview .thumb{
	padding: 3px;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    display: table-cell;
}

.albumdivdataview .thumb-wrap{
	float: left;
    margin: 10px;
    border:0 solid #dddddd;
    /*width: 125px;*/
    height: 138px;
}

.albumdivdataview .thumb-wrap span{
    width:125px;
    padding-top: 13px;
	display: block;
	overflow: hidden;
	text-align: center;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

.albumdivdataview .x-view-over{
    background: #f0f0f0;
    cursor: pointer;
}
.albumdivdataview .imgBody{
    border: 3px solid transparent;
}
.albumdivdataview .x-view-selected .imgBody{
    border: 3px solid #2CB1E7;
}
.albumdivdataview .loading-indicator {
	font-size:11px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
/*  +++++++++albumDiv-panel Data View End*/
/*  +++++++albumdivdataview Data View start*/
.album_cube_dataview .x-panel-body{
	background-color: transparent;
}
.album_cube_dataview .thumb{
	margin: 0 auto;
    position: relative;
}
.album_cube_dataview .thumb2{
    /*border: 5px solid #dddddd;*/
	margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    border-radius: 20px;
    background: #fff none;
    z-index: 9;
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.4);
    /*border: 3px solid #ffffff;*/
}
.album_cube_dataview .x-view-selected .thumb2{
    background: #000 none;
}
.album_cube_dataview .x-view-selected img {
    opacity: 0.6;
}

.thumb-wrap{
    text-align: center;
}
.album_cube_dataview .thumb-wrap, .x-dd-drag-ghost .thumb-wrap{
	float: left;
    margin: 12px;
    border: 0;
    height: 138px;
}
.album_cube_dataview .thumb .t_arrow{
    bottom: 25px;
    right: 25px;
}
.album_cube_dataview .thumb .t_check_yes{
    position:absolute;
    left: 25px;
    bottom: 25px;
    z-index: 13;
}

.album_cube_dataview .thumb-wrap span.album-span, .x-dd-drag-ghost .thumb-wrap span{
    width:125px;
	display: block;
	overflow: hidden;
	text-align: left;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.album_cube_dataview .thumb-wrap span.x-editable, .x-dd-drag-ghost .thumb-wrap span.x-editable{
    color: #2f2f2f;
    /*font-family:'QTS Font';*/
    font-weight: 700;
    font-size: 14px;
}
.album_cube_dataview .thumb-wrap .span_photos, .x-dd-drag-ghost .thumb-wrap .span_photos{
    color: #2f2f2f;
    /*font-family:'QTS Font';*/
    font-weight: 300;
    font-size: 12px;
    width: 100%;
    padding: 4px 0 0 5px;
}

.x-dd-drag-ghost .thumb2{
    overflow: hidden;
}
.album_cube_dataview .loading-indicator {
	font-size:11px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}
/*  +++++++++albumDiv-panel Data View End*/
/* Box Grid Group Start */
.group_list_photo{
    border-top: 0;
}
.thumb_list_photo .x-grid-group-hd{
    display: none;
}

/*  +++++++++albumWall Grid Group Start */
.x-grid-group-hd div.x-grid-group-title{
    /*color: #FFF;*/
    font-size: 20px;
    background-image: none;
    padding: 16px 10px 0;
    cursor: default;
    color: #21bcec;
}
.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
    background-image: none;
}
.x-grid-group-hd {
    border: 0;
    padding: 0;
}
.group_list_photo .x-grid-group-body{
    display: inline-block;
    padding: 0 0 0 8px;
}
.group_list_photo .x-grid-group-collapsed .x-grid-group-body, .group_list_photo .x-grid3-header{
    display: none;
}
.group_list_photo .x-grid-group-collapsed .x-grid-group-body{
    display: inline-block;
}
.group_list_photo .x-grid3-row-over{
    background: transparent none;
}
.group_list_photo .x-grid3-row-selected{
    background: transparent none !important;
}
.group_list_photo .x-grid3-row td{
    padding: 0;
}
.group_list_photo .x-grid3-cell-inner{
    padding: 0;
}
.group_list_photo.title-text{
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    height: 15px;
}
.group_list_photo .thumb{
    position: relative;
    display: inline-block;
}
.group_list_photo .imgBody{
    border: 3px solid #ffffff;
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.5);
    overflow: hidden;
}
.group_list_photo .x-grid3-row-over .imgBody{
    border: 3px solid #2ebcec;
}
.group_list_photo .x-grid3-row-selected .imgBody{
    background-color: #000000;
    border: 3px solid #eeeeee;
}
.group_list_photo .x-grid3-row img {
    position: relative;
}
.group_list_photo .x-grid3-row-selected img {
    opacity: 0.6;
}

.thumb-wrap_folder{
    background-color: #FFF;
    width: 270px;
}
.group_list_photo .folderBody{
    border: 1px solid #F2F2F2;
    width: 265px;
    height: 50px;
}
.group_list_photo .x-grid3-row-over .folderBody{
    border: 1px solid #2ebcec;
}
.group_list_photo .x-grid3-row-selected .folderBody{
    border: 1px solid #ffffff;
    background-color: rgba(0, 0, 0, 0.4);
}
.folderIcon{
    width: 40px;
    height: 25px;
    background-position: 0 -1110px;
    float: left;
    margin: 13px 10px 0 15px;
}
.group_list_photo .folderName{
    height: 18px;
    line-height: 16px;
    color: #2F2F2F;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    margin: 18px 15px 0 0;
}

/* albumWall Embed Timeline CSS */
.qpc_timeline_grid2{
    border-top: 0;
    background-color: #2ebcec;
}
.qpc_timeline_grid2 .x-grid3, .qpc_timeline_grid2 .x-panel-body{
    background-color: transparent;
    border: 0;
}
.qpc_timeline_grid2 .x-grid3-row{
    border: 0;
    border-color: transparent;
}
.qpc_timeline_grid2 .x-grid-group-hd div.x-grid-group-title{
    border: 0;
    margin: 0;
    height: 24px;
    line-height: 24px;
    padding: 4px 14px 0 0;
    /*font-family:'QTS Font';*/
    font-weight: 700;
    font-size: 16px;
}
.qpc_timeline_grid2 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
    /*font-family:'QTS Font';*/
    font-weight: 400;
    font-size: 14px;
}
.qpc_timeline_grid2 .x-grid3-row-selected, .qpc_timeline_grid2 .qpc_t_select{
    /*background-color: transparent !important;*/
    background-color: transparent;
    border-color: transparent;
}
.qpc_timeline_grid2 .x-grid3-row-over, .qpc_timeline_grid2 .x-grid-group-hd:hover{
    /*background: #DEFEFD none;
    border-color: transparent;*/
    background: transparent none;
}
.qpc_timeline_grid2 .x-grid3-row td,.qpc_timeline_grid2 .x-grid3-summary-row td{
    height: 22px;
	vertical-align: middle;
    /*color:#575757;*/
}
.qpc_timeline_grid2 .x-grid3-row-selected td .x-grid3-cell-inner,.qpc_timeline_grid2 .x-grid3-summary-row-selected td, .qpc_timeline_grid2 .qpc_t_select .x-grid-group-title span, .qpc_timeline_grid2 .qpc_t_select .x-btn-text{
    color: white;
    /*font-family:'QTS Font';*/
    font-weight: 700;
    font-size: 13px;
}
.qpc_timeline_grid2 .x-grid3-cell-first{
    padding-left: 0;
}
.qpc_timeline_grid2 .x-grid3-cell-inner{
    padding: 0 8px 0 2px;
    height: 24px;
    line-height: 24px;
    /*font-family:'QTS Font';*/
    font-weight: 300;
}
.qpc_timeline_grid2 .x-grid3-cell-inner span.timeline-arrow{
    display: none;
}
.qpc_timeline_grid2 .x-grid3-row-selected .x-grid3-cell-inner span.timeline-arrow{
    display: block;
    background: url('../images/icons/timeline_arrow.png?366485774') no-repeat;
    width: 10px;
    height: 10px;
    position: relative;
    top: 8px;
}
.qpc_timeline_grid2 .x-grid3-cell-first .x-grid3-cell-inner{
    margin: 0;
    padding: 0;
    text-align: right;
}
.qpc_timeline_grid2 .x-grid3-row-selected .x-grid3-cell-first .x-grid3-cell-inner, .qpc_timeline_grid2 .x-grid-group-hd.qpc_t_select div.x-grid-group-title{
    /*border-left: 5px solid #198AD8;*/
    margin: 0;
    padding: 0;
    text-align: right;
}
.qpc_timeline_grid2 button.x-btn-text.sort{
    height: 18px; width: 18px;
    background-position: 0 -6097px;
}
.qpc_timeline_grid2 .x-grid-group-body{
    padding-bottom: 24px;
}
/*  +++++++++albumWall Grid Group End */
/*  +++++++++ List Photo Start */
.grid_list_all .x-grid3-row-selected{
    background-color: #2CB1E7 !important;
    color: #FFF;
}
.grid_list_all .x-grid3-row{
    background-color: #fdfdfd;
    border-color: transparent;
}
.grid_list_all .x-grid3-row-alt{
    background-color: #f4f4f4;
}
.grid_list_all .x-grid3-row-over{
    background-image: none;
    background-color: #defefd;
}
.grid_list_all .qpc_list_photo_div_star{
    background-image: url('../images/icons/search_slice.png?366485774');
    width:16px; height:16px;
    float: left;
    margin: 0 2px;
}
.grid_list_all .x-grid3-dirty-cell, .qpc_faceSetting  .x-grid3-dirty-cell{
    background: transparent none;
}
.grid_list_all .x-grid3-cell-inner{
    /*font-family:'QTS Font';*/
    font-weight: 300;
    font-size: 14px;
    position: relative;
}
.grid_list_all .x-grid3-cell-inner .thumb{
    right: 2px; top: 0;
    position: absolute;
}

.qpc_list_photo_star{
    background-position: 0 -90px;
}
.qpc_list_photo_star_yes{
    background-position: 0 -60px;
}
.grid_list_all .videoResMark{
    top:0px; left:0px;position:absolute;
    z-index:11;
}
.grid_list_all .videoPlayIcon{
    bottom:9px; left:11px;position:absolute;
    z-index:12;
    width:26px; height:26px;
}
/*  +++++++++ List Photo End */
/*  +++++++++ Album List Start */

.grid_list_all.album_list .x-grid3-row-over{
    background-color: #DEFEFD !important;
    background-image: none;
}
.grid_list_all.album_list .x-grid3-row-selected{
    background-color: #98C1FB !important;
    color: #555555;
}
.grid_list_all.album_list .group_list_album_icon{
    position:absolute; width:16px; height:16px;
}
.grid_list_all.album_list .group_list_album_icon.share{background-position: 0 -120px;}
.grid_list_all.album_list .group_list_photo.title-text{
    width: 80%;
    position:relative;
    left: 24px;
}

.grid_list_all.album_list .x-grid3-cell-inner .links{
    color:#1122FF;
    cursor:pointer;
    text-decoration: underline;
}
.grid_list_all.album_list .renderAction .edit, .grid_list_all.album_list .renderAction .reshare{
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    cursor: pointer;
}
.grid_list_all.album_list .renderAction .edit{background-position: 0 -60px;}
.grid_list_all.album_list .renderAction .reshare{background-position: 0 -90px;}
/*  +++++++++ Album List End */
/* Center Panel End */
/* right panel start PS.rightPanel*/
.doplan_right_bg{
    /*background: #CDDFE6 url('../images/doplan_img/right_bg.png?366485774') repeat-y;*/
    background: #f8f8f8 none repeat-y;

}
.doplan_right_bg .x-panel-body-noborder, .doplan_right_bg .x-panel-noborder .x-panel-body-noborder{
    background: #f8f8f8 none;
}
.transparent_panel .x-panel-body-noborder{
    background: transparent none;
}

.qpc_m_btn_color_white,
.rightsharedataview .remove,
.doplan_right_card .share_tab .x-tab-strip-top .x-tab-strip-text div,
.doplan_right_card .share_panel .tool_btn_1,
.doplan_right_card .infop .right_info_pic_tb .qpc_menu_tb_star,
.doplan_right_card .doplan_right_exif_geotag_switch, .doplan_right_card .exif_text .x-tool {
    background: transparent url('../images/doplan_img/right.png?366485774') no-repeat;
}

.doplan_right_card .right_exif_photo{
    position: relative;
}

.doplan_right_card .v_top .x-table-layout{
    padding-right: 0;
}
.doplan_right_card .v_top .x-table-layout-cell{
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 3px;
    /*min-width: 70px;*/
}
.doplan_right_card .v_top .qpc_right_let_td1{
    width: 90px;
    color: #464646;
}
.doplan_right_card .v_top .qpc_right_let_td1 .qpc_f_span_1{
    /*font-family:'QTS Font';*/
    font-weight: 300;
    color: #848484;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    width: 100%;
}
.doplan_right_card .v_top .qpc_right_let_td1 .qpc_f_span_1 a {
    color: #999999;
    text-decoration: none;
}
.doplan_right_card .v_top .qpc_right_let_td2{
    color: #2f2f2f;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.doplan_right_card .v_top .qpc_right_let_td2 .xtb-text{
    max-width: 1000px !important;
}
.doplan_right_card .v_top .x-table-layout-cell > .xtb-text{
    /*max-width: 110px;*/
    white-space:normal;
    word-wrap: break-word;
    word-break:break-all;
}

/*.doplan_right_card .exif_text .x-accordion-hd{
    background-image: none;
    background-color: #B6D4DF;
    border-color: #B6D4DF;
}
.doplan_right_card .exif_text .x-accordion-hd .x-tool-toggle{
    background-position: 0 -2276px;
}
.doplan_right_card .exif_text .x-panel-collapsed .x-accordion-hd .x-tool-toggle{
    background-position: 0 -2226px;
}*/
.doplan_right_card .exif_text .x-panel-header{
    background: #f8f8f8 none;
    border: 0;
}
.doplan_right_card .exif_text .x-panel-header .x-tool-toggle{
    background-position: 0 -2276px;
}
.doplan_right_card .exif_text .x-panel-collapsed .x-panel-header .x-tool-toggle{
    background-position: 0 -2226px;
}

.doplan_right_card .infop .right_info_pic_tb, .doplan_right_card .infophoto .right_info_pic_tb{
    z-index: 9;
    position: absolute;
    top: 155px; width: 180px;
    background-color: rgba(100%,100%,100%,0.7);
    padding-top: 3px;
}
.doplan_right_card .infop .right_info_pic_tb .tb_color .x-btn-mc,
.doplan_right_card .infop .right_info_pic_tb .tb_color .x-btn-mc > em,
.doplan_right_card .infop .right_info_pic_tb .tb_color .x-btn-mc > em > button.x-btn-text
{
    font-size: 0;
    width: 12px; height: 12px;
}
.doplan_right_card .infop .right_info_pic_tb .tb_color
{
    border: 1px solid #464646;
    margin-left: 5px;
}
.doplan_right_card .infop .right_info_pic_tb .qpc_menu_tb_star
{
    background-position: 0 -510px;
    margin: 1px 2px;
}
.doplan_right_card .infop .right_info_pic_tb .qpc_menu_tb_star_yes
{
    background-position: 0 -560px;
}

.doplan_right_card .info_input_comment .x-panel-header, .doplan_right_card .w_title .x-panel-header{
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #464646 none;
    color: #FFF;
    text-align: center;
    padding: 3px 0;
}
.doplan_right_card .info_input_comment textarea{
    border: 1px solid #e5e5e5;
    background: white none;
    padding: 16px;
    font-size: 13px;
    color: #2f2f2f;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.doplan_right_card .info_input_comment textarea.x-form-focus{
    background-color: #FFFFFF;
    border: 1px solid #000000;
}

/* right panel End */

/* Setting Window Start */
.qpc_backupEI .x-panel{
    line-height: 14px;
}
#backup-file{
    opacity: 0;
}
#qpc_set_win_backup_cover_input{
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
}
#backup-file_browseFile{
    padding: 0 10px;
    margin: 1px;
}
#backup-file_showInput{
    border: none;
    cursor: default;
    width: 290px;
    padding-left: 10px;
}
#ps_set_win .removeFolder{
	background-position: 0 -120px;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
#ps_set_win .grid_is_new_folder{
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #d8eafb 0%, #bfdffe 100%) repeat scroll 0 0
}
#ps_set_win .photoExtNotReady div.x-column-inner{
	display:flex;
	align-items: center;
}
#ps_set_win .photoExtNotReady .faceTitle,
.faceEmptyText .faceTitle{
	font-size: 20px;
	font-weight: 900;
	padding: 0 0 30px;
}
#ps_set_win .photoExtNotReady .faceDescription,
.faceEmptyText .faceDescription{
	padding: 0 0 15px;
}
/* Setting Window End */
/* Face Ignored List Window / Merge Window / Face In This Album Window / viewSuggestedFace Start */
.ignoredFaceList .ignoredFaceListGrid{
	padding-left: 20px;
}
.ignoredFaceList .ignoredFaceListGrid .x-grid3-row, .mergeFaceList .faceListGrid .x-grid3-row{
	border: none;
	padding-bottom: 20px;
}
.ignoredFaceList .ignoredFaceListGrid .x-grid3-row-over, .mergeFaceList .faceListGrid .x-grid3-row-over{
	background: none;
}
.ignoredFaceList .ignoredFaceListGrid .x-grid3-cell-inner, .mergeFaceList .faceListGrid .x-grid3-cell-inner{
	padding: 0 20px 0 0;
}
.ignoredFaceList .ignoredFaceListGrid .faceThumbImg, .mergeFaceList .faceListGrid .faceThumbImg{
	cursor: pointer;
}

.hideFolderFilterWindowGrid{
	padding: 0 20px;
}
.hideFolderFilterWindowGrid .x-grid3-row{
	border: none;
	padding: 6px 0 4px;
}
.hideFolderFilterWindowGrid .x-grid3-row-over{
	background: rgba(15, 195, 255, 0.08);
}

.faceInThisAlbum_dataView .faceThumbCube{
	float: left;
	padding: 10px;
	cursor: pointer;
}
.faceInThisAlbum_dataView .faceThumbCube > .thumb{
	border: 3px solid #FFF;
	overflow: hidden;
	border-radius: 8px;
}
.faceInThisAlbum_dataView .faceThumbCube.x-view-over > .thumb{
	border: 3px solid #2ebcec;
}
.faceInThisAlbum_dataView .faceThumbCube.x-view-selected{
	background-color: #DEF;
}
.faceInThisAlbum_dataView .faceThumbCube.x-view-selected > .thumb{
	background-color: #000;
}
.faceInThisAlbum_dataView .faceThumbCube.x-view-selected .faceImage{
	opacity: 0.6;
}
.faceInThisAlbum_dataView .name{
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.divButtonR8{
	border: 1px solid #707070;
	border-radius: 8px;
	height: 20px;
	min-width: 80px;
	padding: 0px 11px;
	font-size: 12px;
	background-color: #FFF;
	color: #2F2F2F;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
}
.divButtonR8{
	color: #707070;
	border: 1px solid #707070;
}

.viewSuggestedFace .namePosition{
	border: 3px solid #fff;
	position: absolute;
}

.viewSuggestedFace .namePosition:hover{
    border: 3px solid #fff;
    background-color: rgba(256, 256, 256, 0.4);
}

.viewSuggestedFace .namePosition .checkBox {
    width: 24px;
    height: 24px;
    position: absolute;
    right: -12px;
    top: -12px;
    background-image: url('../images/icons/icon_search_people_unselected.png');
}

.viewSuggestedFace .selectedName{
    border: 3px solid #4B74FF;
}

.viewSuggestedFace .selectedName:hover{
    border: 3px solid #4B74FF;
    background-color: rgba(256, 256, 256, 0.4);
}

.viewSuggestedFace .selectedName .checkBox{
    background-image: url('../images/icons/icon_search_people_selected.png');
}

.viewSuggestedFace .faceCover{
	z-index:5;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
/* Face Ignored List Window End */
/* Slideshow Setting Window Start */
.slideshowSet .divAddPlaylist{
	position: absolute;
	top: 0;
	left: 310px;
}
.slideshowSet .divAddPlaylist .add{
	color: #4a4afa;
    cursor: pointer;
    text-decoration:underline;
    float: left;
}
.slideshowSet .divAddPlaylist .info{
	width: 18px;
	height: 18px;
	background-position: 0 -150px;
	margin-left: 15px;
    float: left;
}
/* Slideshow Setting Window End */
/* Upload List Window Start (PS.action.uploadListWindow)*/
.uploadListWindow .x-window-body{
	margin-top: 8px;
	border-top: 1px solid #BBB;
}
.uploadListWindow .configPanel .displayColumn{
	text-align: right;
	padding-right: 5px;
	color: #848484;
	display: inline-block;
}
.uploadListWindow .configPanel .displayColumnTD{
	text-align: right;
	width: 155px;
}
.uploadListWindow .configPanel, .uploadListWindow .configPanel .x-panel-body > table{
	width: 100%;
}
.uploadListWindow .configPanel .x-panel-body > table td{
	padding: 0px 0 10px 0;
}
.uploadListWindow .configPanel .btnSelectPath button{
	width: 24px;
}
.uploadListWindow .configPanel .txPath{
	padding: 0 10px;
	width: calc(100% - 24px);
}
.uploadListWindow .configPanel .cbActionOfFileExist{
	padding-left: 10px;
	width: calc(100% - 36px);
}
.cbActionOfFileExistList .x-combo-list-item{
	padding-left: 10px;
}
.uploadListWindow .btnPCUploadTable{
	position: relative;
	float: right;
}
.uploadListWindow .btnPCUpload{
	position: absolute;
	top: 5px;
	left: 19px;
}
.uploadListWindow .fileGrid .x-grid3-row{
	border: none;
}
.uploadListWindow .fileGrid .x-grid3-row-over, .uploadListWindow .fileGrid .x-grid3-row-selected{
	background: transparent none !important;
}
.uploadListWindow .fileGrid .x-grid3-cell-inner{
	padding: 7px 3px 7px 15px;	
}
.uploadListWindow .fileGrid .x-grid3-col-colRemove{
	padding: 0;
	cursor: pointer;
}
.uploadListWindow .fileGrid .x-grid3-row-alt, .uploadListWindow .fileGrid .x-grid3-row-alt.x-grid3-row-over{
	background-color: #EFEFEF !important;
}
.uploadListWindow .fileDrop{
	position: absolute;
	top:0px;
	height:0px;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #848484;
	text-align: center;
	padding-top: 100px;
	cursor: pointer;
	box-sizing: border-box;
	border: 3px dashed #B0B0B0;
	background-color: rgba(255,255,255,0.8);
}
.uploadListWindow .addToAlbumPanel .cbSelectAlbum{
	padding-left: 10px;
}
.uploadListWindow .addToAlbumPanel .classUXCheckbox.ckAddToAlbum + label.x-form-cb-label{
	top: -2px;
}
.uploadListWindow .addToAlbumPanel .isCreateAlbum, .upoloadListWindow_addAlbumPanel_cb_createAlbum{
	color: blue;
}
/* Upload List Setting Window End */

/* Single Photo View Start */

/*media viewer background color*/
.qpc_single_window .x-border-layout-ct{
    background-color: rgba(27,27,27,1);
}

.qpc_menu_media_1 .x-menu-item-arrow .q_arrow, .qpc_menu_media_share .x-menu-item-icon, .qpc_single_window .qpc_single_preview .videoIcon,
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv_delete, .qpc_single_window .mouseEnter .pvLeftScroll, .qpc_single_window .mouseEnter .pvRightScroll,
.qpc_single_window .pvLeftScroll, .qpc_single_window .pvRightScroll,
.qpc_menu_media_filter .flBtn, .qpc_single_window .jwControl .paused, .qpc_single_window .jwControl .play,
.qpc_media_allPlayButton, .qpc_media_allPauseButton,
.qpc_menu_media_1 .rotate_div .rotateLeft, .qpc_menu_media_1 .rotate_div .rotateRight,
.qpc_menu_media_1.qpc_menu_stream2 .refreshIconHtml, .qpc_menu_media_1.qpc_menu_stream2 .devTypeIcon,
.qpc_single_window .allBarDisplayArea .allShow,
.qpc_single_window .next_btn, .qpc_single_window .prev_btn, .qpc_single_window .photo_bar .x-btn .x-btn-text, .qpc_single_window .southLeftBar .x-btn, .qpc_single_window .southRightBar .x-btn{
    background-color: transparent;
    background-image: url('../images/toolbar/media_viewer_slice.png?366485774');
}
.qpc_menu_media_facename .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{background-image: url('../images/toolbar/face_slice.png?366485774');}
.qpc_single_window .qpc_single_toolbar_n, .qpc_single_window .qpc_media_south{
    background-color: rgba(0,0,0,0.6);
}

.qpc_single_window.hideThumbListBar .qpc_single_toolbar_n, .qpc_single_window.hideThumbListBar .qpc_media_south{
    background-color: transparent;
}
.qpc_single_window.hideThumbListBar.isOnFaceMode .qpc_single_toolbar_n{
    background-color: rgba(0,0,0,0.6);;
}

.qpc_single_window .qpc_single_toolbar_n .xtb-text, .qpc_single_window .southLeftBar .xtb-text, .qpc_single_window .southRightBar .xtb-text{
    color: #D1D1D1;
    font-size: 15px;
}
.qpc_single_window .southLeftBar .xtb-text, .qpc_single_window .southRightBar .x-btn-text{font-size: 13px;}


.qpc_media_viewer_msg{
    background-color: rgba(28, 28, 32, 0.85);
    color: white;
    padding: 30px 34px;
    font-size: 13px;
}
.qpc_mediaViewer_msg_face_icon{
    width: 22px; height: 20px;
    background-position: 0 -120px;
    position: relative;
    display: inline-block;
    background-image: url('../images/toolbar/face_slice.png?366485774');
}


.qpc_single_window .photoLeftArea, .qpc_single_window .photoRightArea{
    width:36px;height:42px;
    position:absolute;
    top: 0;
    background:transparent none;
    z-index: 3;
}
.qpc_single_window .photoRightArea{
    height: 130px;
}
.qpc_single_window .photoLeftArea{left: 0;}
.qpc_single_window .photoRightArea{right: 0;}
/* 20170516FullHide */
.qpc_single_window.hideThumbListBar .photoLeftArea, .qpc_single_window.hideThumbListBar .photoRightArea{
	display: none;
}
.qpc_single_window .allBarDisplayArea{
	position: fixed;
	top: calc(100% - 48px);
	left: 0px;
	width: 77px;
	height: 52px;
	z-index: 2;
}
.qpc_single_window .allBarDisplayArea .allShow{
	background-position: -60px -1553px;
    display: inline-block;
    position: relative;
    top: 0px;
    height: 20px;
    width: 30px;
    cursor: pointer;
}

.qpc_single_window .prev_btn, .qpc_single_window .next_btn{
    height: 42px;
    width: 24px;
    cursor: pointer;
    margin-bottom: 48px;
}
.qpc_single_window .prev_btn{
    /*background-position: 0 -390px;*/
    float: right;
    background-position: 0 -1800px;
}
.qpc_single_window .prev_btn:hover{background-position: -30px -1800px;}
.qpc_single_window .next_btn{
    /*background-position: 0 -420px;*/
    background-position: 0 -1740px;
}
.qpc_single_window .next_btn:hover{background-position: -30px -1740px;}

.qpc_single_window .photo_bar .x-btn{
    padding: 11px 6px 11px 6px;
    margin: 0 4px;
}
.qpc_single_window .photo_bar .x-btn.x-btn-menu-active{
    box-shadow: 0 -2px 0 0 #FFF inset;
}
.qpc_single_window .photo_bar .x-btn.close .x-btn-text{
    background: none;
    width: auto;
}

.qpc_single_window .photo_bar .download button{background-position: 2px 0;}
.qpc_single_window .photo_bar .share button{background-position: 0 -30px;}
.qpc_single_window .photo_bar .pvup button{background-position: 0 -450px;}
.qpc_single_window .photo_bar .pvdown button{background-position: 0 -480px;}
.qpc_single_window .photo_bar .fullstart button{background-position: 0 -210px;}
.qpc_single_window .photo_bar .fullexit button{background-position: -30px -210px;}
.qpc_single_window .photo_bar .slideshow button{background-position: 0 -60px;}
.qpc_single_window .photo_bar .res button{background-position: 0 -630px;}
.qpc_single_window .photo_bar .info button{background-position: 0 -120px;}
.qpc_single_window .photo_bar .option button{background-position: 0px -150px;}
.qpc_single_window .photo_bar .set button{background-position: 0 -180px;}
.qpc_single_window .photo_bar .stream button{background-position: 0 -89px;}
.qpc_single_window .photo_bar .face button{background-position: 0 -2490px;}
.qpc_single_window .photo_bar .vr360 button{background-position: 0 -3300px;}
.qpc_single_window .photo_bar .cardboard button{background-position: 0 -3270px;}
/*.qpc_single_window .photo_bar .close button{background-position: 0 -237px;}*/
.qpc_single_window .southLeftBar .play, .qpc_media_allPlayButton{background-position: 0 -1140px;}
.qpc_single_window .southLeftBar .pause, .qpc_media_allPauseButton{background-position: -30px -1140px;}
.qpc_single_window .southRightBar .subTitle{background-position: 0 -2850px;}
.qpc_single_window .southRightBar .res{background-position: 0 -630px;}
.qpc_single_window .southRightBar .vol{background-position: 0 -660px;}
.qpc_single_window .southRightBar .vol.min{background-position: 0 -690px;}
.qpc_single_window .southRightBar .vol.mute{background-position: 0 -720px;}

/*.qpc_single_window .photo_bar .play{
    background-image: url('../images/slideshow/play.png?366485774');
    background-position: -20px -16px;
    width: 17px; height: 17px;
}
.qpc_single_window .photo_bar .pause{
    background-image: url('../images/slideshow/pause.png?366485774');
    background-position: -8px -2px;
}*/

/*.qpc_single_window .photo_bar .download:hover{background-position: -30px 0;}
.qpc_single_window .photo_bar .share:hover{background-position: -30px -30px;}
.qpc_single_window .photo_bar .pvup:hover{background-position: -30px -450px;}
.qpc_single_window .photo_bar .pvdown:hover{background-position: -30px -480px;}
.qpc_single_window .photo_bar .fullstart:hover{background-position: -30px -210px;}
.qpc_single_window .photo_bar .fullexit:hover{background-position: -30px -210px;}
.qpc_single_window .photo_bar .slideshow:hover{background-position: -30px -60px;}
.qpc_single_window .photo_bar .res:hover{background-position: -30px -630px;}
.qpc_single_window .photo_bar .info:hover{background-position: -30px -120px;}
.qpc_single_window .photo_bar .option:hover{background-position: -22px -147px;}
.qpc_single_window .photo_bar .set:hover{background-position: -30px -180px;}
.qpc_single_window .photo_bar .stream:hover button{background-position: -30px -89px;}*/
.qpc_single_window .photo_bar .face.active button{background-position: -30px -2490px;}
.qpc_single_window .photo_bar .vr360.active button{background-position: 0px -3360px;}
/*.qpc_single_window .photo_bar .close:hover button{background-position: -30px -237px;}*/
.qpc_single_window .southLeftBar .play:hover{background-position: -30px -1140px;}
.qpc_single_window .southLeftBar .pause:hover{background-position: -30px -1140px;}
.qpc_single_window .southRightBar .subTitle:hover{background-position: -30px -2850px;}
.qpc_single_window .southRightBar .res:hover{background-position: -30px -630px;}
.qpc_single_window .southRightBar .vol:hover{background-position: -30px -660px;}
.qpc_single_window .southRightBar .vol.min:hover{background-position: -30px -690px;}
.qpc_single_window .southRightBar .vol.mute:hover{background-position: -30px -720px;}

/*.qpc_single_window .photo_bar .x-item-disabled.download:hover{background-position: 0 0;}
.qpc_single_window .photo_bar .x-item-disabled.share:hover{background-position: 0 -30px;}
.qpc_single_window .photo_bar .x-item-disabled.pvup:hover{background-position: 0 -450px;}
.qpc_single_window .photo_bar .x-item-disabled.pvdown:hover{background-position: 0 -480px;}
.qpc_single_window .photo_bar .x-item-disabled.fullstart:hover{background-position: 0 -210px;}
.qpc_single_window .photo_bar .x-item-disabled.fullexit:hover{background-position: 0 -210px;}
.qpc_single_window .photo_bar .x-item-disabled.slideshow:hover{background-position: 0 -60px;}
.qpc_single_window .photo_bar .x-item-disabled.res:hover{background-position: 0 -630px;}
.qpc_single_window .photo_bar .x-item-disabled.info:hover{background-position: 0 -120px;}
.qpc_single_window .photo_bar .x-item-disabled.option:hover{background-position: 8px -147px;}
.qpc_single_window .photo_bar .x-item-disabled.set:hover{background-position: 0 -180px;}*/
.qpc_single_window .photo_bar .x-item-disabled.stream:hover button{background-position: 0 -89px;}
.qpc_single_window .photo_bar .x-item-disabled.face:hover button{background-position: 0 -120px;}
.qpc_single_window .photo_bar .x-item-disabled.close:hover button{background-position: 0 -239px;}
.qpc_single_window .southLeftBar .x-item-disabled.play:hover{background-position: 0 -1140px;}
.qpc_single_window .southLeftBar .x-item-disabled.pause:hover{background-position: 0 -1140px;}
.qpc_single_window .southRightBar .x-item-disabled.subTitle:hover{background-position: 0 -2850px;}
.qpc_single_window .southRightBar .x-item-disabled.res:hover{background-position: 0 -630px;}
.qpc_single_window .southRightBar .x-item-disabled.vol:hover{background-position: 0 -660px;}
.qpc_single_window .southRightBar .x-item-disabled.vol.min:hover{background-position: 0 -690px;}
.qpc_single_window .southRightBar .x-item-disabled.vol.mute:hover{background-position: 0 -720px;}


.qpc_single_window .photo_bar .x-toolbar-cell .x-btn-text,
.qpc_media_allPlayButton .x-btn-text, .qpc_media_allPauseButton .x-btn-text{
    width: 22px; height: 22px;
}
.qpc_single_window .photo_bar .x-toolbar-cell .download .x-btn-text{
    width: 29px;
}
.qpc_single_window .photo_bar .x-toolbar-cell .vr360 .x-btn-text{
    width: 42px;
}
.qpc_media_allPlayButton, .qpc_media_allPauseButton{
    position: relative;
    right: 12px;
    left: 0;
    height: 28px;
}
.qpc_single_window .southRightBar .x-btn-text{
    width: 18px;
    height: 22px;
}
/*.qpc_single_window .southLeftBar .x-btn-text,*/
.qpc_single_window .southRightBar .subTitle{
    position: absolute;
    right: 104px;
    top: 19px;
}
.qpc_single_window .southRightBar .res{
    position: absolute;
    right: 64px;
    top: 19px;
}
.qpc_single_window .southRightBar .vol{
    position: absolute;
    right: 24px;
    top: 19px;
}

.qpc_single_window .qpc_media_south_body{
    background:transparent none;
    padding: 0;
}

.qpc_single_window .qpc_single_preview {
    /*float: left;*/
    position: absolute; bottom: 10px;
}
.qpc_single_window .mouseEnter .qpc_single_preview{
    top: 2px;
}

.qpc_single_window .mouseEnter .qpc_single_pdiv{
    float:left;
}
.qpc_single_window .qpc_single_pdiv{
    float:left;
}
.qpc_single_window .pvLeftScroll, .qpc_single_window .pvRightScroll, .qpc_single_window .pvMargin{
    /*display: none;*/
    display: inline-block;
    float:left;
    height: 20px;
    margin-top: 18px;
}
.qpc_single_window .mouseEnter .pvLeftScroll, .qpc_single_window .mouseEnter .pvRightScroll, .qpc_single_window .mouseEnter .pvMargin{
    display: inline;
    float:left;
    margin-top: 50px;
    width: 16px;
    height: 22px;
}
.qpc_single_window .pvLeftScroll, .qpc_single_window .mouseEnter .pvLeftScroll{
    cursor: pointer;
    background-position: 0px -2970px;
}
.qpc_single_window .pvRightScroll, .qpc_single_window .mouseEnter .pvRightScroll{
    cursor: pointer;
    background-position: 0px -3030px;
}
.qpc_single_window .pvLeftScroll:hover, .qpc_single_window .pvRightScroll:hover{
	-webkit-filter: contrast(1.2) sepia(2) hue-rotate(140deg);
	filter: contrast(1.2) sepia(2) hue-rotate(140deg);
}
.qpc_single_window .mouseEnter .pvMargin{width: 19px;}

.qpc_single_window .qpc_single_preview .videoIcon{
    position: absolute;
    width: 28px; height: 28px;
    background-position: 0 -330px;
    left: 11px;
    top: 11px;
}
.qpc_single_window .mouseEnter .qpc_single_preview .videoIcon{
    width: 28px; height: 28px;
    background-position: 0 -330px;
    left: 2px;
    top: 2px;
}

.qpc_single_window .southTop2 .name{
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #D1D1D1;
    margin-top: 10px;
    line-height: 14px;
}

.qpc_single_window .southLeftBar, .qpc_single_window .southRightBar{
    position: absolute;
    bottom: 0;
}
.qpc_single_window .southRightBar{
    position: absolute; right: 0;
}
.qpc_single_window .southCenterBar{
    position: absolute;
    left: calc(50% - 93px);
    bottom: 0px;
}
.qpc_single_window .southCenterBar .x-panel-body{
    background: transparent none;
}
.qpc_single_window .southLeftBar .x-panel-body, .qpc_single_window .southRightBar .x-panel-body{
    position: absolute;
    bottom: 0;
    background: transparent none;
}
.qpc_single_window .southLeftBar .showHideSouth .x-btn-text{
    width: 30px;
    height: 12px;
}
.qpc_single_window .southLeftBar .showHideSouth{
    background-position: 0 -1553px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 24px;
    height: 20px;
    width: 30px;
}
.qpc_single_window .southLeftBar .showHideSouth:hover{
    background-position: -60px -1553px;
}
.qpc_single_window .southLeftBar .counter{
    text-align:left;
    padding: 12px 0 0 10px;
    display: inline-block;
    color: #FFFFFF;
}
.qpc_single_window .southLeftBar .counter span.index{
    font-size: 18px;
}

.qpc_single_window .southCenterBar table.controlBtn{
    display: inline-block;
    position: relative;
    float: left;
}

.qpc_single_window .qpc_single_preview, .qpc_single_window .qpc_single_preview .x-panel-bwrap, .qpc_single_window .qpc_single_preview .x-panel-body{
    background: transparent none;
}
.qpc_single_window .qpc_single_preview .zad_table{
    border-spacing: 0;
}
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv{
    overflow: hidden;
    border: 2px solid transparent;
    position: relative;
    width: 46px;
    height: 46px;
    margin-left: 10px;
}
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv_select{
    border: 2px solid #FFFFFF;
}
.qpc_single_window .qpc_single_preview .qpc_single_img{
    position: relative;
    object-fit: cover;
    width: 46px;
    height: 46px;
}
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv_delete{
    background-image: url('../images/qts_toolbar/icon-error.png?366485774');
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
}
.qpc_single_window .qpc_single_preview .qpc_single_tbdiv_delete img{
    opacity: 0.2;
}


.qpc_single_window .face .dragPosition{
    position:absolute;
    background-color: rgba(12,148,255,0.4);
}
.qpc_single_window .face .rangePosition{
    position:absolute;
    background-color: rgba(12,18,25,0.4);
    border: 1px solid #FFFFFF;
}
.qpc_single_window .face .overPosition{
    position:absolute;
    border: 1px solid #FFFFFF;
}
.qpc_single_window .face .namePosition{
    position:absolute;
    /*background-color: #FFFFFF;*/
    color: #333333;
    font-size: 12px;
    min-width: 80px;
    min-height: 22px;
    padding: 2px 0 0 0;
    z-index: 2;
}
.qpc_single_window .face .tagPosition{
    position:absolute;
    background-color: rgba(12,18,25,0.9);
    border: 1px solid #555;
    height: 16px;
    padding: 4px;
    color: #FCFCFC;
    z-index: 100;
}
.qpc_single_window .face .tagPosition .tagName{
	float: left;
	padding-right: 20px;
}
.qpc_single_window .face .tagPosition .flop{
	float: left;
	cursor: pointer;
}
.qpc_single_window .face .tagPosition .spr{
	float: left;
	height: 14px;
	width: 1px;
	margin: 0px 4px;
	border-left: 1px solid #FCFCFC;
}
.qpc_single_window .face .name2p{
    position:absolute;
    top: 6px;
    background-color: #FFFFFF;
    color: #333333;
    font-size: 12px;
    min-height: 16px;
    min-width: 80px;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.qpc_single_window .face .name2a{
    position:absolute;
    top: 0;
    width: 20px;
    left: 30px;
}
.qpc_single_window .face .name2b{
    position:absolute;
    top: 0;
    left: 0;
    width: 10px;
    overflow: hidden;
}
.qpc_single_window .face .name2a, .qpc_single_window .face .name2b{
    height: 6px;
}
.qpc_single_window .face .name2br{
    left: 10px;
}
.qpc_single_window .face .name3left{
    position:absolute;
    background-color: #FFFFFF;
    top: 0;
    left: 5px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    transform: skew(-45deg,0deg);
    -webkit-transform: skew(-45deg,0deg);
}
.qpc_single_window .face .name3right{
    position:absolute;
    background-color: #FFFFFF;
    top: 0;
    left: -5px;
    width: 10px;
    height: 10px;
    overflow: hidden;
    transform: skew(45deg,0deg);
    -webkit-transform: skew(45deg,0deg);
}

.qpc_single_window .vr360FirstTimeTipOut{
	height: 46px;
	position: absolute;
	bottom: 140px;
	width: 100%;
	left: 0px;
	text-align: center;
}
.qpc_single_window .vr360FirstTimeTipOut .vr360FirstTimeTip{
	height: 44px;
	border: 1px solid #888;
	display: inline-block;
	background-color: rgba(0,0,0,0.95);
}
.qpc_single_window .vr360FirstTimeTipOut.fadeIn .vr360FirstTimeTip{
	transition: 0.6s;
	opacity: 1;
}
.qpc_single_window .vr360FirstTimeTipOut.fadeOut .vr360FirstTimeTip{
	transition: 0.6s;
	opacity: 0;
}
.qpc_single_window .vr360FirstTimeTipOut .vr360FirstTimeTip .mouse{
	float:left;
}
.qpc_single_window .vr360FirstTimeTipOut .vr360FirstTimeTip .text{
	float:left;
	color: #0FF;
	font-size: 16px;
	line-height: 42px;
	margin-right: 20px;
}

.jwplayer{
	position: fixed !important;
	top: 0px;		
}

/* media viewer right panel */
/* VR 360 loading animate start */
.vr360loading {
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    animation-name: vr360loadingAnimate;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1);
    background-image: url('../images/common/vr360loading.png');
    background-repeat: no-repeat;
}

@keyframes vr360loadingAnimate {
    0% {
        background-position: 0 0;
    }

    3.669724771% {
        background-position: 0 -1300px;
    }

    7.339449541% {
        background-position: 0 -1400px;
    }

    11.00917431% {
        background-position: 0 -1500px;
    }

    14.67889908% {
        background-position: 0 -1600px;
    }

    18.34862385% {
        background-position: 0 -100px;
    }

    22.01834862% {
        background-position:  0 -200px;
    }

    25.68807339% {
        background-position:  0 -300px;
    }

    29.35779817% {
        background-position:  0 -400px;
    }

    33.02752294% {
        background-position:  0 -500px;
    }

    36.69724771% {
        background-position:  0 -600px;
    }

    41.28440367% {
        background-position:  0 -700px;
    }

    45.87155963% {
        background-position:  0 -800px;
    }

    52.29357798% {
        background-position:  0 -900px;
    }

    58.71559633% {
        background-position: 0  -1000px;
    }

    66.97247706% {
        background-position: 0  -1100px;
    }

    75.2293578% {
        background-position: 0  -1200px;
    }

    100% {
        background-position: 0  -1200px;
    }
}
/* VR 360 loading animate end */
#right-panel.qpc_media_viewer_info,
#right-panel.qpc_media_viewer_info .x-window-ml,
#right-panel.qpc_media_viewer_info .x-window-mr,
#right-panel.qpc_media_viewer_info .x-window-tl,
#right-panel.qpc_media_viewer_info .x-window-tr,
.qpc_media_viewer_info .doplan_right_bg,
.qpc_media_viewer_info .doplan_right_bg .x-panel-body-noborder,
.qpc_media_viewer_info .doplan_right_bg .x-panel-noborder .x-panel-body-noborder{
    background-color: transparent;
}
.qpc_media_viewer_info .x-panel-body,
.qpc_media_viewer_info .x-tab-panel-noborder .x-tab-panel-body-noborder{
    background-color: transparent !important;
}
#right-panel.qpc_media_viewer_info{
    border-color: rgba(69,69,69,0.8);
}
#right-panel.qpc_media_viewer_info .x-window-tc, 
#right-panel.qpc_media_viewer_info .x-window-mc{
    background-color: rgba(0,0,0,0.6);
    background-image: none;
}
.qpc_media_viewer_info .doplan_right_card .v_top .qpc_right_let_td2,
.qpc_media_viewer_info .doplan_right_card .v_top .qpc_right_let_td1 .qpc_f_span_1{
    color: #FFFFFF;
}
.qpc_media_viewer_info #right-panel-thumb {
    display: none;
}

.qpc_media_viewer_info .x-form-field-wrap .x-form-trigger.search, 
.qpc_media_viewer_info .right-panel-icons, 
.qpc_media_viewer_info .exif-icons .iconDiv{
    background-image: url('../images/icons/right_panel_dark.png?366485774');
}

.qpc_media_viewer_info .x-tab-strip-wrap,
.qpc_media_viewer_info .x-tab-strip-active,
.qpc_media_viewer_info .x-tab-strip-active a.x-tab-right{
    border-bottom-color: #FFF;
}
.qpc_media_viewer_info .modal-button.x-btn button{
	color: #FFF;
}

/* media viewer jwplayer control div */
.qpc_single_window .jwControl{
    position: absolute;
    left: calc(50% - 30px); 
    top: calc(50% - 30px);
    height: 60px; 
	width: 60px;
    cursor: none;
}
.qpc_single_window .jwControlIE11{
    top: auto;
}
.qpc_single_window .jwControl{
    cursor: pointer;
}
.qpc_single_window.mouseMoveOnWindow .jwControl{
    cursor: pointer;
}
.qpc_single_window .jwBar{
    width: 100%;
    position: absolute;
    background-color: transparent;
    z-index: 8;
}
.qpc_single_window .jwBar, .qpc_single_window .jwBar > x-panel-noborder, .qpc_single_window .jwBar > x-panel-noborder > .x-panel-bwrap{
    height: 28px;
}
.qpc_single_window .jwBar .jwNowTime, .qpc_single_window .jwBar .jwTotalTime{
    position: absolute;
    top: 0;
    font-size: 14px;
}
.qpc_single_window .jwBar .jwNowTime{
    left: 0;
    text-align: left;
    padding-left: 12px;
}
.qpc_single_window .jwBar .jwTotalTime{
    right: 0;
    text-align: right;
    padding-right: 12px;
}
.qpc_single_window .jwBar .progress .x-slider-thumb{
    background: transparent none;
    width: 1px; height: 4px;
    top: 8px;
}
.qpc_single_window .jwBar .x-slider-horz{
    margin-top: 0;
}
.qpc_single_window .jwBar .x-slider-horz, .qpc_single_window .jwBar .x-slider-horz .x-slider-end, .qpc_single_window .jwBar .x-slider-horz .x-slider-inner{
    background: transparent none;
    height: 12px;
    padding-left: 0;
    margin-top: 14px;
}
.qpc_single_window .jwBar .progress .progress_bg{
    height: 4px; top: 8px; background-color: #666666; position: relative; width: 100%;
}
.qpc_single_window .jwBar .progress .progress_bar{
    height: 4px;
	top: 8px;
	background-color: #00CCCC;
	position: absolute;
	left: 0;
	transition: width 0.5s linear;
}
.qpc_single_window .jwBar .progress .progress_buffer{
    height: 4px; top: 8px; background-color: #333; position: absolute; left: 0;
}
.qpc_single_window .jwBar .xtb-text{
    color: #FFFFFF;
}
.qpc_single_window .jwControl .play{
    width: 60px;
    height: 60px;
    position: absolute;
    background-position: 0 -510px;
}
.qpc_single_window .jwControl .paused{
    width: 60px;
    height: 60px;
    position: absolute;
    background-position: 0 -570px;
}
.qpc_single_window .jwControl .buffer{
    width: 22px;
    height: 22px;
    position: absolute;
}

.qpc_media_on_autlplay_hide_bg, .qpc_media_on_autlplay_hide_bg .qpc_single_window .x-border-layout-ct,
body.qpc_media_on_autlplay_hide_bg .x-panel-noborder .x-panel-body-noborder,
body.qpc_media_on_autlplay_hide_bg.x-border-layout-ct
{
    background-color: transparent;
}
.qpc_media_on_autlplay_hide_bg #display-container{
    opacity: 0;
}

body.qpc_media_on_autlplay_hide_bg .qpc_single_window.mouseMoveOnWindow .x-border-layout-ct{
    background-color: rgba(27,27,27,1);
}

/* media viewer menu */

.qpc_menu_media_1 .x-form-field{
    color:#2F2F2F;
    font-size: 12px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.qpc_menu_media_1 .x-form-field.x-form-focus{color: #000000;}
.qpc_menu_media_1 .x-form-empty-field{color: #B4B4B4;}
.qpc_menu_media_1 .x-form-field-wrap .x-form-trigger{
    background-image: url('../images/icons/Share_slice.png?366485774');
    background-color: #FFF;
    border-top: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    background-position: 6px -22px;
    height: 20px;
    top: 8px;
}
.qpc_menu_media_1 .x-form-field-wrap .x-trigger-noedit{
    border-right: 0 solid transparent;
}

.qpc_menu_media_1{
    background-color: rgba(0,0,0,0.8);
    background-image: none;
    border-color: rgba(69,69,69,0.8);
    min-width: 210px;
}
.qpc_menu_media_1 .x-menu-list{
    padding: 8px 3px 8px 3px;
}
.qpc_menu_media_1 .x-menu-list-item{
    padding: 0;
}
.qpc_menu_media_1 .x-menu-item-active{
    background: transparent none;
    border: 0;
    margin: 0;
}
.qpc_menu_media_1 a.x-menu-item{
    line-height: 34px;
    height: 34px;
    color: #FFFFFF;
    font-size: 13px;
    padding: 0 6px 0 22px;
    text-align: left;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    border: 0;
}
.qpc_menu_media_1 .x-menu-item-active a.x-menu-item{
    border: 0;
    margin: 0;
    color: #00CCCC;
    /*background-color: #0d77a2;*/
}
/*.qpc_menu_media_1 a.x-menu-item.on_use{
    border: 0;
    margin: 0;
    color: #00CCCC;
}*/

.qpc_menu_media_1 .rotate_div{
    min-width: 100px;
    height: 24px;
    padding: 14px 22px 0 22px;
}
.qpc_menu_media_1 .rotate_div .rotateLeft, .qpc_menu_media_1 .rotate_div .rotateRight{
    width: 20px;
    height: 20px;
    float: left;
    background-position: 0 -2280px;
    cursor: pointer;
}
.qpc_menu_media_1 .rotate_div .rotateRight{
    background-position: 0 -2310px;
    float: right;
}
.qpc_menu_media_1 li .x-menu-sep{
    background-color: transparent;
    margin: 8px 22px 8px 0;
    border-bottom-color: #454545;
}
.qpc_menu_media_1 li .x-menu-sep.full_sep{margin-right: 0;}
.qpc_menu_media_1 .x-menu-item-arrow{
    background-image: none;
}
.qpc_menu_media_1 .x-menu-item-arrow .q_arrow{
    background-position: 0 -477px;
    background-repeat: no-repeat;
    width:11px;
    height: 20px;
    position: absolute;
    top: 6px;
    right: 6px;
}

.qpc_menu_media_share .x-menu-item-icon{
    width: 24px;
    height: 24px;
    left: 22px;
}
.qpc_menu_media_share a.x-menu-item{
    padding-left: 60px;
}
.qpc_menu_media_share .facebook .x-menu-item-icon{background-position: 0 -750px;}
.qpc_menu_media_share .googleplus .x-menu-item-icon{background-position: 0 -780px;}
.qpc_menu_media_share .twitter .x-menu-item-icon{background-position: 0 -810px;}
.qpc_menu_media_share .pinterest .x-menu-item-icon{background-position: 0 -840px;}
.qpc_menu_media_share .plurk .x-menu-item-icon{background-position: 0 -960px;}
.qpc_menu_media_share .renren .x-menu-item-icon{background-position: 0 -900px;}
.qpc_menu_media_share .youtube .x-menu-item-icon{background-position: 0 -3180px;}
.qpc_menu_media_share .flickr .x-menu-item-icon{background-position: 0 -1320px;}
.qpc_menu_media_share .weibo .x-menu-item-icon{background-position: 0 -870px;}
.qpc_menu_media_share .email .x-menu-item-icon{background-position: 0 -990px;}
.qpc_menu_media_share .link .x-menu-item-icon{background-position: 0 -1020px;}


.qpc_menu_media_filter .x-menu-item-active a.x-menu-item{
    color: #FFFFFF;
}
.qpc_menu_media_filter .flDiv{
    float:left; position:relative; top: 10px;
}
.qpc_menu_media_filter .flBtn{
    width: 18px;
    height: 16px;
    margin-right: 5px;
    cursor: pointer;
    float: left;
}
.qpc_menu_media_filter .photo{background-position: 0 -1050px;}
.qpc_menu_media_filter .video{background-position: 0 -1080px;}
.qpc_menu_media_filter .music{background-position: 0 -1110px;}
.qpc_menu_media_filter .no_use{opacity: 0.5;}

.qpc_menu_media_subtitle .x-menu-item-active{
    background-color: #0d77a2;
}
.qpc_menu_media_subtitle .x-menu-item-active a.x-menu-item{
    color: #FFFFFF;
}
.qpc_menu_media_subtitle a.x-menu-item.on_use{
    color: #00CCCC;
}

.qpc_menu_media_captionadjust{
    padding: 0;
    min-width: 300px;
    color: #FFF;
}
.qpc_menu_media_captionadjust .mvbg{
    background-image: url('../images/toolbar/media_viewer_slice.png?366485774');
}
.qpc_menu_media_captionadjust .x-menu-list{
    padding: 0;
}

.qpc_menu_media_captionadjust .x-form-field-wrap .x-form-trigger{
    top: 0;
}
.qpc_menu_media_captionadjust .capadj-button{
    border: 1px solid #454545;
    padding: 1px 8px 3px;
    margin: 0 6px;
}
.qpc_menu_media_captionadjust .capadj-button.x-btn button{
    color: #FFF;
}

.qpc_menu_media_captionadjust .panelOffset{
    padding: 0 12px 0 34px;
}
.qpc_menu_media_captionadjust .panelOffset .less1s, .qpc_menu_media_captionadjust .panelOffset .more1s{
    width: 16px;
    height: 16px;
    background-position: 0 -2970px;
}
.qpc_menu_media_captionadjust .panelOffset .more1s{background-position: 0 -3030px;}
.qpc_menu_media_captionadjust .panelOffset .sec{
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow: ellipsis;
}
.qpc_menu_media_captionadjust .panelOffset .less100ms, .qpc_menu_media_captionadjust .panelOffset .more100ms{
    width: 10px;
    height: 16px;
    background-position: 0 -2940px;
}
.qpc_menu_media_captionadjust .panelOffset .more100ms{background-position: 0 -3000px;}

.qpc_menu_media_captionadjust .panelFont{
    padding: 0 12px 0 34px;
}
.qpc_menu_media_captionadjust .panelFont .mbFont{
    margin-bottom: 8px;
}
.qpc_menu_media_captionadjust .panelFont .mbEffect{
    margin: 24px 0 12px 0;
}


.qpc_menu_media_captionadjust .panelButton table.capadj-button{
    float: right;
}

.qpc_menu_media_res span.x-menu-text{
    color: #FFFFFF;
    display: inline-block;
    margin: 8px 0 2px 22px;
}
.qpc_menu_media_res span.x-menu-text.other{
    margin: 4px 0 10px 22px;
}
.qpc_menu_media_res a.x-menu-item.sub1{padding-left: 28px;}

.qpc_menu_media_vol{
    background-color: rgba(0,0,0,0.6);
    border-color: transparent;
    min-width: 0;
}
.qpc_menu_media_vol .video_vol .x-slider-thumb{
    background: transparent none;
    width: 10px; height: 16px;
    left: 6px;
}
.qpc_menu_media_vol .x-slider-vert{
    margin-left: 0;
}
.qpc_menu_media_vol .x-slider-vert, .qpc_menu_media_vol .x-slider-vert .x-slider-end, .qpc_menu_media_vol .x-slider-vert .x-slider-inner{
    background: transparent none;
}
.qpc_menu_media_vol .video_vol .video_vol_bg{
    width: 6px; left: 8px; background-color: #666666; position: relative; height: 100%;
}
.qpc_menu_media_vol .video_vol .video_vol_bar{
    width: 6px;
	left: 8px;
	background-color: #00CCCC;
	position: absolute;
	bottom: 0;
	transition: height 0.2s linear;
}


.qpc_menu_media_facename{
    background-color: #FFFFFF;
    background-image: none;
}
.qpc_menu_media_facename .x-form-field{
    border: 0;
}
.qpc_menu_media_facename .x-form-text, .ext-gecko .qpc_menu_media_facename .x-form-text, .ext-ie8 .qpc_menu_media_facename .x-form-text, .ext-webkit .qpc_menu_media_facename .x-form-text, .ext-strict .ext-webkit .qpc_menu_media_facename .x-form-text{
    padding: 0 0 1px 3px;
    height: 20px !important;
    font-size: 13px;
}
.qpc_menu_media_facename .x-form-arrow-trigger{
    border: 0;
}
.qpc_menu_media_facename .x-menu-floating{
    border-color: #BBBBBB;
}
.qpc_menu_media_facename .x-menu-list-item{padding-top:2px;}
.qpc_menu_media_facename .x-menu-list{
    padding: 0;
}
.qpc_menu_media_facename .x-toolbar{
    border-width: 0;
    background-color: transparent;
}
.qpc_menu_media_facename .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.cancel{
    display: inline-block;
    background-position: 6px -150px;
}
.qpc_menu_media_facename .x-btn-text-icon .x-btn-icon-small-left .x-btn-text.remove{
    display: inline-block;
    background-position: 6px -180px;
}
.qpc_menu_media_facename

.cbFontColor_list .x-combo-list-item .color{
    width:20px;height:12px;float:left; margin: 2px 5px 0 0;
}

/*Single Photo View End */

/*VLC player Start */
.vlc_popup{
	background-color:#FFF;
}
.vlc_popup .x-window-body{
	text-align: center;
	position: relative;
}
.vlc_popup .vlc_icon{
	display:inline-block;
}
.vlc_popup .subject{
	font-size:21px; 
	color:#2f2f68; 
	margin: 20px 0; 
	text-align: center; 
	display:inline-block; 
	line-height: 1.5em; 
	width:100%;
}
.vlc_popup .text1{
	line-height: 1.5em;
	font-size: 13px;
	color: #000;
	text-align: center;
	margin: 0 34px;
}
.vlc_popup .downloadZone{
	width:100%; 
	margin-top: 20px; 
	text-align:center;
}
.vlc_popup .downloadZone .button{
	border:1px solid #0075e5; 
	color:#0075e5; 
	cursor:pointer; 
	display:inline-block; 
	font-size:18px; 
	line-height:38px; 
	min-width:112px; 
	padding:0 16px;
}
.vlc_popup .downloadZone .button.noBorder{
	border: 0px solid transparent; 
}
.vlc_popup .dotZone{
	width: 100%;
	position: absolute;
	bottom: 26px;
	height: 8px;
	text-align: center;
}
.vlc_popup .dotZone .dot{
	border-radius: 5px;
	width: 6px;
	height: 6px;
	background-color: #a0a0a0;
	margin: 0 8px;
	display: inline-block;
}
.vlc_popup .dotZone .dot:hover{
	background-color: #0075e5;
}
.vlc_popup .dotZone .dot.selected{
	background-color: #606060;
}
/*VLC player End */

/*Stream DLNA Start */
.qpc_stream_window .photo_bar .x-btn, .qpc_menu_stream_vol .mute, .qpc_stream_window .home_btn{
    background-color: transparent;
    background: transparent url('../images/toolbar/icon_Streaming.png?366485774') no-repeat;
}
.qpc_stream_window .photo_bar{
     background-color: #131415;
     color: #FFFFFF;
}

.qpc_stream_window .qpc_stream_extb{
    z-index: 9;
    position: absolute;
    top: 370px;
    background-color: #131415;
}

.qpc_stream_window .home_btn{
    background-position: -3px -453px;
}
.qpc_stream_window .home_btn .x-btn-text{width: 20px; height: 20px;}

.qpc_stream_window .qpc_stream_window_play{
    position:absolute; left:0; top: 0;
}
.qpc_stream_window .qpc_stream_window_device_out1{
    position:absolute; left:0; bottom:30px;
    background-color:rgb(8,15,21);
    background-color:rgba(0,0,0,0.5);
    box-shadow: 1px 0 6px 1px rgb(0,0,0);
    box-shadow: 1px 0 6px 1px rgba(0,0,0,0.75);
    min-height:80px;
    width: 715px;
    text-align:center;
    vertical-align: bottom;
}
.qpc_stream_window .qpc_stream_window_device_name{
    color:#FFFFFF;
    font-size: 18px;
    padding: 13px 60px 5px;
    text-align:center;
    word-break:break-all;
    line-height: 22px;
}
.qpc_stream_window .qpc_stream_window_file_title{
    color:#FFFFFF;
    font-size: 14px;
    padding: 5px 100px 13px;
    text-align:center;
    line-height: 22px;
    white-space:nowrap;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}
.qpc_stream_window .qpc_stream_window_file_count{
    color:#FFFFFF;
    font-size: 14px;
    position: absolute;
    text-align:center;
    word-break:break-all;
    right: 10px;
    bottom: 5px;
    line-height: 22px;
}

.qpc_stream_window .photo_bar .prev{background-position: 13px -142px;}
.qpc_stream_window .photo_bar .next{background-position: 13px -192px;}
.qpc_stream_window .photo_bar .switch{background-position: 13px -343px;}
.qpc_stream_window .photo_bar .mode{background-position: -87px -292px;}
.qpc_stream_window .photo_bar .modeRepeat{background-position: 13px -292px;}
.qpc_stream_window .photo_bar .play{background-position: 13px -42px;}
.qpc_stream_window .photo_bar .pause{background-position: 13px 8px;}
.qpc_stream_window .photo_bar .stop{background-position: 13px -92px;}
.qpc_stream_window .photo_bar .definition{background-position: 13px -242px;}
.qpc_stream_window .photo_bar .volume{background-position: 13px -842px;}
.qpc_stream_window .photo_bar .mute{background-position: 13px -792px;}

.qpc_stream_window .photo_bar .prev:hover{background-position: -37px -142px;}
.qpc_stream_window .photo_bar .next:hover{background-position: -37px -192px;}
.qpc_stream_window .photo_bar .switch:hover{background-position: -37px -343px;}
/*.qpc_stream_window .photo_bar .mode:hover{background-position: -37px -292px;}*/
.qpc_stream_window .photo_bar .play:hover{background-position: -37px -42px;}
.qpc_stream_window .photo_bar .pause:hover{background-position: -37px 8px;}
.qpc_stream_window .photo_bar .stop:hover{background-position: -37px -92px;}
.qpc_stream_window .photo_bar .definition:hover{background-position: -37px -242px;}
.qpc_stream_window .photo_bar .volume:hover{background-position: -37px -842px;}
.qpc_stream_window .photo_bar .mute:hover{background-position: -37px -792px;}

.qpc_stream_window .photo_bar .x-item-disabled.prev:hover{background-position: 13px -142px;}
.qpc_stream_window .photo_bar .x-item-disabled.next:hover{background-position: 13px -192px;}
.qpc_stream_window .photo_bar .x-item-disabled.switch:hover{background-position: 13px -343px;}
/*.qpc_stream_window .photo_bar .x-item-disabled.mode:hover{background-position: 13px -292px;}*/
.qpc_stream_window .photo_bar .x-item-disabled.play:hover{background-position: 13px -42px;}
.qpc_stream_window .photo_bar .x-item-disabled.pause:hover{background-position: 13px 8px;}
.qpc_stream_window .photo_bar .x-item-disabled.stop:hover{background-position: 13px -92px;}
.qpc_stream_window .photo_bar .x-item-disabled.definition:hover{background-position: 13px -242px;}
.qpc_stream_window .photo_bar .x-item-disabled.volume{background-position: 13px -842px;}
.qpc_stream_window .photo_bar .x-item-disabled.mute:hover{background-position: 13px -792px;}

.qpc_stream_window .photo_bar .x-btn-mc > em{padding-right: 0;}
.qpc_stream_window .photo_bar .x-btn-mc > em > .x-btn-text{width: 25px;}
.qpc_stream_window .qpc_stream_preview .qpc_stream_tbdiv{
    overflow: hidden;
    vertical-align: middle; text-align: center;
}
.qpc_stream_window .qpc_stream_preview .qpc_stream_img{
    position: relative;
    border: 2px solid transparent;
}

.qpc_stream_window .qpc_stream_preview .qpc_stream_img_select{
    border: 2px solid #2D9ED9;
}



.qpc_stream_window .progress .x-slider-thumb{
    background: transparent none;
    width: 16px; height: 10px;
    top: 6px;
}
.qpc_stream_window .x-slider-horz{
    margin-top: 0;
}
.qpc_stream_window .x-slider-horz, .qpc_stream_window .x-slider-horz .x-slider-end, .qpc_stream_window .x-slider-horz .x-slider-inner{
    background: transparent none;
}
.qpc_stream_window .progress .progress_bg{
    height: 6px; top: 8px; background-color: #3B3E40; position: relative; width: 100%;
}
.qpc_stream_window .progress .progress_bar{
    height: 6px; top: 8px; background-color: #FFF; position: absolute; left: 0;
}

.qpc_menu_stream_vol .stream_vol .x-slider-thumb{
    background: transparent none;
    width: 10px; height: 16px;
    left: 6px;
}
.qpc_menu_stream_vol .x-slider-vert{
    margin-left: 0;
}
.qpc_menu_stream_vol .x-slider-vert, .qpc_menu_stream_vol .x-slider-vert .x-slider-end, .qpc_menu_stream_vol .x-slider-vert .x-slider-inner{
    background: transparent none;
}
.qpc_menu_stream_vol .stream_vol .stream_vol_bg{
    width: 6px; left: 8px; background-color: #666; position: relative; height: 100%;
}
.qpc_menu_stream_vol .stream_vol .stream_vol_bar{
    width: 6px; left: 8px; background-color: #0CC; position: absolute; bottom: 0;
}
.qpc_menu_stream_vol .muteoff{background-position: 3px -792px;}
.qpc_menu_stream_vol .muteon{background-position: -47px -792px;}

/*++++++ Stream Ask Window ++++ */
.streamAskWindow .x-form-item, .streamAskWindow .x-form-field{
    font-size: 14px;
}
.streamAskWindow .x-form-field{
    font-weight: 300;
}
.streamAskWindow .modal-button{
    min-width: 94px;
}
.streamAskWindow.modal-window .x-window-header-text{
    margin: 0px 0px 0px 30px;
}
.streamAskWindow form.x-panel-body{
    padding: 0px 24px 0px 34px;
}

/* stream board CSS */
/* +++++++++ Copy from scss compass file - streamBoard */
.streamBoard_sprite, .streamBoard_arrow, .streamBoard_audio_mute_i_20, .streamBoard_audio_mute_s_20, .streamBoard_audio_vol3_i, .streamBoard_audio_vol3_s, .streamBoard_btn_checkbox_disable_wbg, .streamBoard_btn_checkbox_over_wbg, .streamBoard_btn_checkbox_pressed_wbg, .streamBoard_btn_checkbox_presseddisable_wbg, .streamBoard_btn_checkbox_pressedover_wbg, .streamBoard_btn_checkbox_wbg, .streamBoard_btn_checkbox_wbg_unknow, .streamBoard_delete_16, .streamBoard_file_station_50, .streamBoard_hover-cover_30, .streamBoard_ic_nowplaylist_play_action_1, .streamBoard_ic_nowplaylist_play_action_2, .streamBoard_ic_nowplaylist_play_action_3, .streamBoard_ic_nowplaylist_play_action_4, .streamBoard_linowplayinglist_20, .streamBoard_miniplayer_next, .streamBoard_miniplayer_next_disable, .streamBoard_miniplayer_next_normal, .streamBoard_miniplayer_previous, .streamBoard_miniplayer_previous_disable, .streamBoard_miniplayer_previous_normal, .streamBoard_miniplayer_repeating, .streamBoard_miniplayer_repeating_on, .streamBoard_more, .streamBoard_multimedia, .streamBoard_multizone-a-30, .streamBoard_multizone-n-30, .streamBoard_music_station_50, .streamBoard_photo_station_50, .streamBoard_port_USB_i, .streamBoard_port_USB_s, .streamBoard_port_analog_line_out_audio_i, .streamBoard_port_analog_line_out_audio_s, .streamBoard_port_bluetooth_i, .streamBoard_port_bluetooth_pair_disable, .streamBoard_port_bluetooth_pair_i, .streamBoard_port_bluetooth_pair_s, .streamBoard_port_chromecast_i, .streamBoard_port_chromecast_s, .streamBoard_port_dlna_i, .streamBoard_port_dlna_s, .streamBoard_port_hdmi_audio_i, .streamBoard_port_hdmi_audio_s, .streamBoard_port_hdplayer_i, .streamBoard_port_hdplayer_s, .streamBoard_port_music_i, .streamBoard_port_music_s, .streamBoard_port_pause_i_20, .streamBoard_port_pause_s_20, .streamBoard_port_play_i_20, .streamBoard_port_play_s_20, .streamBoard_port_refesh_20, .streamBoard_port_refesh_vs, .streamBoard_port_stop_i_20, .streamBoard_port_stop_s_20, .streamBoard_port_tv_i, .streamBoard_port_tv_s, .streamBoard_port_unknown_i, .streamBoard_port_unknown_s, .streamBoard_trash_i_20, .streamBoard_trash_s_20, .streamBoard_video_station_50 {
  background-image: url('../images/toolbar/streamBoard.png?366485774');
  background-repeat: no-repeat;
}
.streamBoard_arrow { background-position: 0 0; height: 21px; width: 11px; }

.streamBoard_audio_mute_i_20 { background-position: 0 -51px; height: 20px; width: 20px; }

.streamBoard_audio_mute_s_20 { background-position: 0 -101px; height: 20px; width: 20px; }

.streamBoard_audio_vol3_i { background-position: 0 -151px; height: 20px; width: 20px; }

.streamBoard_audio_vol3_s { background-position: 0 -201px; height: 20px; width: 20px; }

.streamBoard_btn_checkbox_disable_wbg { background-position: 0 -251px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_over_wbg { background-position: 0 -293px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_pressed_wbg { background-position: 0 -335px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_presseddisable_wbg { background-position: 0 -377px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_pressedover_wbg { background-position: 0 -419px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_wbg { background-position: 0 -461px; height: 12px; width: 12px; }

.streamBoard_btn_checkbox_wbg_unknow { background-position: 0 -503px; height: 12px; width: 12px; }

.streamBoard_delete_16 { background-position: 0 -545px; height: 24px; width: 24px; }

.streamBoard_file_station_50 { background-position: 0 -599px; height: 50px; width: 50px; }

.streamBoard_hover-cover_30 { background-position: 0 -679px; height: 30px; width: 30px; }

.streamBoard_ic_nowplaylist_play_action_1 { background-position: 0 -739px; height: 30px; width: 30px; }

.streamBoard_ic_nowplaylist_play_action_2 { background-position: 0 -799px; height: 30px; width: 30px; }

.streamBoard_ic_nowplaylist_play_action_3 { background-position: 0 -859px; height: 30px; width: 30px; }

.streamBoard_ic_nowplaylist_play_action_4 { background-position: 0 -919px; height: 30px; width: 30px; }

.streamBoard_linowplayinglist_20 { background-position: 0 -979px; height: 20px; width: 20px; }

.streamBoard_miniplayer_next { background-position: 0 -1029px; height: 30px; width: 30px; }
.streamBoard_miniplayer_next:hover, .streamBoard_miniplayer_next.miniplayer_next_hover { background-position: 0 -1209px; }
.streamBoard_miniplayer_next:active, .streamBoard_miniplayer_next.miniplayer_next_active { background-position: 0 -1089px; }

.streamBoard_miniplayer_next_disable { background-position: 0 -1149px; height: 30px; width: 30px; }

.streamBoard_miniplayer_next_normal { background-position: 0 -1269px; height: 30px; width: 30px; }

.streamBoard_miniplayer_previous { background-position: 0 -1329px; height: 30px; width: 30px; }
.streamBoard_miniplayer_previous:hover, .streamBoard_miniplayer_previous.miniplayer_previous_hover { background-position: 0 -1509px; }
.streamBoard_miniplayer_previous:active, .streamBoard_miniplayer_previous.miniplayer_previous_active { background-position: 0 -1389px; }

.streamBoard_miniplayer_previous_disable { background-position: 0 -1449px; height: 30px; width: 30px; }

.streamBoard_miniplayer_previous_normal { background-position: 0 -1569px; height: 30px; width: 30px; }

.streamBoard_miniplayer_repeating { background-position: 0 -1629px; height: 14px; width: 18px; }
.streamBoard_miniplayer_repeating:hover, .streamBoard_miniplayer_repeating.miniplayer_repeating_hover { background-position: 0 -1673px; }

.streamBoard_miniplayer_repeating_on { background-position: 0 -1717px; height: 14px; width: 18px; }

.streamBoard_more { background-position: 0 -1761px; height: 20px; width: 20px; }
.streamBoard_more:hover, .streamBoard_more.more_hover { background-position: 0 -1861px; }
.streamBoard_more:active, .streamBoard_more.more_active { background-position: 0 -1811px; }

.streamBoard_multimedia { background-position: 0 -1911px; height: 64px; width: 64px; }

.streamBoard_multizone-a-30 { background-position: 0 -2005px; height: 30px; width: 30px; }

.streamBoard_multizone-n-30 { background-position: 0 -2065px; height: 30px; width: 30px; }

.streamBoard_music_station_50 { background-position: 0 -2125px; height: 50px; width: 50px; }

.streamBoard_photo_station_50 { background-position: 0 -2205px; height: 50px; width: 50px; }

.streamBoard_port_USB_i { background-position: 0 -2285px; height: 32px; width: 32px; }

.streamBoard_port_USB_s { background-position: 0 -2347px; height: 32px; width: 32px; }

.streamBoard_port_analog_line_out_audio_i { background-position: 0 -2409px; height: 32px; width: 32px; }

.streamBoard_port_analog_line_out_audio_s { background-position: 0 -2471px; height: 32px; width: 32px; }

.streamBoard_port_bluetooth_i { background-position: 0 -2533px; height: 32px; width: 32px; }

.streamBoard_port_bluetooth_pair_disable { background-position: 0 -2595px; height: 32px; width: 32px; }

.streamBoard_port_bluetooth_pair_i { background-position: 0 -2657px; height: 32px; width: 32px; }

.streamBoard_port_bluetooth_pair_s { background-position: 0 -2719px; height: 32px; width: 32px; }

.streamBoard_port_chromecast_i { background-position: 0 -2781px; height: 32px; width: 32px; }

.streamBoard_port_chromecast_s { background-position: 0 -2843px; height: 32px; width: 32px; }

.streamBoard_port_dlna_i { background-position: 0 -2905px; height: 32px; width: 32px; }

.streamBoard_port_dlna_s { background-position: 0 -2967px; height: 32px; width: 32px; }

.streamBoard_port_hdmi_audio_i { background-position: 0 -3029px; height: 32px; width: 32px; }

.streamBoard_port_hdmi_audio_s { background-position: 0 -3091px; height: 32px; width: 32px; }

.streamBoard_port_hdplayer_i { background-position: 0 -3153px; height: 32px; width: 32px; }

.streamBoard_port_hdplayer_s { background-position: 0 -3215px; height: 32px; width: 32px; }

.streamBoard_port_music_i { background-position: 0 -3277px; height: 32px; width: 32px; }

.streamBoard_port_music_s { background-position: 0 -3339px; height: 32px; width: 32px; }

.streamBoard_port_pause_i_20 { background-position: 0 -3401px; height: 20px; width: 20px; }

.streamBoard_port_pause_s_20 { background-position: 0 -3451px; height: 20px; width: 20px; }

.streamBoard_port_play_i_20 { background-position: 0 -3501px; height: 20px; width: 20px; }

.streamBoard_port_play_s_20 { background-position: 0 -3551px; height: 20px; width: 20px; }

.streamBoard_port_refesh_20 { background-position: 0 -3601px; height: 20px; width: 20px; }
.streamBoard_port_refesh_20:hover, .streamBoard_port_refesh_20.port_refesh_20_hover { background-position: 0 -3651px; }

.streamBoard_port_refesh_vs { background-position: 0 -3701px; height: 40px; width: 18px; }
.streamBoard_port_refesh_vs:hover, .streamBoard_port_refesh_vs.port_refesh_vs_hover { background-position: 0 -3771px; }

.streamBoard_port_stop_i_20 { background-position: 0 -3841px; height: 20px; width: 20px; }

.streamBoard_port_stop_s_20 { background-position: 0 -3891px; height: 20px; width: 20px; }

.streamBoard_port_tv_i { background-position: 0 -3941px; height: 32px; width: 32px; }

.streamBoard_port_tv_s { background-position: 0 -4003px; height: 32px; width: 32px; }

.streamBoard_port_unknown_i { background-position: 0 -4065px; height: 32px; width: 31px; }

.streamBoard_port_unknown_s { background-position: 0 -4127px; height: 32px; width: 30px; }

.streamBoard_trash_i_20 { background-position: 0 -4189px; height: 20px; width: 20px; }

.streamBoard_trash_s_20 { background-position: 0 -4239px; height: 20px; width: 20px; }

.streamBoard_video_station_50 { background-position: 0 -4289px; height: 50px; width: 50px; }
/* +++++++++ End from scss compass file - streamBoard*/

.multizone_board .common_short_word{
	overflow: hidden;
	white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
}
.multizone_board .common_hide{
	display: none;
}
.multizone_board .device .x-panel-body{
	background-color: #147AC8;
}
.multizone_board .playbackReload{
	font-size: 14px;
	color: #FFF;
	margin: 0 10px;
	line-height: 40px;
}
.multizone_board .playbackReload .reload{
	cursor: pointer;
	position:absolute;
	top:0px;right:16px;
}
.multizone_board .reloadIconAnimate{

    -webkit-animation: streamReload 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation: streamReload 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.multizone_board .qpc_stream_board_deviceDV{
	border-top: 1px solid #002e55;
}
.multizone_board .playlist .x-panel-body{
	background-color: #F4F4F4;
}
.multizone_board .mzb_device-wrap{
	width: 160px;
	height: 76px;
	background-color:transparent;
	border-bottom: 1px solid #002E55;
	position: relative;
}
.multizone_board .mzb_device-wrap:hover{
	background-color: rgba(140,195,236,0.3);
}
.multizone_board .mzb_device-wrap.x-view-selected{
	background-color: #13507F;
}
.multizone_board .mzb_device-wrap.x-view-selected{
	background-color: #1b86d6;;
}
.multizone_board .mzb_device-name{
	position: absolute;
	top: 8px;
	left: 64px;
	height: 14px;
	width: 96px;
	line-height: 14px;
	font-size: 11px;
	color: rgba(255,255,255,0.3);
}
.multizone_board .mzb_device-name.active{
	color: #FFF;
}
.multizone_board .mzb_device-iconType{
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 76px;
}
.multizone_board .mzb_device-wrap.x-view-selected .mzb_device-iconType{
	background-color: #1f98f2;;
}
.multizone_board .mzb_device-icon{
	position: absolute;
	top: 22px;
	left: 10px;
	width: 32px;
	height: 32px;
}

.multizone_board .mzb_device-volumeDiv{
	position: absolute;
	top: 28px;
	left: 64px;
	width: 96px;
	height: 24px;
}
.multizone_board .mzb_device-ctMute, .multizone_board .mzb_device-volSlider{
	float: left;
	margin-right: 1px;
}
.multizone_board .mzb_device-ctMute{cursor: pointer;}
.multizone_board .mzb_device-volSlider{
	width: 64px;
	max-width: 64px;
	height: 24px;
	overflow: hidden;
}
.multizone_board .mzb_device-volSlider .noVolume{
	width:64px;height:4px;background-color:rgba(255,255,255,0.3);margin-top: 8px;
}
.multizone_board .mzb_device-volSlider .volumeSlider .x-slider-thumb{
    background: #2edede none;
    border-radius: 4px;
    width: 8px; height: 8px;
    top: 6px;
}
.multizone_board .mzb_device-volSlider .x-slider-horz{
    margin-top: 0;
}
.multizone_board .mzb_device-volSlider .x-slider-horz, .multizone_board .mzb_device-volSlider .x-slider-horz .x-slider-end, .multizone_board .mzb_device-volSlider .x-slider-horz .x-slider-inner{
    background: transparent none;
}
.multizone_board .mzb_device-volSlider .volumeSlider{
	padding: 0;
}
.multizone_board .mzb_device-volSlider .volumeSlider .x-slider-end{padding: 0;}
.multizone_board .mzb_device-volSlider .volumeSlider .progress_bg{
    height: 4px; top: 8px; background-color: #c8c8c8; position: relative; width: 100%;
}
.multizone_board .mzb_device-volSlider .volumeSlider .progress_bar{
    height: 4px; top: 8px; background-color: #2edede; position: absolute; left: 0;
}

.multizone_board .mzb_device-controlDiv{
	position: absolute;
	top: 52px;
	left: 64px;
	width: 96px;
	height: 24px;
}
.multizone_board .mzb_device-ctStop, .multizone_board .mzb_device-ctPlay, .multizone_board .mzb_device-ctPause{
	float: left;
	margin-right: 3px;
	cursor: pointer;
}
.multizone_board .mzb_device-occupied{
	font-size: 10px;
	color: #FFF;
}

.multizone_board .mzb_device-arrow{
	position: absolute;
	right: 0px;
	top: 21px;
	display: none;
}
.multizone_board .mzb_device-wrap.x-view-selected .mzb_device-arrow{
	display: inline-block;
}
.multizone_board .listWelcome{
	text-align: center;
	font-size: 13px;
	color: #2f2f2f;
	position: relative;
}
.multizone_board .listWelcome .selectDeviceText{
	position: relative;
	top: 40%;
}
.multizone_board .nowPlayingCount{
	font-size: 14px;
	color: #2F2F2F;
	height: 40px;
	line-height: 40px;
	margin: 0 15px;
	position: relative;
}
.multizone_board .nowPlayingCount .stream{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.multizone_board .mediaControl{
	height: 90px;
	position: relative;
	margin: 15px;
}
.multizone_board .mediaControl .thumb{
	height: 55px;
	width: 55px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.multizone_board .mediaControl .thumb img{position: absolute;}
.multizone_board .mediaControl .title, .multizone_board .mediaControl .date, .multizone_board .mediaControl .time{
	position: absolute;
	left: 65px;
	width: 174px;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	color: #2f2f2f;
	overflow: hidden;
	white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
}
.multizone_board .mediaControl .title{top: 5px;}
.multizone_board .mediaControl .date{top: 20px;}
.multizone_board .mediaControl .time{top: 35px;}
.multizone_board .mediaControl .prev, .multizone_board .mediaControl .next{
	position: absolute;
	top: 70px;
	height: 30px;
	width: 30px;
	cursor: pointer;
}
.multizone_board .mediaControl .prev{left: 0px;}
.multizone_board .mediaControl .next{left: 38px;}
.multizone_board .mediaControl .repeat{
	position: absolute;
	top: 70px;
	right: 0px;
	cursor: pointer;
}
.multizone_board .mediaControl .stream{
	position: absolute;
	top: 70px;
	right: 30px;
	cursor: pointer;
}

.multizone_board .progressControl .timeProgress .x-slider-thumb{
    background: #0f66a9 none;
    border-radius: 4px;
    width: 8px; height: 8px;
    top: 6px;
}
.multizone_board .progressControl .x-slider-horz{
    margin-top: 0;
}
.multizone_board .progressControl .x-slider-horz, .multizone_board .progressControl .x-slider-horz .x-slider-end, .multizone_board .progressControl .x-slider-horz .x-slider-inner{
    background: transparent none;
}
.multizone_board .progressControl .timeProgress{
	padding: 0;
}
.multizone_board .progressControl .timeProgress .x-slider-end{padding: 0;}
.multizone_board .progressControl .timeProgress .progress_bg{
    height: 4px; top: 8px; background-color: #c8c8c8; position: relative; width: 100%;
}
.multizone_board .progressControl .timeProgress .progress_bar{
    height: 4px; top: 8px; background-color: #0f66a9; position: absolute; left: 0;
}

.multizone_board .listOtherApp, .multizone_board .listEmptyBox, .multizone_board .listGrid .x-grid3 .x-grid-empty{
	text-align: center;
	font-size: 13px;
	color: #2F2F2F;
	position: relative;
}
.multizone_board .listOtherApp .main, .multizone_board .listEmptyBox .main{
	position: relative;
	top: 40%;
}
.multizone_board .listOtherApp .icon, .multizone_board .listWelcome .icon{margin: 0 auto;}
.multizone_board .listGrid .x-grid3{background-color: transparent;}
.multizone_board .listGrid .x-grid3-row{
	border-color: transparent;
	height: 50px;
	border-top-color: #decde5;
	font-size: 13px;
	color: #2F2F2F;
}
.multizone_board .listGrid .x-grid3-row.x-grid3-row-over{
	background: #e8effa none;
}
.multizone_board .listGrid .x-grid3-row.x-grid3-row-selected{
	background: #d3e2f8 none;
	border-top: 1px solid #f4f4f4;
}
.multizone_board .listGrid .x-grid3-row .x-grid3-row-table{margin-top: 4px;}
.multizone_board .listGrid .x-grid3-row .mzb_listGrid_thumbDiv{
	position: relative;
	overflow: hidden;
	width: 30px;
	height: 30px;
}
.multizone_board .listGrid .x-grid3-row .mzb_listGrid_thumbDiv img{
	position: absolute;
}
.multizone_board .listGrid .mzb_listGrid_playing_item_color{
	color: #0f66a9;
}
.multizone_board .listGrid .mzb_listGrid_delete{
	cursor: pointer;
}

/*Stream DLNA End */

/*ShareDD Start */
/* +++++++ Share Pop Window ++++++ */
.modal_window_DD .windowIconDiv, .modal_window_DD .miniModeButton, .modal_window_DD .x-form-field-wrap .x-form-trigger,
.classSwitchCheckbox + label .switch, .classSwitchCheckbox ~ div.create, .classCBSocialSite_list .icon, .classCBSocialSite ~ div.cb_icon,
.shareViaForm .help1, .ps_help1_icon,
.share_pop .info1 .info_icon,
.slideshowSet .divAddPlaylist .info,
.share_pop.x-window .x-tool-close, .shareDD.x-window .x-tool-close, 
.modal_window_DD .namePanel .thumb, .modal_window_DD .namePanel .list, .modal_window_DD .countViewPanel .remove,
.shareViaButton .email .x-panel-body, .shareViaButton .social .x-panel-body, .shareViaButton .link .x-panel-body,
.share_dd_dataview .remove, .share_dd_dataview .video, .share_dd_gridview .remove{
    background-image: url('../images/icons/Share_slice.png?366485774');
}


.classSwitchCheckbox + label.x-form-cb-label{
    margin-left: -4px;
}
.classSwitchCheckbox + label .switch{
    width: 48px;
    height: 22px;
    display: inline-block;
    background-position: 0 -1110px;
}
.classSwitchCheckbox.checked + label .switch{
    background-position: 0 -1080px;
}
.classSwitchCheckbox ~ div.password{
    position: relative;
    top: -6px;
    left: 5px;
    display: none;
}
.classSwitchCheckbox ~ div.create{
    position: relative;
    top: 2px;
    left: 5px;
    display: none;
    background-position: 0 -298px;
}
.classSwitchCheckbox.checked ~ div.password, .classSwitchCheckbox.checked ~ div.create{display: inline-block;}
.classSwitchMoreSetting + label{
    display: block;
    text-align: right;
    margin-right: 20px;
    color: #2F2F2F;
    font-size: 13px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
}
.classSwitchMoreSetting + label:hover{color: #2191C2;}
.classCBSocialSite_list .icon{
    width: 20px; height: 18px; float:left; display:inline;
}
.classCBSocialSite.x-form-text, .ext-gecko .classCBSocialSite.x-form-text, .ext-ie8 .classCBSocialSite.x-form-text{
    padding-left: 25px;
}
.classCBSocialSite ~ div.cb_icon{
    width: 18px; height: 18px;
    position: absolute;
    top: 3px; left: 3px;
}
.classCBSocialSite ~ div.cb_icon.facebook, .classCBSocialSite_list .icon.facebook{background-position: 0 -570px;}
.classCBSocialSite ~ div.cb_icon.googleplus, .classCBSocialSite_list .icon.googleplus{background-position: 0 -600px;}
.classCBSocialSite ~ div.cb_icon.picasa, .classCBSocialSite_list .icon.picasa{background-position: 0 -810px;}
.classCBSocialSite ~ div.cb_icon.twitter, .classCBSocialSite_list .icon.twitter{background-position: 0 -630px;}
.classCBSocialSite ~ div.cb_icon.pinterest, .classCBSocialSite_list .icon.pinterest{background-position: 0 -870px;}
.classCBSocialSite ~ div.cb_icon.plurk, .classCBSocialSite_list .icon.plurk{background-position: 0 -720px;}
.classCBSocialSite ~ div.cb_icon.renren, .classCBSocialSite_list .icon.renren{background-position: 0 -690px;}
.classCBSocialSite ~ div.cb_icon.youtube, .classCBSocialSite_list .icon.youtube{background-position: 0 -840px;}
.classCBSocialSite ~ div.cb_icon.flickr, .classCBSocialSite_list .icon.flickr{background-position: 0 -780px;}
.classCBSocialSite ~ div.cb_icon.weibo, .classCBSocialSite_list .icon.weibo{background-position: 0 -660px;}

.classCBExpiration.reshareExpire, .classCBExpiration.reshareExpire ~ img.x-form-arrow-trigger{
    display: none;
}
.classCBExpirationSub.x-form-text, .ext-gecko .classCBExpirationSub.x-form-text, .ext-ie8 .classCBExpirationSub.x-form-text{
    padding: 1px 2px 1px 4px;
}

.classSwitchPassword_passwordCreate .x-btn-text{
    width: 16px;
    height: 16px;
}

.classSendFrom.linkToQTS.x-form-field{
    text-decoration:underline;
}

.share_pop.x-window, .shareDD.x-window{
    background-color: #FAFAFA;
    border: 1px solid #B0B0B0;
}
.share_pop.x-window .x-panel-noborder .x-panel-body-noborder, .shareDD.x-window .x-panel-noborder .x-panel-body-noborder{
    background-color: transparent;
}
.shareDD.x-window .x-tool-close,
.share_pop.x-window .x-tool-close{
    background-position: 0 0;
    width: 16px !important;
    height: 16px !important;
    margin: 10px 4px 0 0;
}
.shareDD.x-window .x-tool-close-over,
.share_pop.x-window .x-tool-close-over{
    background-position: -60px 0;
}

.share_pop .x-form-item{
    padding-bottom: 15px;
    margin-bottom: 0;
}
.share_pop .x-form-label-left label.x-form-item-label{
    text-align: right;
    color: #848484;
}
.share_pop input.single_share_url_bgbd.x-form-text{
    border: 0 solid;
    background-color: #E3F1FB;
    color: #2F2F2F;
}
.share_pop .info1 .info_icon{
    background-position: 0 -960px;
    width:40px; height:40px;
    margin-right: 16px;
}
.share_pop .info1 .info_text{
    font-size: 16px;
    color: #000000;
}
.share_pop .expire_password{
    color: #2F2F2F;
    letter-spacing: 4px;
}
.share_pop .hint1{
    font-size: 13px;
    color: #195A87;
}
.share_pop .help1{
    float:left;
    width: 20px;
    height: 20px;
    background-image: url('../images/toolbar/media_viewer_slice.png?366485774');
    background-position: 0 -1260px;
    position: absolute;
    top: 5px;
    right: -25px;
}
.qpc_single_share_copy_encode_img{
    background-image: url('../images/toolbar/media_viewer_slice.png?366485774');
    background-position: 0 -1290px;
}
.qpc_single_share_copy_encode_img.x-btn-click{
    background-position: -30px -1290px;
}

.modal_window_DD{
    padding: 0;
    border: 1px solid #B0B0B0;
    background-color: white;
}
.modal_window_DD span.x-window-header-text{
    text-align: left;
    margin: 14px 0 0 52px;
    font-weight: 900;
    color: #000000;
    font-size: 21px;
    height: 24px;
    line-height: 24px;
}
.modal_window_DD.qDoNotGiveWindowIcon span.x-window-header-text{
    margin: 14px 0 0 34px;
}
.modal_window_DD .windowIconDiv{
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    left: 30px;
    background-position: 0 -1440px;
}
.modal_window_DD .miniModeButton{
    width: 18px;
    height: 18px;
    background-position: 0 -1740px;
    top: 8px;
    right: 30px;
    position: absolute;
    cursor: pointer;
}
.modal_window_DD .miniModeButton:hover{background-position: -30px -1740px;}
.modal_window_DD.onMiniMode .miniModeButton{background-position: 0 -1770px;}
.modal_window_DD.onMiniMode .miniModeButton:hover{background-position: -30px -1770px;}
.modal_window_DD .x-window-bwrap{
    padding: 13px 0 30px 0;
}
.modal_window_DD.onMiniMode .x-window-bwrap{
    padding: 13px 0 0 0;
}
.modal_window_DD .innerMarginLR{padding: 0 30px;}
.modal_window_DD .innerMarginLeft{margin: 0 0 0 30px;}
.modal_window_DD .x-window-bbar .x-toolbar{
    border-top: 0 solid transparent;
}

.modal_window_DD .namePanel .thumb, .modal_window_DD .namePanel .list{
    width: 16px;
    height: 16px;
}
.modal_window_DD .namePanel .thumb{background-position: 0 -208px;margin-right: 12px;}
.modal_window_DD .namePanel .thumb.on_use{background-position: -30px -208px;}
.modal_window_DD .namePanel .list{background-position: 0 -236px;}
.modal_window_DD .namePanel .list.on_use{background-position: -30px -236px;}
.modal_window_DD .cardView > .x-panel-bwrap > .x-panel-body{
    border: 1px dashed #848484;
    overflow-y: auto;
}
.modal_window_DD .cardView.dragEnter > .x-panel-bwrap > .x-panel-body{
    border: 1px dashed #000000;
}
.modal_window_DD .x-form-item, .modal_window_DD .x-window-body .x-form-item{
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: 23px;
}
.modal_window_DD .x-form-field{
    color:#2F2F2F;
    font-size: 12px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.modal_window_DD .x-form-field.x-form-focus{color: #000000;}
.modal_window_DD .x-form-empty-field{color: #B4B4B4;}
.modal_window_DD .x-form-field-wrap .x-form-trigger{
    border-top: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
    background-position: 6px -22px;
    height: 20px;
}
.modal_window_DD .x-form-field-wrap .x-form-date-trigger{
    background-position: -30px -266px;
}
.modal_window_DD .x-form-field-wrap .x-trigger-noedit, .classCheckedComboBox.x-form-text{
    border-right: 0 solid transparent;
}

.shareDD .x-form-field-wrap .x-form-text, .shareDD .x-form-element .x-form-text{
    height: 20px;
}
.shareDD .x-form-field-wrap .x-form-trigger{
    height: 22px;
}
.shareDD .x-window-bwrap{
    padding: 13px 0 20px 0;
}

.share_dd_dataview{
    margin: 10px 10px 10px 10px;
    overflow: hidden;
    min-height: 94px;
}
.share_dd_dataview .thumb{
    width:50px;height:50px;position:relative; overflow:hidden; margin:1px;
}
.share_dd_dataview .video{
    position:absolute;
    top: 11px;
    left: 11px;
    width: 28px;
    height: 28px;
    z-index: 4;
}
.share_dd_dataview .video.showVideoPlay{
    background-position: 0 -1140px;
}

.share_dd_dataview .remove{
    position:absolute;
    bottom: 2px;
    left: 2px;
    z-index: 6;
    cursor: pointer;
    width:20px; height: 20px;
    background-position: 0 -1590px;
    display: none;
}
.share_dd_dataview .remove:hover{background-position: -30px -1590px;}
.share_dd_dataview.on_remove .remove{display: block;}

.share_dd_dataview .thumb-wrap{
    width:52px;height:52px; float:left;position:relative;
}

.share_dd_gridview{
    margin-top: 10px;
    overflow: hidden;
}
.share_dd_gridview .x-grid3-header{
    display: none;
}
.share_dd_gridview .x-grid-group-hd div.x-grid-group-title, .share_dd_gridview .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
    background-image: none;
    padding: 10px 5px;
}
.share_dd_gridview .x-grid3-cell-inner{
    color:#2F2F2F;
    font-size: 14px;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}
.share_dd_gridview .x-grid3-cell-inner.x-grid3-col-0, .share_dd_gridview .x-grid3-hd-inner.x-grid3-col-0{
    padding: 0 15px 0 9px;
}
.share_dd_gridview .x-grid3-row{
    border-color: transparent;
}
.share_dd_gridview .x-grid3-row-selected{
    background-color: transparent;
}
.share_dd_gridview .x-grid3-row-over{
    background: #DEFEFD none;
}
.share_dd_gridview .x-grid3-row td,.share_dd_gridview .x-grid3-summary-row td{
    height: 30px;
	vertical-align: middle;
}
.share_dd_gridview .x-grid3-row-selected td .x-grid3-cell-inner,
.share_dd_gridview .x-grid3-summary-row-selected td .x-grid3-cell-inner{
    color: #000000;
    font-weight: 900;
}
.share_dd_gridview .x-grid3{
    border-top: 0 solid #e8e8e8;
    border-bottom: 0 solid #e8e8e8;
}
.share_dd_gridview .remove{
    position:relative;
    bottom: 0;
    right: 2px;
    z-index: 6;
    cursor: pointer;
    width:20px; height: 20px;
    background-position: 0 -1590px;
}
.share_dd_gridview .remove:hover{background-position: -30px -1590px;}

.modal_window_DD .countViewPanel{
    margin-top: 5px;
}
.modal_window_DD .countViewPanel .remove{
    width: 20px; height: 20px;
    background-position: 0 -120px;
}
.modal_window_DD .countViewPanel .count.xtb-text{
    color: #2F2F2F;
}

.shareViaButton{
    border-bottom: 1px solid #B0B0B0;
}
.shareViaButton .via{
    margin: 4px 16px 0 0;
    color: #848484;
    min-width: 86px;
    text-align: right;
}
.shareViaButton .email, .shareViaButton .social, .shareViaButton .link{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.shareViaButton .email.on_use, .shareViaButton .social.on_use, .shareViaButton .link.on_use{border-bottom: 2px solid #2F2F2F;}
.shareViaButton .email .x-panel-body{
    background-position: 0 -1470px;
    height: 30px; width: 22px;
    margin-left: 3px;
    margin-top: 2px;
}
.shareViaButton .email.on_use .x-panel-body{background-position: -30px -1468px;}
.shareViaButton .social .x-panel-body{
    background-position: 0 -1500px;
    height: 30px; width: 28px;
    margin-left: 1px;
}
.shareViaButton .social.on_use .x-panel-body{background-position: -30px -1498px;}
.shareViaButton .link .x-panel-body{
    background-position: 0 -1530px;
    height: 30px; width: 20px;
    margin-left: 6px;
}
.shareViaButton .link.on_use .x-panel-body{background-position: -30px -1528px;}

.shareViaFit > .x-panel-bwrap > .x-panel-body{
    overflow-y: auto;
}

.shareViaForm{
    margin-top: 15px;
}
.shareViaForm .help1{
    float:left;
    width: 20px;
    height: 20px;
    background-position: 0 -150px;
    position: absolute;
    top: 5px;
    right: -25px;
}
.ps_help1_icon{
    width: 16px;
    height: 16px;
    background-position: 0 -150px;
    display: inline-block;
}
.shareViaForm .swUploadToExistAlbum + label{
    text-align: left;
}

.shareViaForm .x-form-item label.x-form-item-label, .shareViaForm .x-form-item label.x-form-item-label{
    color: #848484;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    overflow: hidden;
}
.shareViaForm .customExipreDate{
    margin-top: 10px;
    height: 22px;
    position: relative;
}
.shareViaForm .customExipreDate .x-form-field-wrap{
    float: left;
}
.shareViaForm .customExipreDate .classCBExpiration_Date{
}
.shareViaForm .customExipreDate .classCBExpiration_Hour{
    margin-left: 10px;
}
.shareViaForm .customExipreDate .classCBExpiration_P{
    float:left;
    width: 6px;
    margin-left: 4px;
    height: 22px;
    line-height: 22px;
}
.shareViaForm .customExipreDate .classCBExpiration_Minute{
}
.classCBExpiration.reshareExpire ~ .customExipreDate{
    margin-top: 0;
}
/*.classCBExpiration.reshareExpire ~ .customExipreDate.hideCmp .x-form-field-wrap .x-form-field{
    border: none;
}
.classCBExpiration.reshareExpire ~ .customExipreDate.hideCmp .x-form-field-wrap .x-form-trigger{
    display: none;
}
.classCBExpiration.reshareExpire ~ .customExipreDate.hideCmp .classCBExpiration_Hour{
    margin-left: 0;
    width: auto !important;
}*/

/*          ++++++ Share DD Summary +++++++ */
.shareDD_summary_BG{
    background-image: url('../images/icons/shared_center_slice.png?366485774');
}
.shareDD_defined_expired_text{
    color: #FF2241;
}
.summaryButtonPanel .info, .summaryButtonPanel .history{
    font-size: 14px;
    color: #2F2F2F;
    cursor: pointer;
    padding: 0 25px;
}
.summaryButtonPanel .info.on_use, .summaryButtonPanel .history.on_use{
    font-size: 14px;
    font-weight: 700;
    color: #000;
    border-bottom: 2px solid #2F2F2F;
}
.summaryTopForm form.x-form{
    margin-top: 20px;
}
.modal_window_DD.summary .x-window-body .x-form-item{
    min-height: 0;
}
.summaryForm .x-form-item label.x-form-item-label, .summaryTopForm .x-form-item label.x-form-item-label{
    padding: 0 3px 0 0;
    color: #848484;
}

.summaryTopForm .x-form-display-field, .ext-ie .summaryTopForm .x-form-display-field,
.ext-gecko .summaryTopForm .x-form-display-field, .ext-strict .ext-ie7 .summaryTopForm .x-form-display-field,
.summaryForm .x-form-display-field, .ext-ie .summaryForm .x-form-display-field,
.ext-gecko .summaryForm .x-form-display-field, .ext-strict .ext-ie7 .summaryForm .x-form-display-field{
    padding-top: 0;
}
.summaryForm form.x-form{
    margin-top: 15px;
}
.modal_window_DD .cardView.summaryCardView > .x-panel-bwrap > .x-panel-body{
    border: 1px solid #848484;
}
.summaryLinks .text{
    color: #848484;
}
.summaryLinks .ip{
    margin-bottom: 15px;
	word-wrap: break-word;
	word-break:break-all;
}
.summaryLinks .ip a{
    color: #2F2F2F;
}

.summaryHistoryGrid .x-grid3-header{
    background-color: #FFFFFF;

}
.summaryHistoryGrid .x-grid3-header .x-grid3-hd-inner{
    font-size: 13px;
    color: #2F2F2F;
}
.summaryHistoryGrid .x-grid3-row{
    background-color: #F2F2F2;
    border: 0 solid;
}
.summaryHistoryGrid .x-grid3-row .x-grid3-col{
    border-right: 1px solid #E6E6E6;
}
.summaryHistoryGrid .x-grid3-row .x-grid3-col.x-grid3-cell-last {
    border-right: 0 solid;
}
.summaryHistoryGrid .x-grid3-row-over, .summaryHistoryGrid .x-grid3-row-selected{
    background-image: none;
}
.summaryHistoryGrid .x-grid3-row-alt{
    background-color: #FFFFFF;
}
.summaryHistoryGrid .x-grid3-col-0{
    text-align: center;
}
.summary_act_icon{
    width: 17px; height: 16px;
    display: inline-block;
}
.summary_act_icon.facebook{background-position: 0 -840px;}
.summary_act_icon.googleplus{background-position: 0 -870px;}
.summary_act_icon.picasa{background-position: 0 -1080px;}
.summary_act_icon.twitter{background-position: 0 -900px;}
.summary_act_icon.pinterest{background-position: 0 -1140px;}
.summary_act_icon.plurk{background-position: 0 -990px;}
.summary_act_icon.renren{background-position: 0 -960px;}
.summary_act_icon.youtube{background-position: 0 -1110px;}
.summary_act_icon.flickr{background-position: 0 -1050px;}
.summary_act_icon.weibo{background-position: 0 -930px;}
.summary_act_icon.Email{background-position: 0 -630px;}

/*Share DD End */
/*Verify Password Start ~ Class from modal_window_dd */
.sub_modal_window_VFPWD .windowIconDiv, .sub_modal_window_VFPWD .form .eye{
    background-image: url('../images/icons/verify_window_slice.png?366485774');
}
.sub_modal_window_VFPWD .windowIconDiv{
    width: 31px;
    height: 30px;
    background-position: 0 0;
    top: 25px;
}
.sub_modal_window_VFPWD span.x-window-header-text{
    font-weight: 400;
    font-size: 21px;
    margin: 30px 0 0 65px;
}
.sub_modal_window_VFPWD .form{
    margin: 0 35px 0 35px;
}
.sub_modal_window_VFPWD .x-form-text, .ext-gecko .sub_modal_window_VFPWD .x-form-text, .ext-ie8 .sub_modal_window_VFPWD .x-form-text{
    padding: 1px 24px 1px 4px;
}
.sub_modal_window_VFPWD .form .hint{
    color: #2F2F2F;
    font-size: 14px;
}
.sub_modal_window_VFPWD .form .eye{
    background-position: 0 -30px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 8px;
    width: 20px;
}
.sub_modal_window_VFPWD input.x-form-field{
    font-size: 14px;
    height: 24px;
}
.sub_modal_window_VFPWD .form .eye.open{background-position: -30px -30px;}
/*Verify Password End */
/*Advanced Search Start */
.advSearch .qpc_v5_star, .qpc_advsearch_tagview .tag-remove{
    background-image: url('../images/icons/search_slice.png?366485774');
}
.classSearchFileSize ~ input.qFileSize{
	position: absolute;
	left: 139px;
}
.classSearchFileSize ~ div.qCBSize_parent{
	position: absolute;
	left: 203px;
}

.classSearchRes ~ input.qWidth{
    position: absolute;
	left: 139px;
}
.classSearchRes ~ div.qWH{
    position: absolute;
	left: 199px;
    top: 0;
}
.classSearchRes ~ input.qHeight{
    position: absolute;
	left: 211px;
}

.classSearchTag{
    overflow: hidden;
    text-overflow: ellipsis;
}

.classUXCheckbox + label .switch{
    width: 16px;
    height: 16px;
    background-position: 0 -60px;
    position: absolute;
    top: 4px;
    left: -4px;
}
.classUXCheckbox + label.x-form-cb-label{
    padding: 0px 18px 0px 16px;
    top: -4px;
    font-size: 13px;
    color: #2F2F2F;
}
.classUXCheckbox:checked + label .switch{
    background-position: -60px -60px;
}

.classUXRadio + label .switch{
    width: 16px;
    height: 16px;
    background-position: 0 -90px;
    position: absolute;
    top: 4px;
    left: -4px;
    cursor: pointer;
}
.classUXRadio + label.x-form-cb-label{
    padding-left: 16px;
    font-size: 13px;
    color: #2F2F2F;
}
.classUXRadio:checked + label .switch{
    background-position: -60px -90px;
}

.advSearch .x-form-item-label{
    color: #848484;
}

.advSearch .qSelectTag, .advSearch .qSelectTag + img.x-form-trigger{
    /*margin-top: 10px;*/
}
.advSearch .qSelectTag{
    border-right-width: 0;
}
.advSearch .qSelectTag_parent{
    /*position: absolute;
	left: 95px;*/
    margin-top: 8px;
}

.advSearch .x-form-field-wrap .x-form-text, .advSearch .x-form-element .x-form-text{
    height: 20px;
}
.ext-gecko .advSearch .x-form-text, .ext-ie8 .advSearch .x-form-text, .advSearch .x-form-text{
    padding: 1px 10px;
}
.ext-strict .advSearch .x-small-editor .x-form-text.qnap_dateField{height: 20px !important;}
.advSearch .x-form-field-wrap .x-form-arrow-trigger{
    height: 22px;
    border-color: #848484;
}
.advSearch .x-form-text, .advSearch textarea.x-form-field{
    background-image: none;
    border-color: #848484;
}
.advSearch .x-form-text.x-form-focus, .advSearch textarea.x-form-field.x-form-focus, .advSearch .x-form-text.x-form-focus ~ .x-form-arrow-trigger{
    border-color: #000000;
}

.advSearch .x-form-field-wrap.x-item-disabled, .advSearch .x-form-field-wrap.x-item-disabled .x-form-text{
    cursor: not-allowed !important;
}

.qpc_advsearch_tagview{
    height: 80px;
    border: none;
    margin: 5px 0 0 0;
    padding: 0;
}
.qpc_advsearch_tagview .tag-wrap{
    float:left;
    border: 1px solid #2F2F2F;
    background-color: #ffffff;
    padding: 0 3px;
    margin: 0 8px 6px 0;
    min-height: 17px;
    height: 18px;
}
.qpc_advsearch_tagview .tag-text{
    float:left;
    color: #2F2F2F;
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow: ellipsis;
    max-width:135px;
    overflow: hidden;
    line-height: 18px;
}
.qpc_advsearch_tagview .tag-remove{
    color: #2F2F2F;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 8px -473px;
}

.advSearch .colorTB, .advSearch .starTB{
    display:inline-block; position:relative; top: 2px; left:12px;
}
.advSearch .qpc_menu_tb_color_tag{
    border: 1px solid #FFFFFF;
    margin: 2px;
}
.advSearch .qpc_menu_tb_color_tag.over, .advSearch .qpc_menu_tb_color_tag.select{
    border: 1px solid #000000;
    margin: 2px;
}
.advSearch .qpc_menu_tb_color_tag .x-btn-mc{
    line-height: 0;
}

.advSearch .qpc_v5_star{
    background-position: 0 -83px;
}
.advSearch .starTB .select{
    background-position: 0 -53px;
}

.bgUseShare{
    background-image: url('../images/icons/Share_slice.png?366485774');
}
.advSearch .bgUseRight{
    background-image: url('../images/icons/right_panel.png?366485774');
}
.advSearch .x-form-item{
    margin-bottom: 8px;
}
.advSearch{
    position: absolute;
    padding: 20px 34px 20px 34px;
    background-color: #FFF;
    border: 1px solid #8C8C8C;
}
.advSearch .x-panel-header{
    background: none;
    border: 0 solid;
    padding: 0 0 20px 0;
    font-size: 16px;
    font-weight: 700;
    color: #2F2F2F;
}

/*Advanced Search End */
/*Guide Panel Start */
.qpc_guide_bg{
    top: 0;
    position: absolute;
}
.qpc_guide_bg .exit{
    position:absolute;
    left: 10px;
    bottom: 10px;
    color:#FFF;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}
.qpc_guide_welcome{
    border: 1px solid #B0B0B0;
    background-color: #FFF;
    position: absolute;
    opacity: 0;
    transition: opacity 0.9s ease 0.1s;
}
.qpc_guide_welcome.afterEffect{
    opacity: 1;
}
.qpc_guide_welcome .close{
    background-image: url('../images/icons/Share_slice.png?366485774');
    background-position: 0 0;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.qpc_guide_welcome .imgPhoto{
    background-image: url('../images/icons/page0_photo.png?366485774');
    width: 355px;
    height: 270px;
    position: absolute;
    right: 0;
    top: 42px;
}
.qpc_guide_welcome .desc{
    position: absolute;
    left: 50px;
    top: 90px;
    color: #333;
    width: 281px;
}
.qpc_guide_welcome .welcome{
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 25px;
}
.qpc_guide_welcome .guide, .qpc_guide_welcome .start0{
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-bottom: 10px;
}
.qpc_guide_welcome .start1{
    font-size: 14px;
    line-height: 30px;
    color: #333;
    cursor: pointer;
    padding: 0 22px;
    height: 30px;
    border: 1px solid #333;
    margin-top: 48px;
    display: inline-block;
}

.qpc_guide_bg .function_name{
    position:absolute;
    bottom: 51px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: block;
}
.qpc_guide_bg .function_name_sub{
    position: relative;
    cursor: pointer;
    display: block;
    color:#FFF;
    margin: 0 auto;
    width: 320px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(74,74,74,0.9);
}

/*.qpc_guide_bg .step_radius{
    position: absolute;
    display: inline-block;
    padding: 5px 8px;
    bottom: 5px;
    cursor: pointer;
    left: 48%;
}
.qpc_guide_stepSubRadius{
    float: left;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #FFF;
    border: 1px solid #5F5F5F;
    margin-left: 4px;
}
.qpc_guide_stepSubRadius.on_use{
    background-color: #22EBFA;
}*/

.qpc_guide_bg .step_progress{
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    height: 51px;
    width: 100%;
    background-color: #F0F0F0;
}
.qpc_guide_stepSubProgress{
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 6px;
    bottom: 0;
    background-color: #D9D9D9;
    margin-left: 1px;
}
.qpc_guide_stepSubProgress.is_over{
    background-color: #2F8DCF;
}

.qpc_guide_stepControlButton{
    font-size: 14px;
    line-height: 30px;
    margin-top: 7px;
    color: #333;
    cursor: pointer;
    padding: 0 22px;
    height: 30px;
    border: 1px solid #999;
    background-color: #FFF;
}
.qpc_guide_stepControlButton.skip{
    float:left;
    margin-left: 33px;
}
.qpc_guide_stepControlButton.prev{
    float:right;
    margin-right: 16px;
}
.qpc_guide_stepControlButton.next{
    float:right;
    margin-right: 10px;
}

.qpc_guide_mask_b{
    border-color: rgba(255,255,255,0.7);
    border-style: solid;
}

.qpc_guide_pointBox{
    background-image: url('../images/icons/point.png?366485774');
    width: 58px;
    height: 58px;
    position: absolute;
    display: inline-block;
    opacity: 0;
    transition: opacity 0.9s ease 0.1s;
}
.qpc_guide_pointBox.afterEffect{
    opacity: 1;
}
.qpc_guide_borderBox{
    position: absolute;
    display: inline-block;
}
.qpc_guide_divBox{
    position: absolute;
    display: inline-block;
    padding: 18px 22px;
    background-color: #FFF;
    border: 1px solid #5F5F5F;
    color: #2F2F2F;
    text-align: left;
    line-height: 22px;
    opacity: 0;
    transition: opacity 0.9s ease 0.1s;
}
.qpc_guide_divBox.afterEffect{
    opacity: 1;
}
.qpc_guide_divBox p {
    padding: 0 0 10px;
}

.qpc_guide_divBox.dragDropText{
    background-color: transparent;
    color: #2F2F2F;
    font-size: 30px;
    padding: 0;
    border: none;
}
.qpc_guide_divBox.btnGuideBlue{
    background-color: transparent;
    padding: 0;
    border: none;
}
.qpc_guide_divBox.btnGuideBlue .left, .qpc_guide_divBox.btnGuideBlue .middle, .qpc_guide_divBox.btnGuideBlue .right{
    background-image: url('../images/icons/page7_bg.png?366485774');
    float: left;
}
.qpc_guide_divBox.btnGuideBlue .left{
    width: 30px;
    height: 30px;
}
.qpc_guide_divBox.btnGuideBlue .right{
    width: 30px;
    height: 30px;
    background-position: 0 -60px;
}
.qpc_guide_divBox.btnGuideBlue .middle{
    height: 30px;
    line-height: 30px;
    font-size:14px;
    background-position: 0 -30px;
    background-repeat: repeat-x;
    color: white;
}

/*el*/
.eolWindow{
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.30);
    border-radius: 8px;
    width: 940px;
    height: 510px;
}
.eolWindow .x-tool-close{
    margin: 10px 10px 0 0 ;
    background-image: url('../gallery/assets/images/close.svg');
    background-position: center;
}
.eolWindow .x-tool-close:hover{
    background-image: url('../gallery/assets/images/close_hover.svg');
}
.eolWindow .eolWrapper{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.eolWindow .eolContent{
    width: 48%;
    padding: 14px 35px 0 0;
    box-sizing: border-box;
}
.eolContent .installBtn{
    cursor: pointer;
    background-color: #417FFF;
    border-radius: 22px;
    font-size: 18px;
    color: #F9FAFB;
    line-height: 22px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px 35px;
}
.eolContent .installBtn:hover{
    background: #1B64FA;
}
.eolContent h2{
    font-size: 26px;
    color: #2F2F2F;
    letter-spacing: 0;
    line-height: 34px;
    font-weight: 400;
    margin: 0 0 8px 0;
}
.eolContent a{
    color:#0000FF;
}
.eolContent p{
    font-size: 14px;
    color: #2F2F2F;
    letter-spacing: 0;
    line-height: 21px;
    font-weight: 400;
}
.eolWindow .eolImg{
    background-image: url('../gallery/assets/images/eol.png');
    width: 48%;
    box-sizing: border-box;
    margin: 3px 6px;
}
.eolCheckbox{
    margin-top: 32px;
    margin-bottom: 26px;
    display: inline-block;
}
.eolWindow .eolLabel{
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    line-height: 20px;
}
.eolCheckboxIcon{
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-image: url('../gallery/assets/images/checkbox.svg');
}
.eolCheckboxIcon:hover{
    background-image: url('../gallery/assets/images/checkbox_hover.svg');
}
.classUXCheckbox:checked + .eolLabel > .eolCheckboxIcon{
    background-image: url('../gallery/assets/images/selection.svg');
}
.classUXCheckbox:checked + .eolLabel > .eolCheckboxIcon:hover{
    background-image: url('../gallery/assets/images/selection_hover.svg');
}

/*Guide Panel End */
/*About Window Start */
.aboutWindow.modal_window_DD{
    border-width: 1px;
    background-color: #FAFAFA;
}
.aboutWindow.modal_window_DD span.x-window-header-text{
    margin: 8px 0 0 18px;
    color: #000;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
}
.aboutWindow .x-window-header{
    height: 40px;
    border-bottom: 1px solid #b0b0b0;
}
.aboutWindow .x-window-header .icon{
    background-image: url('../images/icons/ABOUT_slice.png?366485774');
    background-position: 0 0;
    width: 21px;
    height: 21px;
    float: left;
    margin: 2px 6px 0 0
}
.aboutWindow .x-window-bwrap{
    padding: 30px 0 24px 0;
}
.aboutWindow .x-window-body{
}
.aboutWindow .photo_out{
    width: 100%;
    margin-bottom: 34px;
}
.aboutWindow .photo_in{
    background-image: url('../gallery/assets/images/login_page_slice.png?366485774');
    background-position: 0 -360px;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    display: block;
}
.aboutWindow .photoStation{
    width: 100%;
    margin-bottom: 14px;
    text-align: center;
}
.aboutWindow .photoStation_in{
    width: 180px;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #b1b1b1;
    padding-bottom: 14px;
    height: 25px;
}
.aboutWindow .logoText1, .aboutWindow .logoText2{
    font-weight: 700;
    font-size: 25px;
    color: #028ED7;
    display: inline-block;
    line-height: 25px;
}
.aboutWindow .logoText2{
    font-weight: 300;
}
.aboutWindow .ver{
    font-size: 12px;
    line-height: 12px;
    color: #262626;
    width: 100%;
    text-align: center;
}
.aboutWindow .bottomArea{
    margin: 115px 18px 0 18px;
    position: relative;
}
.aboutWindow .qnap_icon{
    background-image: url('../images/icons/ABOUT_slice.png?366485774');
    background-position: 0 -30px;
    width: 70px;
    height: 12px;
    display: inline-block;
}
.aboutWindow .qnap_url{
    margin-left: 6px;
    display: inline-block;
    position: relative;
    top: -2px;
}
.aboutWindow .qnap_url a{
    font-size: 12px;
    line-height: 12px;
    color: #0071ba;
}
.aboutWindow .qnap_url a:visited{color: #753f94;}
.aboutWindow .qnap_url a:hover{color: #015def;}
.aboutWindow .qnap_url a:active{color: #7eaefe;}
.aboutWindow .copyRight{
    font-size: 10px;
    line-height: 10px;
    color: #262626;
    display: inline;
}
.aboutWindow .qts_icon{
    background-image: url('../images/icons/ABOUT_slice.png?366485774');
    background-position: 0 -150px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
}
/*About Window End */
/*GeoTag Window Start */
.qpc_geoTag_window .point_btn{
    background-image: url('../images/icons/right_panel.png?366485774');
    background-position: 0 -271px;
    height: 20px;
}
.qpc_geoTag_window .search_btn{
    background-image: url('../images/common/Help_sprite.png?366485774');
    background-position: -50px 0px;
}
/*GeoTag Window End */
/*Res Window Start */
.qpc_res_window_win .x-window-bc .x-window-footer{
    padding-top: 0;
}
.qpc_res_window_win.modal-window .x-window-footer > .x-panel-fbar > .x-toolbar-ct{
    padding-bottom: 0;
}
/*Res Window End */
/*Log Window Start*/
.qpc_log_window .northPanel .x-form-field-wrap{
	height: 21px;
}
.qpc_log_window .northPanel .x-form-field-wrap input.x-form-text{
	height: 17px !important;
	font-size: 12px;
	padding: 1px 10px 1px 4px;
}
.qpc_log_window .x-grid-panel td .x-grid3-hd-inner, .qpc_log_window .x-grid-panel td.x-grid3-hd-over .x-grid3-hd-inner, .qpc_log_window .x-grid-panel td.sort-desc .x-grid3-hd-inner, .qpc_log_window .x-grid-panel td.sort-asc .x-grid3-hd-inner, .qpc_log_window .x-grid-panel td.x-grid3-hd-menu-open .x-grid3-hd-inner{
	background-color: #808898;
	background-image: none;
	color: #FFF;
	font-size: 11px;
}
.qpc_log_window .x-grid3-hd-row td, .qpc_log_window .x-grid3-hd-row td:hover{
	border-left: none;
}
.qpc_log_window .x-grid3-row{
	border-color: #fff transparent #bfbfbf;
	border-width: 1px 0;
}
.qpc_log_window .x-grid3-row.x-grid3-row-over{
	background-image: none;
	background-color: #e8e8e8;
	border-top: 1px solid #e8e8e8;
}
.qpc_log_window .x-grid3-cell-inner{
	font-size: 11px;
	word-wrap: break-word;
	white-space: normal;
	line-height: 22px;
	color: #2F2F2F;
	padding: 3px;
}

.qpc_log_window .error_fgcolor .x-grid3-cell-inner{
	color: #c30;
}
.qpc_log_window .warn_fgcolor .x-grid3-cell-inner{
	color: #e67903;
}

.statusIcon16, .statusIcon16_info, .statusIcon16_warning, .statusIcon16_error{
	background-image: url('../images/icons/statusIcon_16.png?366485774');
	width: 16px;
	height: 16px;
}
.statusIcon16_info{
	background-position: 0px 0px;
}
.statusIcon16_warning{
	background-position: 0px -85px;
}
.statusIcon16_error{
	background-position: 0px -34px;
}
.qpc_log_window .open_eye{
    background-image: url('../images/icons/verify_window_slice.png?366485774');
    background-position: -30px -30px;
    height: 16px;
    width: 20px;
    cursor: pointer;
}
/*Log Window End */

/* Qphoto guide window start */
.modal-window.qpc_qphoto_guide_window .x-window-header-text{
	margin: 14px 0 0 0;
	padding: 0 0 14px 34px;
	border-bottom: 1px solid #ccc;
}
.qpc_qphoto_guide_window .boxCmp{
	overflow-y: auto;
	overflow-x: hidden;
}
.qpc_qphoto_guide_window .qphotoEmptyMain{
	width: 100%;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain{
	margin: 20px 42px 22px 42px;
	padding: 20px 36px 9px 30px;
	background-color: #138EED;
	box-shadow: 0px 0px 20px 2px #8AB9FF;
	-webkit-box-shadow: 0px 0px 20px 2px #8AB9FF;
	-moz-box-shadow: 0px 0px 20px 2px #8AB9FF;
	-o-box-shadow: 0px 0px 20px 2px #8AB9FF;
	color: #FFF;
	word-wrap: break-word;
	word-break:break-all;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .titleLeft{
	display: inline-block;
	padding: 0px 10px 22px 8px;
	width: 30%;
	vertical-align: top;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .titleRight{
	display: inline-block;
	width: 65%;
	text-align: right;
	vertical-align: top;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .tx1{
	font-size: 14px;
	font-weight: 700;
	padding-top: 8px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .tx2{
	font-size: 28px;
	font-weight: 700;
	padding-top: 22px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .titleMain .tx3{
	font-size: 16px;
	font-weight: 700;
	padding-top: 8px;
}

.qpc_qphoto_guide_window .qphotoEmptyMain .descriptionMain{
	margin: 0 44px 30px 52px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .descriptionMain ol{
	list-style-type: disc;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .descriptionMain ol li{
	margin: 5px 0px 5px 2px;
	font-weight: 400;
	font-size: 13px;
	color: #35496c;
}

.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea{
	background-color: #f1fbff;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .stepTitle{
	padding: 20px 45px;
	font-weight: 700;
	font-size: 18px;
	color: #0b3271;
	line-height: 22px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideMain{
	width: 760px;
	min-width: 760px;
	padding-left: 63px;
	overflow: hidden;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideTitle, 
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideDescription,
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideBlock{
	width: 212px;
	min-width: 212px;
	padding-left: 10px;
	margin-left: 12px;
	overflow: hidden;
	display: inline-block;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideTitle.c2, 
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideDescription.c2,
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideBlock.c2{
	width: 264px;
	min-width: 264px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideTitle{
	height: 19px;
	line-height: 18px;
	font-weight: 900;
	font-size: 15px;
	color: #1f67de;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut{
	position: relative;
	display: inline-block;
	width: 754px;
	max-width: 816px;
	height: 12px;
	max-height: 12px;
	overflow: hidden;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut .lineIn{
	position: absolute;
	width: 754px;
	height: 3px;
	top: 4px;
	background: -webkit-linear-gradient(left,#1f67de,#89ddfa);
	background: -o-linear-gradient(left,#1f67de,#89ddfa);
	background: -moz-linear-gradient(left,#1f67de,#89ddfa);
	background: linear-gradient(left,#1f67de,#89ddfa);
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut .circle{
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0px;
	left: 0px;
	border-radius: 6px;
	background-color: #1f67de;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut .circle2{
	left: 234px;
	background-color: #50a2ef;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .lineOut .circle3{
	left: 520px;
	background-color: #75c8f6;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideDescription{
	line-height: 15px;
	font-weight: 400;
	font-size: 12px;
	color: #1f67de;
	word-wrap: break-word;
	word-break:break-all;
	white-space: normal;
	vertical-align: top;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .photoIcon,
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .videoIcon{
	background-image: url('../images/toolbar/toolbar_rule_slice.png?366485774');
	background-repeat: no-repeat;
	width: 17px;
	height: 13px;
	display: inline-block;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .photoIcon{background-position: -30px -300px;}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .videoIcon{background-position: -30px -330px;}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideStepPhoto{
	height: 130px;
	width: 212px;
	display: inline-block;
	background-repeat: no-repeat;
	margin: 10px 0px 0 22px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .stepArea .guideStepPhoto.p2{width: 264px;}
.qpc_qphoto_guide_window .qphotoEmptyMain .moreArea{
	padding: 24px 42px;
	text-align: right;
	line-height: 15px;
	font-weight: 400;
	font-size: 13px;
}
.qpc_qphoto_guide_window .qphotoEmptyMain .moreArea a{
	color: #35496c;
}
/* Qphoto guide window end */
/* Create Timelapse window start */
.createTimelapseVideo .tx1{
	line-height: 19px;
	font-size: 15px;
	font-weight: 400;
	color: #000;
}
.createTimelapseVideo .p1{
	margin:20px 0 24px 0;
}
.createTimelapseVideo .p2{
	margin-bottom: 6px;
}
.createTimelapseVideo .p3{
	margin-bottom: 18px;
	height: 15px;
}
.createTimelapseVideo .tx2{
	line-height: 15px;
	display: inline-block;
	margin: 0 0 5px 0;
	vertical-align: top;
	font-size: 12px;
	font-weight: 400;
	color: #195a87;
}
.createTimelapseVideo .hintIcon{
	display: inline-block;
	margin: 1px 8px 0 0;
	float: left;
}
.createTimelapseVideo .ckGroup{
	display: inline-block;
}
.createTimelapseVideo .ckSec{
	margin: 0 15px 0 5px;
}
/* Create Timelapse End */
/* __________________Menu Start____________________ */
/* Common Menu CSS */
.qpc_menu_1 {
    /*background: #ffffff none;
    border: 1px solid #b0b0b0;*/
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    box-shadow: 0 0 0 1px #b0b0b0;
    font-size: 13px;
    min-width: 210px;
}
.qpc_menu_no_max_width{
    max-width: none;
}
.qpc_menu_1 .x-menu-list{
    padding: 8px 0;
}
.qpc_menu_1 .x-menu-list-item{
    padding: 0;
}
.qpc_menu_1 .x-menu-item-icon{
    left: 9px;
    top: 9px;
}
.qpc_menu_1 .x-menu-item-text{
    padding: 0;
    /*position: absolute;*/
    left: 25px;
}
.qpc_menu_1 li .x-menu-sep{
    background-color: #CECECE;
    margin: 2px 30px 2px 0;
}
.qpc_menu_1 li.x-menu-sep-li{
    margin: 8px 0;
    height: 4px;
    min-height: 4px;
}
.qpc_menu_1 a.x-menu-item{
    line-height: 28px;
    height: 28px;
    color: #2F2F2F;
    padding: 0 40px 0 30px;
    size: 13px;
    text-align: left;
    overflow: hidden;
	white-space:nowrap;
	word-wrap: break-word;
	word-break:break-all;
	text-overflow: ellipsis;
}
.qpc_menu_1 .x-menu-item-active{
    border: 0;
    margin: 0;
    background: none;
}
.qpc_menu_1 .x-menu-list-item a.x-menu-item:hover{
    background-color: #DEFEFD;
}
/*.qpc_menu_1 .x-menu-item-active a.x-menu-item{color: #FEFEFE;}*/

.qpc_menu_2 {
    background: rgba(256,256,256,0.9) none;
    border: 1px solid #b0b0b0;
    padding: 20px 0 22px;
    min-width: 80px;
}
.qpc_menu_2 .x-menu-list{
    padding: 0;
}
.qpc_menu_2 .x-menu-list-item{
    padding: 0;
}
.qpc_menu_2 .x-menu-item-icon{
    left: 9px;
    top: 10px;
}
.qpc_menu_2 .x-menu-item-text{
    padding: 0;
    /*position: absolute;*/
    left: 25px;
}
.qpc_menu_2 li .x-menu-sep{
    background-color: #e8e8e8;
    margin: 2px 30px 2px 0;
}
.qpc_menu_2 li.x-menu-sep-li{
    height: 4px;
    min-height: 4px;
}
.qpc_menu_2 a.x-menu-item{
    line-height: 24px;
    height: 24px;
    color: #2F2F2F;
    padding: 0 14px;
    size: 13px;
    text-align: right;
}
.qpc_menu_2 .x-menu-item-active{
    background: #DEFEFD none;
    border: 0;
    margin: 0;
}
.qpc_menu_2 span.x-menu-text{
    font-size: 14px;
    font-weight: 700;
    padding: 0 14px 10px;
    display: block;
    text-align: right;
}


.qpc_menu_2 a.on_use{
    padding-left: 12px;
    margin: 2px 0;
    height: 20px;
    border-left: 2px solid #000;
}
.qpc_menu_2 a.x-menu-item.on_use span.x-menu-item-text{
    font-weight: 700;
    font-size: 13px;
    color: #2F2F2F;
}

.qpc_menu_head1 {
    background-color: white;
}

.qpc_menu_head1 .x-menu-item:hover{
    background-color: #DEFEFD;
    border-color: rgba(92,159,255,0.2);
}
.qpc_menu_head1 .x-menu-item:hover a.x-menu-item{
    color: #222222;
}
.qpc_menu_head1 .x-menu-item-active a.x-menu-item{
    font-weight: 700;
}


.qpc_menu_sortbox .qpc_menu_sort_up{
    background-position: 0 -6250px;
    width: 13px;
    height: 13px;
}
.qpc_menu_sortbox .x-menu-item-active .qpc_menu_sort_up{
    /*background-position: -50px -6250px;*/
    background-position: 0 -6250px;
}
.qpc_menu_sortbox .qpc_menu_sort_down{
    background-position: 0 -6200px;
    width: 13px;
    height: 13px;
}
.qpc_menu_sortbox .x-menu-item-active .qpc_menu_sort_down{
    /*background-position: -50px -6200px;*/
    background-position: 0 -6200px;
}
.qpc_menu_sortbox .qpc_menu_is_used{
    font-weight: bold;
}


.qpc_menu_stream2 .devTypeIcon, .qpc_menu_stream2 .refreshIconHtml{
    background-image: url('../images/toolbar/photostation_right_click_slice.png?366485774');
}
.qpc_menu_stream2 .refreshIconHtml{
    float: right;
    position: absolute;
    /*background-image: url('../images/toolbar/header.png?366485774');
    width: 16px; height: 18px;
    background-position: 0 -120px;*/
    background-position: 0 -390px;
    width: 12px; height: 12px;
    top: 12px; right: 12px;
    cursor: pointer;
}
.qpc_menu_media_1.qpc_menu_stream2 .x-menu-list-item a.x-menu-item:hover{
    background-color: #0D77A2;
    border-color: #0D77A2;
    font-weight: 400;
}
.qpc_menu_stream2.qpc_menu_1 .x-menu-list-item a.x-menu-item.dlnaairplay:hover, .qpc_menu_stream1 .x-menu-list-item a.x-menu-item.dlnaairplay:hover,
.qpc_menu_media_1.qpc_menu_stream2 .x-menu-list-item a.x-menu-item.dlnaairplay:hover{
    background-color: transparent;
}
.qpc_menu_media_1.qpc_menu_stream2 .refreshIconHtml, .qpc_menu_media_1.qpc_menu_stream2 .refreshIconAnimate,
.qpc_menu_stream1 .refreshIconHtml, .qpc_menu_stream1 .refreshIconAnimate{
    float: right;
    position: absolute;
    top: 12px; right: 10px;
    width: 18px; height: 20px;
    background-position: 0 -2760px;
}
.qpc_menu_media_1.qpc_menu_stream2 .refreshIconHtml:hover, .qpc_menu_media_1.qpc_menu_stream2 .refreshIconAnimate:hover,
.qpc_menu_stream1 .refreshIconHtml:hover, .qpc_menu_stream1 .refreshIconAnimate:hover{
    background-position: -30px -2760px;
}
.qpc_menu_stream2 .refreshIconAnimate, .qpc_menu_stream1 .refreshIconAnimate{

    -webkit-animation: streamReload 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation: streamReload 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes streamReload {
  100% {
    -webkit-transform: rotate(360deg); }
}
@keyframes streamReload {
  100% {
    transform: rotate(360deg); }
}
.qpc_menu_media_1.qpc_menu_stream2 a.x-menu-item.activeDevice{
    color: #00FFFF;
}

.qpc_menu_media_1.qpc_menu_stream2 .x-menu-list-item a.x-menu-item:hover{
    background-color: #0D77A2;
    border-color: #0D77A2;
    font-weight: 400;
}
.qpc_menu_media_1.qpc_menu_stream2 .devTypeIcon{
    width: 18px; height: 18px;
    position: absolute;
    top: 11px; left: 22px;
}
.qpc_menu_media_1.qpc_menu_stream2 .airIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .airIcon{background-position: 0 -2730px;}
.qpc_menu_media_1.qpc_menu_stream2 .dlnaIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .dlnaIcon{background-position: 0 -2700px;}
.qpc_menu_media_1.qpc_menu_stream2 .chromecastIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .chromecastIcon{background-position: 0 -3090px;}
.qpc_menu_media_1.qpc_menu_stream2 .hdplayerIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .hdplayerIcon{background-position: 0 -3150px;}
.qpc_menu_media_1.qpc_menu_stream2 .unknownIcon, .qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active .unknownIcon{background-position: 0 -3120px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .airIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .airIcon{background-position: -30px -2730px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .dlnaIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .dlnaIcon{background-position: -30px -2700px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .chromecastIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .chromecastIcon{background-position: -30px -3090px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .hdplayerIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .hdplayerIcon{background-position: -30px -3150px;}
.qpc_menu_media_1.qpc_menu_stream2 .activeDevice .unknownIcon, .qpc_menu_media_1.qpc_menu_stream2 .activeDevice .x-menu-item-active .unknownIcon{background-position: -30px -3120px;}
.qpc_menu_media_1.qpc_menu_stream2 a.x-menu-item{
    padding-left: 50px;
}
.qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active a.x-menu-item{color: #FFFFFF;}
.qpc_menu_media_1.qpc_menu_stream2 .x-menu-item-active a.x-menu-item.activeDevice{color: #00FFFF;}


.qpc_menu_stream2 a.x-menu-item.activeDevice{
    color: #00A8FF;
}
/*.qpc_menu_stream2 .x-menu-item-active a.x-menu-item.activeDevice{
    color: #FEFEFE;
}*/
/*.qpc_menu_stream2 .x-menu-item-active .refreshIconHtml{background-position: -50px -5600px;}*/
.qpc_menu_stream2 .devTypeIcon{
    width: 17px; height: 17px;
    position: absolute;
    top: 12px; left: 20px;
}
.qpc_menu_stream2 .airIcon{background-position: 0 -360px;}
.qpc_menu_stream2 .dlnaIcon{background-position: 0 -330px;}
.qpc_menu_stream2 .chromecastIcon{background-position: 0 -480px;}
.qpc_menu_stream2 .hdplayerIcon{background-position: 0 -540px;}
.qpc_menu_stream2 .unknownIcon{background-position: 0 -510px;}
.qpc_menu_stream2 .activeDevice .airIcon{background-position: -30px -360px;}
.qpc_menu_stream2 .activeDevice .dlnaIcon{background-position: -30px -330px;}
.qpc_menu_stream2 .activeDevice .chromecastIcon{background-position: -30px -480px;}
.qpc_menu_stream2 .activeDevice .hdplayerIcon{background-position: -30px -540px;}
.qpc_menu_stream2 .activeDevice .unknownIcon{background-position: -30px -510px;}
/*.qpc_menu_stream2 .x-menu-item-active .airIcon{background-position: 0 -5500px;}
.qpc_menu_stream2 .x-menu-item-active .dlnaIcon{background-position: 0 -5550px;}*/

.qpc_menu_stream2 a.x-menu-item{
    padding-left: 45px;
}
.qpc_menu_stream2 .x-menu-list{
    overflow-y: auto;
}


.qpc_menu_stream_vol{
    min-width: 0;
}
.qpc_menu_stream1 {
    background-color: rgba(0,0,0,0.8);
    background-image: none;
    border: 1px solid rgba(69,69,69,0.8);
    box-shadow: none;
}
.qpc_menu_stream1 .refreshIconHtml, .qpc_menu_stream1 .devTypeIcon{
    /*background: transparent url('../images/toolbar/icon_Streaming.png?366485774') no-repeat;*/
    background: transparent url('../images/toolbar/media_viewer_slice.png?366485774') no-repeat;
}
.qpc_menu_stream1 .refreshIconHtml{
    background-position: 0 -2760px;
    top: 6px; right: 12px;
    /*float: right;
    position: absolute;
    top: 7px; right: 10px;
    width: 12px; height: 12px;
    background-position: 0 -600px;*/
}
.qpc_menu_stream1 .devTypeIcon{
    width: 18px; height: 17px;
    position: absolute;
    top: 6px; left: 28px;
}
.qpc_menu_stream1 .airIcon{background-position: 0 -2730px;}
.qpc_menu_stream1 .dlnaIcon{background-position: 0 -2700px;}
.qpc_menu_stream1 .chromecastIcon{background-position: 0 -3090px;}
.qpc_menu_stream1 .hdplayerIcon{background-position: 0 -3150px;}
.qpc_menu_stream1 .unknownIcon{background-position: 0 -3120px;}
.qpc_menu_stream1 .activeDevice .airIcon{background-position: -30px -2730px;}
.qpc_menu_stream1 .activeDevice .dlnaIcon{background-position: -30px -2700px;}
.qpc_menu_stream1 .activeDevice .chromecastIcon{background-position: -30px -3090px;}
.qpc_menu_stream1 .activeDevice .hdplayerIcon{background-position: -30px -3150px;}
.qpc_menu_stream1 .activeDevice .unknownIcon{background-position: -30px -3120px;}
.qpc_menu_stream1 .x-menu-list{
}
.qpc_menu_stream1 .x-menu-item-active a.x-menu-item{
    background-color: #0D77A2;
    border-color: #0D77A2;
    font-weight: 400;
}
.qpc_menu_stream1 a.x-menu-item{
    line-height: 29px;
    height: 29px;
    color: #FFFFFF;
    size: 14px;
    text-align: left;
}
.qpc_menu_stream1 a.activeDevice.x-menu-item{
    color: #00A8FF;
}
.qpc_menu_stream1 .x-menu-item-icon{
    top: 7px;
}
.qpc_menu_stream1 a.used .x-menu-item-icon{
    /*background: transparent url('../images/toolbar/icon_Streaming.png?366485774') no-repeat;
    background-position: 0 -398px;*/
    background: transparent url('../images/toolbar/media_viewer_slice.png?366485774') no-repeat;
    background-position: -30px -2790px;
}
.qpc_menu_stream1 li .x-menu-sep{
    background-color: transparent;
    margin: 2px 1px;
    border-top-color: #131313;
    border-bottom-color: #353535;
}

.qpc_menu_stream1.qpc_menu_stream_dev a.x-menu-item{
    padding-left: 50px;
}

/* common dlna and airplay title left*/
.qpc_menu_stream1 a.x-menu-item, .qpc_menu_stream2 a.x-menu-item{
    text-align: left;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    max-width:200px;overflow: hidden;
}
.qpc_menu_stream1 a.x-menu-item.dlnaairplay, .qpc_menu_stream2 a.x-menu-item.dlnaairplay{
    text-align: left;
    padding-left: 20px;
    max-width: none;
    cursor: default;
}
.qpc_menu_stream1 .x-menu-list-item.dlnaairplay a.x-menu-item:hover{
    background-color: transparent;
}
.qpc_menu_stream1 .x-menu-list-item a.x-menu-item:hover{
    background-color: #0D77A2;
    border-color: #0D77A2;
    font-weight: 400;
}

/* common Slideshow set by menu */
.qpc_menu_playSet a.x-menu-item{
    text-align: left;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    max-width:200px;overflow: hidden;
}
.qpc_menu_playSet .x-menu-list{
    overflow-y: auto;
    max-height: 240px;
}
.qpc_menu_playSet .xtb-text{
    margin-left: 5px;
    line-height: 28px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

/* single photo toolbar resolution menu */

.qpc_menu_jwhd{
    background-color: transparent;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAADklEQVR42mNQQwIMxHEAuXQHISaBGr0AAAAASUVORK5CYII=");
    background-repeat: repeat;
    border-color: #b0b0b0;
    min-width: 84px;

}
.qpc_menu_jwhd .x-menu-list{
    padding: 3px 3px 3px 3px;
}
.qpc_menu_jwhd .x-menu-list-item{
    padding: 0;
}
.qpc_menu_jwhd .x-menu-item-active{
    background: transparent none;
    border: 0;
    margin: 0;
}
.qpc_menu_jwhd a.x-menu-item{
    color: #CCCCCC;
    font-size: 12px;
    padding: 2px 6px 2px 22px;
    text-align: left;
    white-space:nowrap;word-wrap: break-word; word-break:break-all;text-overflow: ellipsis;
    border: 0;
}
.qpc_menu_jwhd .x-menu-item-active a.x-menu-item{
    border: 0;
    margin: 0;
    color: #FFFFFF;
}
.qpc_menu_jwhd .x-menu-item-active a.x-menu-item.jwOptDef{
    color: #CCCCCC;
}

.qpc_menu_jwhd .icBack{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAuElEQVR42u2SQQqGIBCF/wOU1UYUMjAiQdSTeI4O2DnmUL9PatVq3AUNPBhEPt6bmd9XL6u+77uiXHRAV9+1wvais4iEEFXor7e9xdkJiJSSjDG0LAsppWgYhgplOb2iVdi2bRRCqHLOkdb6dpo5wAPu4AyglFJVjJGstTSOI+EPF4iYD+C6rjRNExuIyJgZYgJU5b2neZ7vBWX2UrAAzAwx4QwwuLuX0no2mBlAcMY4G85hf/Wu+gNm+kvWRCvtuQAAAABJRU5ErkJggg==");
}
.qpc_menu_jwhd .x-menu-item-active .icBack, .qpc_menu_jwhd .jwOptDef .icBack{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABfklEQVR42r2VTWqDUBSFG6v5KcVJsWTWaUZdRLuNbsNxt5CZ4/xsIJhAkGQJ3UBCcCA6UhBJQDDk9h04giREKQkVPpD37j3cc+/z+dD0iEirSn10s4hGHokG/iReEdIVbUVH0SMdrumlcKMYKzEUTwpT8aKwAN9N7hmMbdWKsYJnCrwpBop3MuCaxZh2KXrNpsHAPpK32+2H4zjfw+HQAXjHGoX7jDUu7FNQpxULCa7rftm2/TMajeLZbJaB8XgcYw17FLWYo58LaizfhCVVxScSl8vlYbPZSBiGEkWR7HY78TzvgD3E0L7JXO3cbpdNH8AaqoFYmqZSFIUcj0fZ7/fi+75MJpMYMYhlTre0XR1GT/GK5qNfsIjKIFY+p9NJ4jiW1Wp1QAximdODRqMgbKKyqmCSJLJYLLJrgrWW0TPYhBDI81yCIJDpdHrVcu1QMAD0DDZRGcTW63XdUJqPDSqdz+cZ+oZhNB6b+x/s+396t18Od72+/vuCvf0X8At7J48fIgP61QAAAABJRU5ErkJggg==");
}
.qpc_menu_jwhd .arrow{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAASklEQVR42p3KQQ2AMAAEwXOAi/lWSqUgpZIqASmVAN+GNECYZH8bHDhfOoLyYSxJEuwP054Z+mLqucOGMU0DW1ZQp7HmCRpa/roABHU6b1RN/woAAAAASUVORK5CYII=");
    bottom: -8px;
    height: 8px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 10px;
}

.qpc_menu_jwhd .jwm_head{
    display: inline-block;
    height: 18px;
    padding: 2px 0;
    color: #CCCCCC;
}
.qpc_menu_jwhd .x-menu-sep{
    line-height: 0;
    margin: 2px;
}
.qpc_menu_jwhd .jwm_link span{
    text-decoration:underline;
}

/* End */ /* QTS 4.2 Photostation 5 toolbar menu */
.qpc_menu_tb5{
    background-color: #FFFFFF;
    background-image: none;
    border-color: #B0B0B0;
    font-size: 13px;
}
.qpc_menu_tb5 .x-menu-list-item{
    padding: 0;
}
.qpc_menu_tb5 a.x-menu-item.checked{
    background-position: 5px -858px;
    background-repeat: no-repeat;
}


.qpc_menu_tb5 .x-menu-item-icon{
    width: 17px; height: 16px;
    left: 22px;
}
.qpc_menu_tb5 .x-menu-item-icon.thumb{background-position: -30px -30px;}
.qpc_menu_tb5 .x-menu-item-icon.list{background-position: -30px -60px;}
.qpc_menu_tb5 .x-menu-item-icon.timeline{background-position: -30px 0;}
.qpc_menu_tb5 .x-menu-item-icon.folder{background-position: -30px -90px;}
.qpc_menu_tb5 .x-menu-item-icon.email{background-position: 0 -1110px;}
.qpc_menu_tb5 .x-menu-item-icon.social{background-position: 0 -1140px;}
.qpc_menu_tb5 .x-menu-item-icon.link{background-position: 0 -1170px;}
.qpc_menu_tb5 .x-menu-item-icon.photo{background-position: -30px -300px;}
.qpc_menu_tb5 .x-menu-item-icon.video{background-position: -30px -330px;}

.qpc_menu_tb5 .x-menu-item-active .icBack,
.qpc_menu_tb5 .jwOptDef .icBack
{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABfklEQVR42r2VTWqDUBSFG6v5KcVJsWTWaUZdRLuNbsNxt5CZ4/xsIJhAkGQJ3UBCcCA6UhBJQDDk9h04giREKQkVPpD37j3cc+/z+dD0iEirSn10s4hGHokG/iReEdIVbUVH0SMdrumlcKMYKzEUTwpT8aKwAN9N7hmMbdWKsYJnCrwpBop3MuCaxZh2KXrNpsHAPpK32+2H4zjfw+HQAXjHGoX7jDUu7FNQpxULCa7rftm2/TMajeLZbJaB8XgcYw17FLWYo58LaizfhCVVxScSl8vlYbPZSBiGEkWR7HY78TzvgD3E0L7JXO3cbpdNH8AaqoFYmqZSFIUcj0fZ7/fi+75MJpMYMYhlTre0XR1GT/GK5qNfsIjKIFY+p9NJ4jiW1Wp1QAximdODRqMgbKKyqmCSJLJYLLJrgrWW0TPYhBDI81yCIJDpdHrVcu1QMAD0DDZRGcTW63XdUJqPDSqdz+cZ+oZhNB6b+x/s+396t18Od72+/vuCvf0X8At7J48fIgP61QAAAABJRU5ErkJggg==");
}
.qpc_menu_tb5 .x-menu-item-text{
    padding-left: 18px;
}
.qpc_menu_tb5 .arrow{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAASklEQVR42p3KQQ2AMAAEwXOAi/lWSqUgpZIqASmVAN+GNECYZH8bHDhfOoLyYSxJEuwP054Z+mLqucOGMU0DW1ZQp7HmCRpa/roABHU6b1RN/woAAAAASUVORK5CYII=");
    bottom: -8px;
    height: 8px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 10px;
}

.qpc_menu_tb5 .x-menu-sep{
    line-height: 0;
    margin: 2px;
}

/* End */

.qpc_menu_tb .x-toolbar-left{
    text-align: center;
}
.qpc_menu_tb .x-toolbar-left > table{
    display: inline-block;
}
.qpc_menu_tb_btn{
    border: 1px solid #b0b0b0;
    background-color: #ffffff;
}
.qpc_menu_tb_btn .x-btn-small .x-btn-text{
    height: 20px;
}

.qpc_menu_tb.rotate_tb .x-btn{
    width: 36px;
    height: 36px;
    margin-right: 10px;
    background-image: url("../images/toolbar/photostation_right_click_slice.png?366485774");
}
.qpc_menu_tb.rotate_tb .x-btn button.x-btn-text{
    width: 36px;
    height: 36px;
}
.qpc_menu_tb.rotate_tb .left90{
    background-position: -120px 0;
    margin-left: 14px;
    margin-right: 15px;
}
.qpc_menu_tb.rotate_tb .right90{
    background-position: -120px -60px;
    margin-right: 0;
}
.qpc_menu_tb.rotate_tb .view{
    background-position: -120px -120px;
}
.qpc_menu_tb.rotate_tb .info{
    background-position: -120px -180px;
}
.qpc_menu_tb_star, .qpc_menu_tb_star_yes{
    background-image: url('../images/icons/right_panel.png?366485774');
}
.qpc_menu_tb_star{
    background-position: 0 -360px;
    margin: 6px;
}
.qpc_menu_tb_star_yes{
    background-position: 0 -330px;
}

.qpc_menu_tb_color_tag,
.qpc_menu_tb_color_tag_arrow
{
    float: left;
}
.qpc_menu_tb_color_tag{
    width: 13px;
    height: 13px;
    background: transparent none;
    border: 1px solid #F0F0F0;
    margin: 0px;
}
.qpc_menu_tb_color_tag .x-btn-mc,
.qpc_menu_tb_color_tag .x-btn-mc > em,
.qpc_menu_tb_color_tag .x-btn-mc > em > button.x-btn-text{
    width: 13px;
    height: 13px;
    font-size: 0;
}
.qpc_menu_tb_color_tag.x-btn-noicon .x-btn-small .x-btn-text{
    line-height: normal;
}
.qpc_menu_tb_color_tag_arrow{
    background-image: url('../images/toolbar/toolbar_rule_slice.png?366485774');
    background-position: 3px -986px;
}
.qpc_menu_tb_color_tag_arrow .x-btn-mc,
.qpc_menu_tb_color_tag_arrow .x-btn-mc > em,
.qpc_menu_tb_color_tag_arrow .x-btn-mc > em > button.x-btn-text{
    width: 8px;
    height: 13px;
    font-size: 0;
}
#right-panel .qpc_menu_tb_color_tag .x-btn-mc,
#right-panel .qpc_menu_tb_color_tag .x-btn-mc > em,
#right-panel .qpc_menu_tb_color_tag .x-btn-mc > em > button.x-btn-text{
    width: 7px;
    height: 7px;
    font-size: 0;
}
.qpc_add_edit_album_win .qpc_menu_tb_color_tag, .qpc_menu_1 .qpc_menu_tb_color_tag{
    margin: 2px /* Add this for fix Quality Review 54 cause smart album color tag margin issue */
}
.qpc_menu_tb_color_tag_select{
    border: 2px solid #000000;
    margin: 2px;
}

.qpc_menu_alpha{
    background: transparent none;
    /*background-color: #F4F2F1;*/
    border-color: transparent;
}

.qpc_m_btn_color_white{background-position: 0 -610px;}
.qpc_m_btn_color_orange{background-color: #F7D843;}
.qpc_m_btn_color_red{background-color: #FB5A88;}
.qpc_m_btn_color_blue{background-color: #5199FF;}
.qpc_m_btn_color_green{background-color: #B7F760;}
.qpc_m_btn_color_brown{background-color: #91965F;}
.qpc_m_btn_color_purple{background-color: #BD8CEA;}

.qpc_menu_ckbox_1, .qpc_menu_is_checked_1{
    background-image: url('../images/icons/Share_slice.png?366485774');
    background-position: -30px -60px;
    width: 13px;
    height: 13px;
}
.qpc_menu_is_checked_1{background-position: -60px -60px;}

.qpc_menu_colorTag{
    min-width: 0;
    max-width: none;
    padding-top: 4px;
}
.qpc_menu_colorTag .x-menu-list{
    padding: 2px;
}
.qpc_menu_colorTag .x-menu-list-item:hover{
    background: #FFF none;
}

/* Menu End */

/* Action Window Start */

/*for "copy to album" window*/
.qpc_win_grid1 .x-grid3-header{
    display: none;
}
.qpc_win_grid1 .x-grid-group-hd div.x-grid-group-title, .qpc_win_grid1 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title{
    background-image: none;
    padding: 10px 5px;
}
.qpc_win_grid1 .x-grid3-row, .qpc_win_grid3 .x-grid3-row{
    background-color: transparent;
    border-color: transparent;
}
.qpc_win_grid1 .x-grid3-row-selected{
    background-color: transparent;
}
.qpc_win_grid1 .x-grid3-row-over{
    background: #DEFEFD none;
}
.qpc_win_grid1 .x-grid3-row td,.qpc_win_grid1 .x-grid3-summary-row td{
    height: 22px;
	vertical-align: middle;
    color:#2E2E2E;
}
.qpc_win_grid1 .x-grid3-row-selected td,
.qpc_win_grid1 .x-grid3-summary-row-selected td{
    color: #ffffff;
}
.qpc_win_grid1 .x-grid3{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}


/*qpc_win_grid3 */
.qpc_win_grid3 .x-btn-text, .qpc_win_grid3 .x-grid3-cell-inner{
    color: #494747;
    font-size: 12px;
}
.qpc_win_grid3{
    background-color: #FFF;
}
.qpc_win_grid3 .x-grid3, .qpc_win_grid3 .x-panel-body{
    background-color: transparent;
    border: 0;
}
.qpc_win_grid3 .x-grid3-row-selected{
    background-color: #2CB1E7 !important;
    border: 1px solid #2CB1E7;
}
.qpc_win_grid3 .x-grid3-row-over{
    background: transparent none;
    border: 1px solid transparent;
}
.qpc_win_grid3 .x-grid3-row td,.qpc_win_grid3 .x-grid3-summary-row td{
    height: 22px;
	vertical-align: middle;
    color:#2E2E2E;
}
.qpc_win_grid3 .x-grid3-row-selected td,.qpc_win_grid3 .x-grid3-summary-row-selected td{
    color: #FFF;
}
.qpc_win_grid3 .x-grid3-cell-inner{
    padding-right: 15px;
}
.qpc_win_grid3_ii .x-grid3-cell-first .x-grid3-cell-inner{
    padding-right: 2px;
}

/* Add Edit Album Window */
.qpc_add_edit_album_win .s2p .tag-wrap{
    float:left;
    border: 1px solid #BBBBBB;
    padding: 5px 10px;
    margin: 6px 11px 0 0;
}
.qpc_add_edit_album_win .s2p .tag-text{
    float:left;
    color: #252525;
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow: ellipsis;
    /*max-width:590px;*/
    width: 162px;
    overflow: hidden;
}
.qpc_add_edit_album_win div.smpp {
    border: 1px solid #e8e8e8;
}
.qpc_add_edit_album_win .s2p.smpp .tag-remove{
    color: #BBBBBB;
    padding-left: 10px;
    cursor: pointer;
}
.qpc_add_edit_album_win .smartOptItem .sop_matchSwitch{
	margin-left: 10px;
}
.qpc_add_edit_album_win .smartOptItem .qpc_menu_tb_star{
	margin: 0px 6px;
}
.qpc_add_edit_album_win .smartOptItem .qpc_menu_tb .match{
	height: 20px !important;
	padding: 0px 0px 0px 5px;
	font-size: 12px;
}
.qpc_add_edit_album_win .smartOptItem .qpc_menu_tb .match ~ img.x-form-trigger{
	height: 20px !important;
	padding: 0px;
}

/* Folder Select Window 5.3 (PS.action.folderSelect)*/
.folderSelect .pathDir{
	background-color: #474a4d;
	font-size: 12px;
	color: #FFF;
	padding-left: 10px;
}
.folderSelect .qpc_folder_select_tree .x-panel-body{
	border-left: none;
	border-right: none;
	padding: 0 30px;
}
.folderSelect .addFoldeP{
	border-bottom: 1px solid #D0D0D0;
}
.folderSelect .addNewFolder.x-form-text{
	float: left;
	width: calc(100% - 60px);
	border: none;
	padding: 2px 10px;
}
.folderSelect .btnAddFolder{
	float: left;
}

.qpc_folder_select_tree .x-tree-node{
    line-height: 20px;
    margin: 5px 0;
}
.qpc_folder_select_tree .x-tree-elbow-minus, .qpc_folder_select_tree .x-tree-elbow-plus, 
.qpc_folder_select_tree .x-tree-elbow-end-minus, .qpc_folder_select_tree .x-tree-elbow-end-plus{
    background-image: url('../images/doplan_img/middle.png?366485774');
}
.qpc_folder_select_tree .x-tree-node .x-tree-node-icon{
    background-image: url('../images/toolbar/edit_photo_info.png?366485774');
    background-repeat: no-repeat;
    height: 25px; width: 16px;
	background-position: 0 -142px;
}
.qpc_folder_select_tree .x-tree-node .qpc_folder_tree_check .x-tree-node-icon{ background-position: 0 -112px; }
.qpc_folder_select_tree .x-tree-node .qpc_folder_tree_check a span{ color: #0084FF; }
.qpc_folder_select_tree .x-tree-node .x-tree-node-anchor{
    top: 4px; left: 3px;
    position: relative;
    font-size: 13px;
}
.qpc_folder_select_tree .x-tree-elbow-line {
    background-image: none;
}
.qpc_folder_select_tree .x-tree-elbow-minus, .qpc_folder_select_tree .x-tree-elbow-plus, .qpc_folder_select_tree .x-tree-elbow-end-minus, .qpc_folder_select_tree .x-tree-elbow-end-plus{
    height: 25px; width: 20px;
}
.qpc_folder_select_tree .x-tree-elbow-plus, .qpc_folder_select_tree .x-tree-elbow-end-plus{background-position: 9px -4742px;}
.qpc_folder_select_tree .x-tree-elbow-minus, .qpc_folder_select_tree .x-tree-elbow-end-minus{background-position: 6px -4690px;}

/*Modify Time Win*/
.nospan_win_qts.q-app-systemPreferences .x-window-header-text{margin: 0 auto;}

/* Action Window End */

/* IE8 override fixes start */
.x-form-text,.ext-ie .x-form-text,.ext-ie .x-form-file{
	margin: 0;
}
/* IE override fixes end */

/* Special CSS */
.bs_no_select{
   -o-user-select:none;
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}
.doplan_right_card .exif_text .v_top,
.bs_text_select{
   -o-user-select:text;
   -moz-user-select: text;
   -ms-user-select: text;
   -webkit-user-select: text;
   user-select: text;
}
.bs_text_overflow_ellipsis{
    white-space:nowrap;
    word-wrap: break-word;
    word-break:break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* PC Cover Ext */

.x-layout-split-west{
    background-color: #e8e8e8;
    width: 1px;
}
.x-layout-split-east{
    background-color: #e8e8e8;
    width: 1px;
}
.x-grid3-header{
    background: #f4f4f4 none;
    padding: 0;
    height: 30px;
}
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color: #f4f4f4;
    background-image: none;
    color: #666666;
}
.qpc_win_grid3 .x-grid3-header{
    background: #355284 none;
    height: 22px;
}

/*.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
    height:22px; width:24px;
    vertical-align: middle;
}*/

.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{
    background-image: none;
}

.x-window-mc{
    /*font-family:'QTS Font';*/
    font-weight: 400;
    font-size: 12px;
    color: #333333;
}
.x-window .x-window-header-text, .x-panel-ghost .x-window-header-text{
    display: block;
}

.x-panel-ghost .x-window-tl .x-window-header{
    display: none;
}

.x-masked select, .x-masked object, .x-masked embed{
    visibility: visible;
}
.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr{
    /*background-image: none;*/
    background-repeat: repeat;
}
/*
.x-grid3-row{
    border-color: transparent;
}
.x-grid3-row-selected{
    background-color: #BEDFEA !important;
    border: 1px solid;
    border-color: #BEDFEA;
}
.x-grid3-row-alt{
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid;
    border-color: #FFFFFF;
}
.x-grid3-row-over{
    background-color: #E6F1F4;
    background-image: none;
    border: 1px solid;
    border-color: #E6F1F4;
}
.x-grid3-row td,.x-grid3-summary-row td{
    height: 60px;
	vertical-align: middle;
    color:#333333;
}*/
.x-grid3-hd-inner{
    color: #666666;
    font-size: 14px;
    /*font-family:'QTS Font';*/
    font-weight: 300;
}
.qpc_win_grid3 .x-grid3-hd-inner{
    color:#FFF;
}

.x-grid3-hd-row td,.x-grid3-row td,.x-grid3-summary-row td{
    font-size: 12px;
}
.x-grid3-hd-row td{
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.x-grid3-hd-row td:hover{
    border-left: 1px solid #BABABA;
    border-right: 1px solid #BABABA;
}
.qpc_win_grid3 .x-grid3-hd-row td{
    border-right-color: #FFF;

}
.x-grid3-header-offset{
    padding-right: 10px;
}

.x-window-bbar .x-toolbar{
    border-top-color: #D0D0D0;
}

.ext-mac.ext-chrome .x-form-radio, .ext-mac.ext-safari .x-form-radio
{
    margin-left:2px;
}

.x-form-display-field, .ext-ie .x-form-display-field,
.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
    padding-top: 3px;
}

/* Social Upload */
.qpc_createAlbumPri_A{
    background-image: url('../images/doplan_img/middle.png?366485774');
    display: inline-block;
    background-position: 22px -4695px;
    width: 40px;
    height: 20px;
    position: absolute;
}
.qpc_fb_g_icon{
    background: transparent url('http://fbstatic-a.akamaihd.net/rsrc.php/v2/yH/r/eUYfuBIR9S1.png') no-repeat;
    display: inline-block;
}
.qpc_fb_h_0{
    background-position: -153px -394px;
    height: 12px; width: 17px;
}
.qpc_fb_h_1{
    background-position: -158px -378px;
    height: 12px; width: 17px;
}
.qpc_fb_h_2{
    background-position: -158px -378px;
    height: 12px; width: 17px;
}
.qpc_fb_h_3{
    background-position: -195px -378px;
    height: 12px; width: 11px;
}

/* Resolution Window */
.qpc_res_window_btn1{
    float: left;
    margin: 0 20px 10px 0;
}

.qpc_res_window_btn1 .x-btn-mc .x-btn-text{
    margin: 0 12px;
    font-size: 12px;
}

/* Modify ExtJS Display Mode */
.grid_list_all .xg-hmenu-sort-desc,
.grid_list_all .xg-hmenu-sort-asc,
.grid_list_all .x-menu-sep-li
{
    display: none !important;
}
/* Change ExtJS Default CSS */
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
	background-image: url('../images/common/green_checked_16.png?366485774');
}
/*.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner{
    background-image: url('../images/coverext/slider-bg.png?366485774');
    background-image: url('/v3_menu/panel/slider-bg.png?366485774');
}
.x-slider-horz .x-slider-thumb{
    background-image: url('../images/coverext/slider-thumb.png?366485774');
    background-image: url('/v3_menu/panel/slider-thumb.png?366485774');
    //z-index: 101 !important;
}*/

.x-menu-list-item{
    font-size: 13px;
}

.x-accordion-hd .x-panel-header-text{
    font-weight: bold;
}

.clearLeft {
    clear: left;
}


.dtsize_psize_gpout_6,
.dtsize_psize_gpout_7{
    border: 0;
    margin: 0;
    float: left;
    overflow: hidden;
}
.dtsize_psize_gpout_7{
    margin: 0 0 10px 10px;
    width: 270px !important;
}
.qsync-folder,
.home-folder{
    margin: 25px 0 10px 10px;
}

.dtsize_psize_gpout_6 .thumb-wrap .thumb_gp{
    position: relative;
    padding: 3px 0 0 0;
}

.folderIcon,
.folder-icon,
.image-arrow,
.image-check-no,
.image-check-yes,
.imageArrowCSS,
.imageCheckYesCSS,
.icon-uhd,
.icon-4k,
.icon-hd{
    background-image: url('../images/toolbar/edit_photo_info.png?366485774');
}
.image-arrow,
.imageArrowCSS{
    background-position: 0 -30px;
    width: 20px;
    height: 15px;
    cursor: pointer;
}
.image-check-yes,
.imageCheckYesCSS{
    background-position: -60px 0;
    width: 15px;
    height: 15px;
}
.image-check-no,
.imageCheckNoCSS{
    background-image: none;
}
.folder-icon{
    /*background-position: 0 -270px;
    width: 60px;
    height: 50px;*/
    background-position: 0 -120px;
    width: 16px;
    height: 14px;
    display: inline-block;
}

.icon-hd{
    background-position: 0 -210px;
    width: 32px;
    height: 16px;
}
.icon-4k{
    background-position: 0 -240px;
    width: 32px;
    height: 16px;
}
.icon-uhd{
    background-position: 0 -600px;
    width: 32px;
    height: 16px;
}
.imageTranscoding1_CSS{background-image: url('../images/common/transcoding1.gif?366485774'); width:42px; height:42px;}
.imageTranscoding2_CSS{background-image: url('../images/common/transcoding2.gif?366485774'); width:26px; height:26px;}
.imageTransfail1_CSS{background-image: url('../images/common/transfail1.png?366485774'); width:42px; height:42px;}
.imageTransfail2_CSS{background-image: url('../images/common/transfail2.png?366485774'); width:26px; height:26px;}
.imagePlayicon_26CSS{background-image: url('../images/common/playicon_16.png?366485774'); width:26px; height:26px;}


.imagePlayicon_42CSS{
    background-image: url('../gallery/assets/images/QTS+Photo-station_login_slice.png?366485774');
    background-position: 0 -390px;
    width:54px; height:54px;
}


/* Cover dd-proxy icon */
.x-dd-drop-nodrop .x-dd-drop-icon{
    top: 20%;
}

/* All Common CSS */
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.qpc_close_ic2{
    background-image: url('../images/doplan_img/toolbar.png?366485774');
    display: inline-block;
    background-position: 6px -1147px;
}
.float-left{
    float: left;
}

.x-form-text, textarea.x-form-field{
    background-image: none;
    border: 1px solid #b0b0b0;
}

.ext-el-mask {
    background-color: rgba(37, 52, 67, 0.3);
    opacity: 1;
}

.x-tab-panel-header, .x-tab-panel-footer{
    background-color: transparent;
}

.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{
    background: transparent none;
}

.x-tab-strip span.x-tab-strip-text{
    font-size: 14px;
    text-align: center;
}

.x-tab-strip-active, .x-tab-strip-active a.x-tab-right{
    border-bottom: 2px solid #000000;
}

.x-tab-panel-noborder .x-tab-panel-header-noborder{
    border: 0;
}

.x-tab-strip-wrap{
    border-bottom: 1px solid #000000;
}

ul.x-tab-strip li{
    margin-left: 0;
}

.x-tab-scrolling .x-tab-strip-wrap{
    margin: 0 18px !important; /*Bug 63804 */
}
.x-tab-scroller-left-disabled{
    opacity: 1;
}
.x-tab-scroller-left, .x-tab-scroller-right{
    background: transparent url('../images/icons/Share_slice.png?366485774') no-repeat;
    border-bottom-color: transparent;
    border-bottom: 0 solid #000000;
    width: 18px;
}
.x-tab-scroller-left{background-position: -25px -1249px;}
.x-tab-scroller-right{background-position: -25px -1219px;}
.x-tab-scroller-left-disabled.x-tab-scroller-left{background-position: 5px -1249px;}
.x-tab-scroller-left-disabled.x-tab-scroller-right{background-position: 5px -1219px;}

.x-window-tr,
.x-window-tl{
    background: transparent none;
    padding: 0;
}
.x-window-tc,
.x-window-mc{
    background-color: transparent;
}

.ext-gecko .x-form-text, .ext-ie8 .x-form-text, .x-form-text{
    padding: 1px 3px 1px;
}

.x-panel-body,
.x-tab-panel-noborder .x-tab-panel-body-noborder{
    background-color: #ffffff;
}

.x-form-field {
    font-size: 12px;
    font-weight: normal;
    /*font-family:'QTS Font';*/
    font-weight: 400;
}

.x-window-dlg .ext-mb-text, .x-window-dlg .x-window-header-text{
    font-size: 14px;
}

.x-window-bc .x-window-footer{
    padding-top: 30px;
    padding-bottom: 0;
}

.x-panel-btns td.x-toolbar-cell{
    padding: 0 1px 0 21px;
}

.ext-strict .x-small-editor .x-form-text.search{
    height: 22px !important;
    padding: 0 10px;
    color: #b4b4b4;
    border: 1px solid #000000;
    border-right: 0;
    font-size: 12px;
}

.x-form-field-wrap .x-form-trigger.search{
    background-image: url("../images/icons/search_slice.png?366485774");
    background-position: -25px 8px;
    border: 1px solid #000000;
    border-left: 0;
    height: 22px;
}
.ext-strict .x-small-editor .x-form-text.search.x-form-empty-field, .ext-strict .x-small-editor .x-form-text.search.x-form-empty-field ~ .x-form-trigger.search{
    border-color: #b0b0b0;
}

.ext-strict .x-small-editor .on_album .x-form-text.search{
    border-right: 1px solid #b0b0b0;
    float: right;
}
.x-form-field-wrap.on_album .x-form-trigger.search{
    display: none;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar{
    border: 0;
    border-bottom: 1px solid #ffffff;
    background: #f4f4f4 none;
}

.top-toolbar .x-toolbar-ct{
    height: 100%;
}

.folder-path{
    font-size: 14px;
    /*font-family:'QTS Font';*/
    font-weight: 300;
}

.x-toolbar div.xtb-text{
    /*font-family:'QTS Font';*/
    font-weight: 300;
}

.black-background .x-grid3{
    background-color: black;
}
#thumbs-main.black-background > .x-panel-bwrap > .x-panel-body{
    background-color: black;
}
#thumbs-main .x-grid3-body {
    padding-top: 15px;
}


.spinner {
    background-image: url("../images/common/loading.png?366485774");
    width: 21px;
    height: 21px;
    margin-right: 24px;
    float: left;
    -webkit-animation: loading 1s;

    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps(1);
    animation: loading 1s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(1);
}
@-webkit-keyframes loading {
    0% {
        background-position: 0 0; }
    12.5% {
        background-position: 0 -30px; }
    25% {
        background-position: 0 -60px; }
    37.5% {
        background-position: 0 -90px; }
    50% {
        background-position: 0 -120px; }
    62.5% {
        background-position: 0 -150px; }
    75% {
        background-position: 0 -180px; }
    87.5% {
        background-position: 0 -210px; }
    100% {
        background-position: 0 0; }
}
@keyframes loading {
    0% {
        background-position: 0 0; }
    12.5% {
        background-position: 0 -30px; }
    25% {
        background-position: 0 -60px; }
    37.5% {
        background-position: 0 -90px; }
    50% {
        background-position: 0 -120px; }
    62.5% {
        background-position: 0 -150px; }
    75% {
        background-position: 0 -180px; }
    87.5% {
        background-position: 0 -210px; }
    100% {
        background-position: 0 0; }
}

.modal-window{
    /*padding: 30px 34px;*/
    padding: 1px;
    border: 1px solid #B0B0B0;
    background-color: white;
}
.modal-window .x-window-header-text{
    text-align: left;
    font-size: 20px;
    font-weight: 900;
    color: #474747;
    line-height: 20px;
    margin: 14px 0 0 34px;
    height: 24px;
}
.modal-window .x-window-footer > .x-panel-fbar > .x-toolbar-ct{
    padding-bottom: 30px;
    padding-right: 34px;
}

.modal-window .x-tab-strip-top{
    padding: 1px 34px 0 34px;
}
.modal-window .x-tool-close{
    margin: 10px 8px 0 0;
}

.panel_hold_LR{
    padding: 0 34px;
}

.modal_window_msg{
    padding: 24px 24px 24px 24px;
    border: 1px solid #B0B0B0;
    background-color: rgba(255,255,255,0.95);
}
.modal_window_msg .x-panel-ml, .modal_window_msg .x-panel-mr, .modal_window_msg .x-panel-mc{
    background: none;
}

.x-border-layout-ct {
    background-color: #ffffff;
}
.x-window-dlg .x-btn-noicon,
.modal-button
{
    border: 1px solid #999;
    height: 30px;
    padding: 2px 22px 3px;
}
.prefer-button button{
    font-weight: bold;
}
.prefer-button{
    border: 1px solid #333;
}
.modal-button.x-item-disabled, .prefer-button.x-item-disabled{
    color: #AEAEAE;
    border-color: #AEAEAE;
}

.modal-button.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.withPlus{
    background-image: url('../images/icons/Share_slice.png?366485774');
    background-position: -30px -507px;
    height: 20px;
}
.modal-window .x-btn-noicon .x-btn-small .x-btn-text{
    height: auto;
}

.modal_window_msg .ext-mb-text,
.modal_window_msg .tipConfirmFieldText,
.modal_window_msg .classUXCheckbox + label.x-form-cb-label{
    color: #2F2F2F;
    font-size: 14px;
}

.right-panel-icons,
.exif-icons .iconDiv{
    background-image: url('../images/icons/right_panel.png?366485774');
    background-repeat: no-repeat;
}
.right-panel-icons.user-input{
    background-position: 0 -60px;
    position: relative;
    top: 5px;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}
.right-panel-icons.media-info{
    background-position: 0 -90px;
    position: relative;
    top: 5px;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}
.right-panel-icons.exif-info{
    background-position: 0 -120px;
    position: relative;
    top: 5px;
    margin: 0 auto;
    width: 24px;
    height: 24px;
}
.right-panel-icons.gps-mark{
    background-position: 0 -265px;
}
.right-panel-icons.gps-mark .locationValue{
    height: 17px;
    overflow: hidden;
}
.right-panel-icons.base-star{
    background-position: 0 -360px;
}
.right-panel-icons.star{
    background-position: 0 -330px;
}

.exif-icons .iconDiv{
    width: 28px;
    height: 20px;
    float: left;
    display: none;
}
.exif-icons.icon-Model .iconDiv{
    background-position: 0 -394px;
    display: inline-block;
}
.exif-icons.icon-Aperture .iconDiv{
    background-position: 0 -423px;
    display: inline-block
}
.exif-icons.icon-Exposure .iconDiv{
    background-position: 0 -454px;
    display: inline-block
}
.exif-icons.icon-FlashFiring .iconDiv{
    background-position: 0 -484px;
    display: inline-block
}
.exif-icons.icon-MeteringMode .iconDiv{
    background-position: 0 -512px;
    display: inline-block
}
.exif-icons.icon-FocalLength .iconDiv{
    background-position: 0 -544px;
    display: inline-block
}
.exif-icons.icon-ISO .iconDiv{
    background-position: 0 -573px;
    display: inline-block
}
.exif-icons.icon-WhiteBalance .iconDiv{
    background-position: 0 -605px;
    display: inline-block
}
.exif-icons.icon-Maker,
.exif-icons.icon-lensInfo{
    background-image: none;
}

.doplan_right_card .v_top .icon-FlashFiring > .xtb-text{
    white-space: nowrap;
}

.icon-album-type{
    position: absolute;
    right: 5px;
}
.icon-shared-album-expired,
.icon-shared-album,
.icon-public-album-expired,
.icon-public-album,
.icon-private-album,
.icon-center_isSmartAlbum,
.icon-photo-count,
.icon-video-count{
    background-image: url('../images/icons/album_info.png?366485774');
}
.icon-public-album-expired{
    background-position: 0 -150px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-public-album{
    background-position: 0 -120px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-shared-album-expired{
    background-position: 0 -90px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-shared-album{
    background-position: 0 -60px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-private-album{
    background-position: 3px -180px;
    width: 16px;
    height: 14px;
    display: inline-block;
}
.icon-center_isSmartAlbum{
    background-position: 0px -270px;
    width: 45px;
    height: 36px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 3;
}
.icon-photo-count{
    background-position: 0 1px;
    width: 14px;
    height: 14px;
    display: inline-block;
}
.icon-video-count{
    background-position: 0 -29px;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.faceSuggested_click_add_tag{
    cursor: pointer;
    border: 1px solid #999;
    border-radius: 7px;
    padding: 1px 10px;
}
.faceAlbum_nameTag{
    position: absolute;
    right: 5px;
}
.faceSuggestedAlbumAddTagWindow{
	background-color: #FAFAFA;
	padding: 2px;
}

.x-menu-item-arrow{
    background-image: url('../images/toolbar/arrow.png?366485774');
}

.task-icons{
    background-image: url('../images/toolbar/bgtask_slice.png?366485774');
}
.task-icons.upload, .task-icons.restore, .task-icons.pdf, .task-icons.social{
    top: 20px;
    left: 28px;
    width: 22px;
    height: 22px;
    position: relative;
}
.task-icons.upload{
    background-position: 0 -210px;
}
.task-icons.restore{
    background-position: 0 0;
}
.task-icons.pdf{
    background-position: 0 -30px;
}
.task-icons.social{
    background-position: 0 -60px;
}
.task-icons.cancel{
    background-position: 0 -180px;
    width: 15px;
    height: 15px;
    position: relative;
    top: 22px;
    left: 24px;
    cursor: pointer;
}

.left-panel-toggle .x-btn-text {
    font-size: 22px;
    position: absolute;
    left: 5px;
    top: 0;
}

.albumImage {
    object-fit:cover;
    background-color: #ffffff;
    z-index: 1;
}

.album-avatar {
    position: absolute;
    left: 5px;
    bottom: 30px;
    border: 1px solid #d0d0d0;
    width: 20px;
    height: 20px;
}

form > .x-form-item {
    margin-bottom: 15px;
}

.x-window-dlg .x-window-body{
    padding: 0;
}

.path-anchor {
    color: #333;
    text-decoration: none;
}

.thumb-info {
    padding: 8px 10px 5px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px;
}

.primary-info {
    font-weight: 600;
}

.secondary-info {
    font-weight: 400;
    font-size: 12px;
}

.color-level {
    position: relative;;
    top: 1px;
    display: inline-block;
    width: 13px;
    height: 13px;
}
.color-level-0 {
    background-image: url('../images/doplan_img/right.png?366485774'); background-position: 0px -610px;
}
.color-level-1 {
    background-color: #F7D843;
}
.color-level-2 {
    background-color: #FB5A88;
}
.color-level-3 {
    background-color: #5199FF;
}
.color-level-4 {
    background-color: #B7F760;
}
.color-level-5 {
    background-color: #91965F;
}
.color-level-6 {
    background-color: #BD8CEA;
}
.rating-level {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.bold,
div.xtb-text.loading-text {
    font-weight: 700;
}

.info-label {
    padding: 5px 0 0 4px;
    font-size: 12px;
    line-height: 15px;
    color: #2f2f2f;
    text-align: left;
    white-space: nowrap;
    vertical-align: baseline;
}

.qpc_media_viewer_info .info-label {
    color: #fff;
}

@-webkit-keyframes moving-rainbow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes moving-rainbow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes moving-rainbow {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}