*{margin:0; padding:0; box-sizing:border-box;}
/*body{font-family:'Rockwell-Light'; font-weight:normal;}*/
body, input, select, textarea{font-family:'Roboto',sans-serif; font-weight:300;}
h1, h2, h3, h4, h5, h6{font-weight:300;}
h1{font-size:24px;}
strong{font-weight:600;}
a > img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a.more{background-color: #999; border-radius: 5px; color: #fff; display: inline-block; font-size: 12px; line-height: 14px; margin-top: 20px; padding: 5px 10px;}
a.more:hover{text-decoration:none; background-color:#666;}
a.default{color:#0099ff; cursor:pointer;}
.status-tab{display:inline-block; font-size:11px; line-height:1.8em; padding:0 5px 2px 5px; border-radius:3px;}
input[type=text]{display:inline-block; border-radius:5px; padding:5px; font-size:14px; line-height:14px; margin-bottom:5px;  padding:8px; border:2px solid #ccc;}

.row{margin:0 -10px; list-style:none;}
.row::after{content:''; display:table; clear:both;}
.no-float{float:none;}
.col{padding:2px 10px; float:left; position:relative;}
@media (min-width: 980px)
{

.col--1{width:8.33%;}
.col--2{width:16.66%;}
.col--3{width:25%;}
.col--4{width:33.33%;}
.col--5{width:41.66%;}
.col--6{width:50%;}
.col--7{width:58.33%;}
.col--8{width:66.66%;}
.col--9{width:75%;}
.col--10{width:83.33%;}
.col--11{width:81.66%;}
.col--12{width:100%;}
} 
@media (max-width: 979px)
{
  .sm--col{width:100%; padding:0;}
  .sm--col--1{width:8.33%;}
  .sm--col--2{width:16.66%;}
  .sm--col--3{width:25%;}
  .sm--col--4{width:33.33%;}
  .sm--col--5{width:41.66%;}
  .sm--col--6{width:50%;}
  .sm--col--7{width:58.33%;}
  .sm--col--8{width:66.66%;}
  .sm--col--9{width:75%;}
  .sm--col--10{width:83.33%;}
  .sm--col--11{width:81.66%;}
  .sm--col--12{width:100%;}
  }

.inline{overflow:hidden; white-space:nowrap; height:auto; text-overflow:ellipsis;}
.table{display:table; table-layout:fixed; height:100%; width:100%; border:0;}
.table-row{display:table-row;}
.table-row.bg:nth-child(even){background-color:#eee;}
.table-cell{display:table-cell; vertical-align:middle; cursor:default;}
.table-row.hover:hover .table-cell{background-color:#666; color:white;}
.table-row:not(.head) > .table-cell > span{line-height:40px; padding:0 5px;}
.table-cell > .table{line-height:24px; padding:10px 5px;}
.table-row.head{font-size:12px;}
.table-row.head > .table-cell{color:#ccc; padding:0 0 10px 0;}
.table-row.head > .table-cell > span{line-height:0;}

.content-border-radius{border-radius:5px;}

.content-text-align-left{text-align:left;}
.content-text-align-center{text-align:center;}
.content-text-align-right{text-align:right;}
.content-margin-bottom-half{margin-bottom:0.5em;}
.content-margin-bottom-default{margin-bottom:1em;}
.content-margin-bottom-double{margin-bottom:2em;}
.content-margin-top-half{margin-top:0.5em;}
.content-margin-top-default{margin-top:1em;}
.content-margin-top-double{margin-top:2em;}
.content-background-softGrey{background-color:#fafafa;}

.content-avatar{border-radius:50%; background-size:cover; float:left;}
.content-notif{display:inline-block; background:#cc0000; color:white; font-weight:300; font-size:12px; min-width:30px; border:2px solid white; line-height:20px; text-align:center; padding:0 5px; border-radius:12px; }

#loader, #overlay{position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, .92); overflow:auto;}
#overlay{z-index:1001;background:rgba(255, 255, 255, .92);}
#loader .loader-spinner{position:absolute; width:45px; height:56px; line-height:56px; top:50%; left:50%; margin:-28px auto auto -25px; text-align:center; font-size:50px; color:rgba(0, 0, 0, .8);}
/*
#loader P{position:absolute; width:80px; height:80px; margin:-40px auto auto -40px; border-radius:11px; background:rgba(0, 0, 0, .8) url(../../media/interface/ajax-loader-black.gif) center no-repeat; top:50%; left:50%; box-shadow:0 0 10px #888888;}
#loader P SPAN{display:none; color:#fff; position:absolute; width:100%; bottom:10px; text-align:center;}
*/
#loader DIV{position:absolute; z-index:1; top:0; left:0;; width:100%; height:100%;}

#overlay_content, #overlay_addon{margin:50px auto; padding:0 100px; max-width:1400px; background-repeat:no-repeat; background-position:center; /*position:absolute; top:50%; left:50%; background-color:#fff; border-radius:11px; box-shadow:0 0 10px rgba(0, 0, 0, .5); */}
#overlay_tab{padding:30px 0; position:relative;}
#overlay_tab H4{margin-bottom:10px;}
#overlay_tab INPUT[type=password], #overlay_tab INPUT[type=text]{display:block; /*margin-bottom:10px;*/ border:1px solid #666; /*padding:3px; padding-right:25px;*/ }
#overlay_tab INPUT.error{background:transparent url(../../media/interface/popin_input_error.png) right center no-repeat;}
#overlay_tab .core_popin_close_btn{
	position:fixed; 
	top:40px; 
	right:50px;
    background-color: #ddd;
    border-radius: 20px;
    color: #333;
    /*line-height: 15px;*/
    padding: 10px 11px;
    z-index: 1;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}
#overlay_tab .core_popin_close_btn:hover{
    background-color: #333;
    color: #fff;
    text-decoration:none;
}

#overlay_tab .core_popin_edit_btn{
    position:fixed; 
    top:40px; 
    right:95px;
    background-color: #aaa;
    border-radius: 20px;
    color: #111;
    line-height: 15px;
    padding: 10px 11px;
    z-index: 1;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}
#overlay_tab .core_popin_edit_btn:hover{
    background-color: #333;
    color: #fff;
    text-decoration:none;
}

#overlay_tab DIV.commands{position:fixed; -webkit-transform: translateZ(0); top:50%; z-index:1; cursor:default; background-color:#333; color:#fff; line-height:15px; padding:10px; border-radius:20px;}
#overlay_tab DIV.commands:hover{background-color:#ccc; color:#333;}
#overlay_tab DIV.command_left{left:30px;}
#overlay_tab DIV.command_right{right:30px;}

#globalWarningContainer{display:none; position:fixed; top:0; width:100%; height:60px; line-height:60px; background-color:rgba(0, 0, 0, .8); padding:5px; color:#fff; text-align:center; z-index:1100;}
DIV.core_popin_warning{margin-bottom:10px; padding:5px; font-size:11px;}
DIV.core_warning_success{color:#19A319; background-color:#E8FFE8; border:1px solid #19A319;}
DIV.core_warning_error{color:#cc0000; background-color:#FFE6E6; border:1px solid #cc0000;}

.core_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#wrapper{ height:100vh; position:fixed; width:100vw; background-color:#fff; visibility:hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
#wrapper .wrapper-content{margin:0 auto; padding:100px 30px 200px 30px; min-height:100vh; /* max-width:1440px; */ position:relative;}
#menu{position:fixed; top:0; left:0; width:100%;  height:60px; border-bottom: 1px solid #e4e4e4; z-index:100; background-color:#f2f2f2;}
#menu_logo{height:40px; width:40px; position:absolute; top:10px; left:15px; background:transparent url(../../media/interface/main_logo.png) center no-repeat; background-size:cover; text-indent:-9999px;}
#menu DIV.menu_list{margin:0 0 0 60px;}
#menu DIV.menu_list A{display:inline-block; font-size:14px; line-height:60px; padding:0 14px; text-decoration:none; position:relative; color:#888; font-weight:400; transition: all 0.29s ease-in-out 0s;}
#menu DIV.menu_list A:hover{background-color: #e5e5e5;}
#menu DIV.menu_list A.active{color:#0099ff;}
#menu DIV.menu_list A.active:after{background-color:#0099ff; content:''; position:absolute; width:calc(100% - 36px); height:3px; bottom:1px; left:18px;}
#menu DIV.menu_burger{display:none;}
#menu_profile_drop_bg{position:absolute; top:0; left:0; width:100%; height:100vh; background:transparent; display:none;}
#menu_profile_drop_bg.active{display:block;}
/*
#menu DIV:first-child{margin:140px 0 20px 0;}
#menu DIV:first-child A{display:block; font-size:14px; line-height:16px; padding:10px 15px; text-decoration:none; position:relative; color:#888; font-weight:300;}
#menu DIV:first-child A > IMG{position:absolute; right:10px;}
#menu DIV:first-child A > SPAN{display:block; vertical-align:middle;}
#menu DIV:first-child A > SPAN.pastille{display:inline-block; background-color:#cc0000; color:#fff; width:16px; font-size:9px; line-height:16px; border-radius:8px; position:absolute; margin-left:5px; margin-top:-5px; text-align:center;}
#menu DIV:first-child A:hover{background-color:rgba(0, 0, 0, 0.1);}
#menu DIV:first-child A.has_children{padding-right:25px; position:relative;}
#menu DIV:first-child A.has_children:before{position:absolute; right:0; content:'\f067'; padding:0 10px; font-size:10px; transform-origin:50% 50%; transition:all .5s; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; opacity:0.5;}
#menu DIV:first-child A.has_children:after{position:absolute; right:0; content:'\f068'; padding:0 10px; font-size:10px; transform-origin:50% 50%; transition:all .5s; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; opacity:0;}
#menu DIV:first-child A.highlighted{background-color:#666 !important; color:#fff !important;}
#menu DIV:first-child A.highlighted:before{transform:rotate(180deg); opacity:0;}
#menu DIV:first-child A.highlighted:after{transform:rotate(180deg); opacity:1;}
#menu DIV:first-child A.active{color:#0099ff;}
#menu DIV:first-child DIV.toolbox{display:inline-block; position:relative; background:transparent url(../../media/interface/toolbox.png) center no-repeat; width:35px; font-size:14px; line-height:16px; padding:10px 5px; text-indent:-9999px;}
#menu DIV:first-child DIV.toolbox:hover{background-color:#ccc;}
*/
#menu_profile{position:absolute; top:0; right:10px; padding-left:60px; padding-right:20px; cursor:pointer; transition: all 0.29s ease-in-out 0s;}
#menu_profile:after{content: "\f0d7"; color:#666; position:absolute; top:0; right:0; width:30px; text-align:center; line-height:60px; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit;}
#menu_profile:hover, #menu_profile.active{background-color: #e5e5e5;}
#menu_profile.active:after{content: "\f0d8";}
#menu_profile .menu_profile-info{display:table; table-layout:fixed; height:60px; width:100%; max-width:140px;}
#menu_profile .menu_profile-info-wrapper{display:table-cell; height:100%; vertical-align:middle; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
#menu_profile .menu_profile-info-wrapper-userName{display:inline-block; font-size:14px; font-weight:bold; color:#666;}
#menu_profile .menu_profile-info-wrapper-userFunction{display:inline-block; font-size:13px; color:#ccc;}
#menu_profile .menu_profile-info-wrapper-userAvatar{position:absolute; height:40px; width:40px; background-position:center; background-repeat: no-repeat; background-size:cover; border-radius:50%; top:10px; left:10px;}
#menu_profile .menu_profile-info-wrapper-userNotif{position:absolute; right:calc(100% - 20px); z-index:1; border:2px solid #f2f2f2;}
#menu_profile .drop{position:absolute; z-index:3; display:none; top:70px; right:0; border-radius:5px; width:250px; box-shadow: 1px 1px 10px 0#e0e0e0; list-style:none;}
#menu_profile.active .drop{display:block;}
#menu_profile .drop > li{background:white; border-top: 1px solid #e4e4e4; overflow:hidden; position:relative;}
#menu_profile .drop > li:not(.no-angle):after{content: "\f105"; color:#666; position:absolute; top:0; right:0; width:30px; text-align:center; line-height:50px; font-family: FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit;}

#menu_profile .drop > li:first-child{border:0; border-radius:5px 5px 0 0;}
#menu_profile .drop > li:last-child{border-radius:0 0 5px 5px;}
#menu_profile .drop > li > a{line-height:50px; padding:0 10px; display:block; text-decoration:none; color:#666; font-size:14px;}
#menu_profile .drop > li > a:hover{background:#f4f4f4;}

#menu_bottom{position:absolute; bottom:0; left:0; padding-bottom:100px; width:100%; text-align:center; background:transparent url(../../media/content/footer-people.jpg) bottom left repeat-x; background-size:auto 60px;}
#menu_bottom P{font-family:'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif; font-size:9px; color:#999;}
#menu_bottom IMG{width:120px; margin:40px 0 0 0; opacity:.4;}
#menu_bottom A{color:#47D1FF; font-size:11px; }

#menu .menu_title{position: absolute; height:100%; font-size:14px; top:0; left:70px; line-height:60px; width:calc(100% - 300px); overflow:hidden; text-overflow:ellipsis; color:#999;}


@media (max-width: 979px) 
{
  #menu_logo{left:50%; margin-left:-20px;}
  #wrapper{height:100%;}
  #wrapper .wrapper-content{padding-left:20px; padding-right:20px;}
  #menu DIV.menu_burger{display:block; width:60px; height:60px; position:absolute; top:0; left:0; background:transparent url(../../media/interface/burger_menu.svg) center no-repeat; background-size:40px 40px; top:5px;}
  #menu DIV.menu_list{display:none; opacity:0; transition:opacity 0.3s ease; margin:0; position:fixed; top:0; left:0; z-index:3; height:100vh; width:100vw; padding:60px 20px; background:rgba(255, 255, 255, 0.9);}
  #menu DIV.menu_list a{ width:100%; display:block; box-sizing: border-box; padding:0; font-size:19px; font-weight:300;}
  #menu DIV.menu_list A.active:after{width:75%; left:0;}
  #menu DIV.menu_list.active{display:block;}
  #menu DIV.menu_list.shown{opacity:1;}
  #menu DIV.menu_list .menu_list_close{display:block; width:60px; height:60px; position:absolute; top:0; left:0; background:transparent url(../../media/interface/delete_blk.png) center no-repeat; background-size:26px 26px;}
  #menu_profile .menu_profile-info{max-width:0; width:0;}
  #menu_profile .menu_profile-info-wrapper-userName, #menu_profile .menu_profile-info-wrapper-userFunction{display:none;}
}

/*
#sub_menu{position:fixed; top:0; left:0; z-index:98; height:100%; width:100%; background-color:#666; overflow-x:hidden; overflow-y : auto; display:none;}
#sub_menu DIV{position:absolute; top:0; left:-100%; width:100%;}
#sub_menu DIV A{display:block; padding:5px; text-decoration:none; color:#fff; font-size:14px; line-height:16px; padding:10px 15px;}
#sub_menu DIV A:hover{background-color:#444;}
*/

.core_lone_column{padding:50px 20px; text-align:center;}

.core_list_totals{font-size:12px; line-height:14px; margin:10px 0;}
.core_list_totals P{display:inline-block; padding:4px 10px 4px 25px; background:#f4f4f4 url(../../media/interface/arrow_right.png) 3px center no-repeat; color:#999; border-radius:10px;}

.core_pages_list{text-align:center; padding:20px; font-size:0;}
.core_pages_list *{display:inline-block; padding:3px 5px; margin:1px; font-size:12px; color:#333; text-align:center;}
.core_pages_list span{background-color:#333; color:#fff;}
.core_pages_list span:first-child, .core_pages_list span:last-child{color:#ddd; background-color:transparent;}
.core_pages_list A:hover{background-color:#ddd; text-decoration:none;}

.core_no_result{text-align: center;}
.core_no_result H3{display:inline-block; padding:110px 30px 30px 30px; border-radius:9px; background:#f4f4f4 url(../../media/interface/alert_big.png) center 30px no-repeat;}

.core_selector_uri{margin-right:10px;}

.core_left_column{width:100%;}
.core_left_column H1{margin-bottom:20px;}
/*
.core_left_column A{display:inline-block; color:#333; font-size:11px; margin-right:5px; padding:7px; background-color:transparent; background-repeat:no-repeat; background-position:right center; border:1px solid #666;}
.core_left_column A.asc{background-image:url(../../media/interface/bullet_arrow_down.png); font-weight:500; padding-right:17px;}
.core_left_column A.desc{background-image:url(../../media/interface/bullet_arrow_up.png); font-weight:500; padding-right:17px;}
*/
.core_left_column SELECT{display:inline-block; /*min-width: 60px; max-width: 185px; */width:120px;}
.core_left_column DIV.q_container{display:inline-block; border-radius:3px; margin-right:20px; padding-right:20px; margin-bottom:10px; border:1px solid #999; position:relative; background:white;}
.core_left_column DIV.q_container:after{position:absolute; width:20px; height:100%; top:0; right:2px; content:'\f002'; font-size:15px; color:#999; line-height:25px; font-family: FontAwesome; font-style: normal; font-weight: normal;text-decoration: inherit;}
.core_left_column DIV.q_container INPUT.q{border:0; width:150px; height:14px; line-height:14px; margin:5px; background:transparent;}

.core_left_search_form{min-height:30px;  padding-right: 230px; position:relative;}

.core_hide_left_column{z-index:1; position:absolute !important;}
.core_hide_left_column DIV.core_left_search_form{display:none !important;}
.core_hide_left_column H1{display:block !important;}

.core_tpl_choice{position:absolute; right:25px; top:20px; display:block !important;}

.core_inner_title{margin:10px 20px 10px 210px; padding:20px 0 8px 0; color:#bbb; font-size:18px; text-align:center;}
.core_inner_title span{display:inline-block; border-radius:5px; font-size:14px; line-height:15px; padding:5px 10px 5px 10px; color:#333; background-color:#eee;}

.core_right_column{position:relative;}
.core_expand_right_column{margin-left:20px;}
.core_expand_right_column H2.core_inner_title{}

.core_right_commands{position:absolute; z-index:0; top:-50px; right:0px;}
.core_command_item_btn{display:inline-block; padding:10px 14px 8px 42px;  text-decoration:none; color:#fff; font-weight:500; border-radius:30px; background-color:#ec135b; background-repeat:no-repeat; background-position:2px 3px;}
.core_command_item_btn:hover{text-decoration:none; background-color:#ff0055;}
.core_add_item_btn{display:inline-block; padding:7px 14px 7px 10px;  text-decoration:none; color:#fff; border-radius:5px; background: #1FCC2A; line-height: 28px;}
.core_add_item_btn i{font-size: 30px; display:block; float:left; margin-right:8px; transition:transform .3s;}
.core_add_item_btn:hover{text-decoration:none; background-color:#0Fee0f;}
.core_add_item_btn:hover i{transform:rotate(90deg);}
.core_add_item_btn.small{padding:2px 10px 2px 5px; line-height:20px;}
.core_add_item_btn.small i{font-size:20px;}

.core_inner_list{display:table; margin:30px 0 20px 0; list-style-type:none; padding:0; font-size:0; width:100%;}
.core_inner_list LI{display:table-row; position:relative; color:#666;}
.core_inner_list LI:hover{background-color:#fbfbfb;}
.core_inner_list LI A{color:#333; font-weight:500; font-size:14px;}
.core_inner_list LI A:hover{color:#666;}
.core_inner_list LI DIV A{}

.core_inner_list LI P{font-size:12px; padding-top:5px; color:#aaa;}

.core_list_index{display:block !important; text-align:center; font-size:48px; font-weight:300 !important; padding:20px 0 5px 0 !important; color:#ccc !important;}
.core_list_index:hover{background-color:transparent !important;}

#core_inner_list_view{position:absolute; border:1px solid #666; border-radius:5px; font-size:0; overflow:hidden;}
#core_inner_list_view > span{border-left:1px solid #666; display:inline-block; font-size: 16px; line-height: 16px;  padding: 5px;  vertical-align: top; cursor:default;}
#core_inner_list_view > span:first-child{border:0;}
#core_inner_list_view > span:hover{background-color:#f4f4f4;}
#core_inner_list_view > span.active{background-color:#333; color:#fff;}

.core_inner_table{display:table; width:100%; list-style-type:none; margin:10px 0 0 0; padding:0; table-layout:fixed; overflow:hidden; white-space: nowrap;}
.core_inner_table LI{display:table-row; color:#666;}
.core_inner_table LI:hover{background-color:#f4f4f4;}
.core_inner_table LI.header, .core_inner_list LI.header{background-color:transparent; color:#aaa; vertical-align:middle;}
.core_inner_table LI.header:hover, .core_inner_list LI.header:hover{background-color:transparent;}
.core_inner_table LI.sub-totals, .core_inner_list LI.sub-totals{font-style:italic;}
.core_inner_table LI.sub-totals:hover, .core_inner_list LI.sub-totals:hover{background-color:transparent;}
.core_inner_table LI.totals, .core_inner_list LI.totals{font-weight:bold;}
.core_inner_table LI.totals:hover, .core_inner_list LI.totals:hover{background-color:transparent;}
.core_inner_table LI > DIV, .core_inner_list LI DIV{display:table-cell; padding:5px; border-top:1px dotted #ddd; font-size:14px; cursor:default; vertical-align:middle; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; position:relative;}
.core_inner_table LI > DIV, .core_inner_list LI DIV{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.core_inner_table LI > DIV .notif, .core_inner_list LI DIV  .notif{position:absolute; right:5px; background-color:#ccc; height:20px; min-width:20px; line-height:20px; text-align:center; color:white; border-radius:50%; font-size:0.7em;}
.core_inner_table LI > DIV .notif.highlight, .core_inner_list LI DIV  .notif.highlight{background-color:#33CCFF;}
/*.core_inner_table LI > DIV IMG, .core_inner_table LI DIV SPAN.line_title{vertical-align:middle;}*/
.core_inner_table LI DIV.item_commands, .core_inner_list LI DIV.item_commands{font-size:16px; text-align:center; line-height:21px;}
.core_inner_table LI DIV.item_commands a, .core_inner_list LI DIV.item_commands a, .item_commands_icon{color:#999; text-decoration:none; display:inline-block;}
.core_inner_table LI DIV.item_commands a:hover, .core_inner_list LI DIV.item_commands a:hover, .item_commands_icon:hover{color:#333;}
.core_inner_table LI:last-child > DIV{border-bottom:1px dotted #ddd;}
.core_inner_table LI.header > DIV, .core_inner_list LI.header DIV{border-top:0; padding-top:0; padding-bottom:12px;}
.core_inner_table LI.header > DIV:first-child, .core_inner_list LI.header DIV:first-child{padding-left:8px;}
.core_inner_table LI.header A, .core_inner_list LI.header A{color:#aaa;}
.core_inner_table LI.selected, .core_inner_list LI.selected{background-color:rgba(0, 0, 0, .15); color:#000;}
.core_inner_table LI.item > DIV.item_commands A{margin-left:5px;/* float:left;*/}
.core_inner_table LI.item > DIV.item_commands A:first-child{margin-left:0;}
.core_inner_table LI.item > DIV.item_commands [command-checker]{opacity:0.25;}
.core_inner_table LI.item > DIV.item_commands [command-checker=true]{opacity:1; color:white; background:#666666; border-radius:4px; line-height:16px; font-size:12px; padding:0 2px;}
.core_inner_table LI.item A.list_action{color:#333; font-size:12px; display:inline-block; line-height:12px; padding:3px 10px; background-color:#eee; text-decoration:none; border-radius:12px;}
.core_inner_table LI.item A.list_action:hover{color:#fff; background-color:#666;}

.core_inner_grid{margin:0px 20px 20px 0; list-style-type:none; padding:0; font-size:0;}
.core_inner_grid LI{display:inline-block; vertical-align:top; width:20%;}
.core_inner_grid LI A{display:block; color:#333; margin:0 10px 10px 0; min-height:250px; text-align:center; border:1px solid #ddd; border-radius:11px;}
.core_inner_grid LI A:hover{background-color:#f4f4f4; text-decoration:none;}
.core_inner_grid LI A > SPAN{display:block; padding:5px 10px; font-size:14px;}
.core_inner_grid LI A > SPAN:first-child{padding-top:10px;}
.core_inner_grid LI A > SPAN > STRONG{font-size:18px;}
.core_inner_grid LI A > IMG{width:40px; height:40px; margin:10px 0 15px 0;}

.core_list_item_filter{display:inline-block; padding-left:25px; background:transparent url(../../media/interface/filter_icon.png) center left no-repeat;}

.core_inner_details{margin:0px 20px 20px 270px;}

.core_end_totals{padding:20px; text-align:center; margin-bottom:-20px;}
.core_end_totals P{display:inline-block; border-radius:5px; font-size:14px; line-height:15px; padding:5px 10px 5px 10px; color:#333; background-color:#eee;}

A.core_parent_up_btn{display:inline-block; background:#ddd url(../../media/interface/arrow_up_circle.png) 5px center no-repeat; border-radius:20px; font-size:14px; line-height:15px; padding:5px 10px 5px 25px; color:#333; text-decoration:none;}
A.core_parent_up_btn:hover{background-color:#999;}

#core_edit_panel{width:600px; margin:0 auto; text-align:right;}
#core_edit_panel H2{text-align:center; padding:20px 0 40px 0;}
#core_edit_panel UL{list-style-type:none; display:table; width:100%; border-bottom:1px dotted #ddd; text-align:left;}
#core_edit_panel UL LI{display:table-row;}
#core_edit_panel UL LI:hover{background-color:#f4f4f4;}
#core_edit_panel UL LI > DIV{display:table-cell; padding:5px; border-top:1px dotted #ddd; font-size:14px; cursor:default; vertical-align:middle;}
#core_edit_panel UL LI > DIV.label{width:40%;}
#core_edit_panel UL LI > DIV.field{width:60%;}
#core_edit_panel UL LI > DIV *.wide{width:97%;}
#core_edit_panel UL LI > DIV > INPUT, #core_edit_panel UL LI > DIV > TEXTAREA{font-size:12px; resize: none; border:1px solid #ddd; padding:2px;}
#core_edit_panel UL LI.header{display:none;}
#core_edit_panel UL LI.header DIV{border-top:0; font-weight:500; color:#999;}
.record_btn, .trigger_btn{display:inline-block; margin:20px 0; padding:10px 18px 10px 14px; border:0; color:#fff; border-radius:5px; line-height:20px; background:#33CCFF; cursor:pointer;}
a.record_btn, a.trigger_btn{text-decoration:none;}
.record_btn i{font-size: 20px; display:block; float:left; margin-right:8px; transition:transform .3s;}
.record_btn:hover, .trigger_btn:hover{background-color:#94DBFF;}
.record_btn:hover i{transform:scaleX(-1);}
.file_upload_main .command{ display:inline-block; margin-left:20px; color:#333;}
.file_upload_main .command:hover{color:#0099ff; cursor:pointer;}
.file_upload_main .command.delete:hover{color:#cc0000;}
.file_upload_main .command:first-of-type{margin-left:0;}
.file_upload_main .command.hidden{display:none;}
.file_upload_main .label{margin-left:10px; color:#33cc33;}
.file_upload_main .label.hidden{display:none;}
.file_upload_progress:after{content:''; display:table; clear:left;}
.file_upload_progress .file_upload_progress_bar{width:calc(97% - 45px); float:left; background:#a3e0ff; border-radius:4px; overflow:hidden;}
.file_upload_progress .file_upload_progress_bar i{width:0; background:#47d1ff; display:block;}
.file_upload_progress .file_upload_progress_label{width:40px; margin-left:5px; float:left; text-align:right;}


#core_edit_panel INPUT.readonly{border:0; background-color:transparent; color:#999; cursor:default;}

#core_edit_panel A.cancel_btn{float:left; display:inline-block; cursor:pointer; margin:20px 0; padding:6px 12px 5px 8px; text-decoration:none; color:#666; font-size:12px; line-height:20px; border-radius:3px; background:transparent;}
#core_edit_panel A.cancel_btn i{font-size:20px; transition:transform .3s; display:block; float:left; margin-right:5px;}
#core_edit_panel A.cancel_btn:hover{color:#cc0000;}
#core_edit_panel A.cancel_btn:hover i{transform:rotate(90deg);}

#core_edit_panel DIV.core_status_before_record{text-align:right; padding:20px 0 0 0; font-size:0;}
#core_edit_panel DIV.core_status_before_record P{display:inline-block; font-size:14px; font-weight:500; color:#999;}
#core_edit_panel DIV.core_status_before_record P:first-child{margin-right:20px;}

#core_edit_panel UL LI.error{background-color:#FFE6E6;}
#core_edit_panel UL LI.error:hover{background-color:#FFDADA;}

#core_details_panel, #core_details_addon_panel{max-width:1400px; width:85%; margin:0 auto; text-align:right; position:relative;}
#core_details_panel H2{text-align:center;}
#core_details_panel H3{text-align:center; padding:40px 0 20px 0; color:#999;}
#core_details_panel UL.data{list-style-type:none; display:table; width:100%; border-bottom:1px dotted #ddd; text-align:left;}
#core_details_panel UL.data LI{display:table-row;}
#core_details_panel UL.data LI:hover{background-color:#f9f9f9;}
#core_details_panel UL.data LI > DIV{display:table-cell; padding:5px; border-top:1px dotted #ddd; font-size:14px; cursor:default; vertical-align:middle;}
#core_details_panel UL.data LI > DIV:first-child{width:25%;}

#core_details_panel UL.actions{list-style-type:none; width:100%; font-size:0; text-align:center;}
#core_details_panel UL.actions LI{display:inline-block; width:80px; height:80px; margin-left:10px;}
#core_details_panel UL.actions LI:first-child{margin-left:0;}
#core_details_panel UL.actions LI A{display:block; height:100%; background-color:#f4f4f4; background-repeat:no-repeat; background-position:center 60%; background-size:40%; border-radius:3px; font-size:12px; text-decoration:none; color:#999;}
#core_details_panel UL.actions LI A SPAN{display:block; padding:5px;}
#core_details_panel UL.actions LI A:hover{background-color:#999; color:#fff;}

#core_details_addon_panel .empty{text-align:center; font-style:italic; margin-bottom:20px;}
#core_details_addon_panel .add{text-align:center;}
#core_details_addon_panel .add A{display:inline-block; font-size:12px; line-height:22px; padding:5px 10px; border-radius:5px; background-color:#eee; color:#333; text-decoration:none;}
#core_details_addon_panel .add A i{font-size:18px;}
#core_details_addon_panel .add A:hover{background-color:#999; color:#fff;}

/*
#core_inner_top{margin:0; position:absolute; z-index:10; width:100%;}
#core_inner_top H1{font-size:22px; padding-left:20px;}
#core_inner_top P{font-size:14px; width:75%; padding-left:20px; margin-bottom:5px; margin-top:-5px;}
*/
#core_inner_top DIV.menu{border:1px dotted #ddd; border-left:0; border-right:0; width:100%; background-color:#fff;}
#core_inner_top DIV.menu UL{list-style-type:none; font-size:0; position:relative;}
#core_inner_top DIV.menu UL LI{display:inline-block; font-size:16px; line-height:20px; color:#ddd;}
#core_inner_top DIV.menu UL LI A{display:inline-block; padding:0 10px; font-size:15px; color:#999; line-height:40px;}
#core_inner_top DIV.menu UL LI A.active{color:#0099ff;/* font-weight:500;*/}
#core_inner_top DIV.menu DIV.menu_client_label{visibility:hidden; position:absolute; width:auto; top:0; left:10px; padding:0 20px 0 10px; line-height:40px; max-width: 200px; overflow: hidden; height: 100%; white-space: nowrap; text-overflow: ellipsis;/*background:transparent url(../../media/interface/control_play.png) right center no-repeat;*/}
#core_inner_top DIV.menu DIV.menu_client_label > SPAN{position:absolute; right:-3px; font-size:11px; top:12px; color:#ccc;}



.menu_sticked{background-color:#aaa !important; border:0 !important; /*box-shadow:0 0 10px rgba(0, 0, 0, 0.5);*/}
#core_inner_top DIV.menu.menu_sticked DIV.menu_client_label{visibility:visible; color:#eee;}
.menu_sticked UL::before{color:rgba(255, 255, 255, 0.7); content: "\f105"; font-family: FontAwesome; font-size:16px; line-height:40px;font-style: normal; font-weight: normal; text-decoration: inherit; position:absolute; top:0; left:-10px; width:10px; height:100%;}
.menu_sticked UL LI A{color:#666 !important;}
.menu_sticked UL LI A.active{color:#eee !important;}

#contextmenu
{
		position 			: absolute;
		padding				: 5px 0;
		border-radius		: 5px; 
		border				: 1px solid #ccc; 
		background-color	: #FFF;
		box-shadow			: 0 0 10px #ccc;
		z-index				: 101;
}

#contextmenu > UL
{
	list-style-type:none;
	width:200px;
}

#contextmenu > UL > LI.break
{
	border-bottom:1px solid #eee;
	margin-bottom:3px;
}

#contextmenu > UL > LI > A
{
	display:block;	
	padding:3px 30px;
	cursor: default;
	font-size:12px;
	line-height:18px;
	color:#333;
	text-decoration:none;
}

#contextmenu > UL > LI > A:hover
{
	background-color:#333;
	color:#fff;
}

#footer{position:absolute; bottom:0; left:0; width:100%;}
#footer DIV:first-child{background-color:#e4e4e4; padding:10px;}

.core_action_cmd{position:fixed; left:0; bottom:-80px; height:80px; z-index:9; background:white; width:100%; 
    -webkit-box-shadow: 0px 0px 0px -8px rgba(168,168,168,1);
    -moz-box-shadow: 0px 0px 0px -8px rgba(168,168,168,1);
    box-shadow: 0px 0px 0px -8px rgba(168,168,168,1);    padding:0 20px;
    transition:bottom .3s ease;
}
.core_action_cmd.active{bottom:0;
    -webkit-box-shadow: 0px 0px 23px -8px rgba(168,168,168,1);
    -moz-box-shadow: 0px 0px 23px -8px rgba(168,168,168,1);
    box-shadow: 0px 0px 23px -8px rgba(168,168,168,1);

}
.core_action_cmd_wrapper{max-width:980px; margin:0 auto; display:flex; align-items:center; justify-content: space-between; font-size: 14px;}
.core_action_cmd_wrapper .__reset{color:#999; text-decoration:none; font-size:12px;}
.core_action_cmd_wrapper .__reset:hover{color:#333;}


.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    outline:none;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 1.6px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }





@media (max-width: 979px)
{
  .core_right_commands
  {
    top:-65px;
  }
  .core_left_column SELECT
  {
    min-width:150px;
    margin-bottom:10px;
  }
  .core_left_search_form
  {
    margin-top:30px;
    padding-right:0;
  }
  .core_left_column DIV.q_container
  {
    display:block;
    margin-right: 0;
  }
  .core_left_column DIV.q_container:after
  {
    top:4px;
  }
  .core_left_column DIV.q_container INPUT.q
  {
    height:23px;
  }
  .core_inner_title
  {
    margin:0;
    text-align:left;
    padding:8px 0 20px 0;
  }
  .core_right_column, .core_inner_table_wrapper
  {
    padding-bottom:20px;
    overflow-y: scroll;
  }
  .core_inner_table
  {
    min-width:700px;
  }
  .core_inner_grid LI
  {
    width:100%;
  }
  #core_inner_top DIV.menu
  {
    overflow-x:scroll;
    height:50px;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
  }
  #core_inner_top DIV.menu UL 
  {
    white-space: nowrap;
  }
  .core_add_item_btn
  {
    transform: scale(0.8);
    transform-origin: center right;
  }
  .core_no_result
  {
    margin-top:30px;
  }
  #core_details_panel, #core_details_addon_panel
  {
    width:100%;
  }
  #core_details_panel UL.data LI > DIV:first-child
  {
    width:33%;
  }
  #core_details_panel UL.actions LI
  {
    margin-bottom:10px;
  }
  #overlay_content, #overlay_addon
  {
    padding:30px;
  }
  #core_edit_panel
  {
    width:100%;
  }
}