/* Important defaults */
input[type="search"] { -webkit-appearance: textfield; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  background-color: #3C3C3B !important;
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px #3C3C3B inset !important;
}
/* Required in Safari*/
button { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
/* Selectbox overrides */
select[multiple] { height:auto;}
/* Component spacer */
.component-spacer {height:20px;pointer-events:none;}
/* Dataheaders*/
.dataheader { background-color: #f0ad4e; width: 100%; padding: 0; margin: 0px 0px 0px 0px; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2); color: #000; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.dataheader-small { height: 34px; line-height: 30px; }
.dataheader-large { height: 60px; line-height: 60px; }
/* Dataheader icon*/
.dataheader-icon { font-size: 40px; min-height: 40px; padding: 0px 5px 0px 10px; vertical-align: middle; color: #000; }
.dataheader-icon-small { font-size: 20px; min-height: 20px; padding: 0px 5px 0px 10px; vertical-align: middle; color: #000; }
/* Dataheader text*/
.dataheader-large-text { font-size: 18px; color: #fff; text-decoration: none; text-align: left; text-transform: uppercase; min-width: 100px; max-width: 120px; line-height: normal; vertical-align: middle; display: inline-block; font-family: Roboto;font-weight:300; margin-right:10px;}
.dataheader-large-text-black {font-size: 18px;color: rgb(0, 0, 0);text-align: left;text-transform: uppercase;min-width: 100px;max-width: 120px;line-height: normal;vertical-align: middle;display: inline-block;font-family: Roboto;font-weight: 300;margin-right: 10px;text-decoration: none;}	
.dataheader-small-text { font-size: 16px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; min-width: 120px; max-width: 160px; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 20px 0px 10px; font-family: Roboto;font-weight:300; }
.dataheader-x-small-text { font-size: 14px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; min-width: 100px; max-width: 120px; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 0px 0px 10px; font-family: Roboto;font-weight:300;margin-right:10px; }
.dataheader-x-small-text-wide { font-size: 14px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; min-width: 100px; max-width: 160px; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 0px 0px 10px; font-family: Roboto;font-weight:300;margin-right:10px; }
.dataheader-x-small-text-x-wide { font-size: 14px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; min-width: 140px; max-width: 160px; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 0px 0px 10px; font-family: Roboto;font-weight:300;margin-right:10px; }
/* Dataheader search */
.dataheader-search { font-size: 16px; padding: 0px 10px 0px 0px; display: inline-block; vertical-align: middle; }
.dataheader-search-box { background-color: #3C3C3B; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; padding: 4px 4px 4px 4px; font-family: Roboto;font-weight:300; }
.dataheader-search-box:active { outline: 0; }
.dataheader-search-box:focus { outline: 0; }
.dataheader-search-box-large { width: 200px; }
.dataheader-search-box-small { width: 140px; }
.dataheader-search-box-tiny { width: 26px; }
.dataheader-search-button { line-height:normal;background-color: #0B0600; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; padding: 4px; width: 80px; font-family: Roboto;font-weight:300; }
.dataheader-search-button:hover { background-color: #fc9b14; color: #000; -webkit-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.dataheader-search-button:disabled { outline: 0; background-color: #ccc; pointer-events: none; cursor: none; }
.dataheader-search-button[disabled]:hover { opacity: 1; pointer-events: none; cursor: none; }
.dataheader-search-button:focus { outline:0;background-color: #fc9b14; color: #000; }
.dataheader-search .pin-button-small { background-color:#fff;}
.dataheader-search .play-button { padding-left:1px;}
.dataheader-search .stop-button { padding-left:0px;}
/* Dataheader labels */
.dataheader-label { padding: 0px 10px 0px 0px; color: #000;vertical-align:middle; font-size:12px;}
.dataheader-label-white { padding: 0px 10px 0px 0px; color: #fff;vertical-align:middle; font-size:12px;}
.dataheader-label-small { font-size: 12px; }
.dataheader-label-white-nopad { padding: 0px 0px 0px 0px; color: #fff;vertical-align:middle; font-size:12px;}
/* Dataheader select */
.dataheader-select { width: 200px; border: 0; background-color: #0B0600; height: 21px; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); outline: 0; font-family: Roboto;font-weight:300;vertical-align:middle; }
.dataheader-select-small { width: 100px; border: 0; background-color: #0B0600; height: 21px; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); outline: 0; font-family: Roboto;font-weight:300;vertical-align:middle; }
.dataheader-select-x-small { width: 70px; border: 0; background-color: #0B0600; height: 21px; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); outline: 0; font-family: Roboto;font-weight:300;vertical-align:middle; }
.dataheader-select:active { outline: 0; }
.dataheader-select:focus { outline: 0; }
.dataheader-select:disabled { outline: 0; background-color: #ccc; }
.dataheader-select-small:active { outline: 0; }
.dataheader-select-small:focus { outline: 0; }
.dataheader-select-small:disabled { outline: 0; background-color: #ccc; }
.dataheader-select-x-small:active { outline: 0; }
.dataheader-select-x-small:focus { outline: 0; }
.dataheader-select-x-small:disabled { outline: 0; background-color: #ccc; }
/* Data header results */
.dataheader-results { padding: 0px 10px 0px 0px; display: inline-block; vertical-align: middle; float: right; font-size: 12px; }
.dataheader-results-left { float: none !important; }
/* Data header page size */
.dataheader-pagesize {min-width:52px;max-width:52px;margin-right:10px;}
/* Data header sort order */
.dataheader-sortorder {min-width:150px;max-width:150px;margin-right:10px;}
/* Data header menu */
.dataheader-menu { font-size: 100%; vertical-align: middle; padding: 5px 5px 5px 5px; margin-right: 10px; opacity: 1; background: transparent; border: 0; color: #000; cursor: pointer; }
.dataheader-menu ul { display: none; }
.dataheader-menu:hover { outline: 0; background-color: #fc9b14; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; -webkit-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.dataheader-menu:disabled { background-color: #ccc; border-radius: 2px; color: #fff; cursor: none; }
.dataheader-menu[disabled]:hover { opacity: 1; box-shadow: none; cursor: none; }
.dataheader-menu:focus { outline: 0; background-color: #fc9b14; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); }
.dataheader-menu:active { outline: 0; background-color: #fc9b14; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); }
.dataheader-menu-container { float: right; }
.dataheader-menu-next { margin-left: 0px !important; }
/* Dataheader sliding panel */
.dataheader-panel-sliding { display:inline-block;white-space: nowrap;overflow-x:hidden;margin: 0;padding: 0;vertical-align: middle;width: auto;transition: width 0.5s ease;-webkit-transition: width 0.5s ease; -o-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease;}
/* Playback Controls Search */
.dataheader-search-controls {display:inline-block;width:0px;white-space: nowrap;vertical-align: middle;line-height: 18px;overflow: hidden;max-height: 24px;transition: width 0.5s ease;-webkit-transition: width 0.5s ease; -o-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease;}
/* Dataheader spacers */
.data-header-spacer-small { width:20px;display:inline-block;}
/* Data footer */
.datafooter { background-color: #f0ad4e; width: 100%; padding: 0; margin: 0px; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2); text-align: center; }
.datafooter-small { height: 34px; line-height: 30px; }
.datafooter-x-small { height: 22px; line-height: 22px; }
.datafooter-x-small-text { font-size: 16px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 0px 0px 10px; font-family: Roboto;font-weight:300; }
.datafooter-xx-small-text { font-size: 12px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 0px 0px 10px; font-family: Roboto;font-weight:300; }
.datafooter-icon { font-size: 14px; min-height: 14px; padding: 2px 5px 2px 5px; vertical-align: middle; color: #000; }
.datafooter-icon:hover { background-color: #fc9b14; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; }
.datafooter-page { font-size: 12px !important; min-height: 12px !important; padding: 0px 10px 0px 10px !important; margin-right: 10px !important; display: inline-block !important; }
.datafooter-page:hover { background-color: #fc9b14; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; }
.datafooter .hidden {display:none!important;}
.datafooter .push-button { box-shadow: none; }
.datafooter .push-button:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); }
.datafooter .push-icon { vertical-align: middle; }
.datafooter .data-item { margin-left:8px; margin-right:8px;}
.datafooter-page-small { height:20px !important; line-height:20px !important;font-size: 12px !important; min-height: 12px !important; padding: 0px 10px 0px 10px !important; margin-right: 10px !important; display: inline-block !important; }
.datafooter-page-small:hover { background-color: #fc9b14; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; }
.datafooter-transparent { background-color: transparent !important; box-shadow:none !important; }
.datafooter-transparent-small { height: 30px !important; line-height: 30px !important; }
/* Data Container*/
.data-container { margin: 0; padding: 0; width: 100%; clear: both; background: #2c2c2b; }
.data-table { background-color: #263137; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#263137), to(#263137)); background: -webkit-linear-gradient(top, #263137, #263137); background: -moz-linear-gradient(top, #263137, #263137); background: -ms-linear-gradient(top, #263137, #263137); background: -o-linear-gradient(top, #263137, #263137); margin: 0 auto; clear: both; width: 100%; border-collapse: collapse; border-spacing: 0; }
.data-table td { padding: 6px 8px 8px 8px; cursor: auto; }
.data-table-font { font-family:Roboto;font-weight:300;font-size:12px;}
.data-table-tight td {padding: 5px !important;}
.data-table thead th { padding: 5px 18px 5px 10px; cursor: pointer; text-align: left; font-size: 12px; background-color: #252122; outline: 0;border-bottom: 1px solid rgba(240, 173, 78, 0.3);vertical-align: middle;color:#fff; }
.data-columnheader input { background-color: #252122; outline: 0; border: 0; color: #fff; font-size: 12px; width: 100%; font-weight: 300;}
.data-table-column-icon { color:#000;}
.data-table-column-icon:hover {color:#fff; }
/* Popup menu */
.popup-menu { z-index:999;border-radius: 2px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); padding: 5px 0px 5px 0px; margin: 0px 5px 5px 0px; background-color: #fff; border-radius: 2px; border: 0; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; overflow-y:auto;max-height:340px;max-width:250px;min-width:200px;overflow-x:hidden;}
.popup-menu li { padding: 5px 15px 5px 15px; margin: 0px; list-style-type: none; text-align: left; color: #000; font-size: 12px; font-family: Roboto;font-weight:300; cursor: pointer; }
.popup-menu li[disabled] { background-color: #ccc; pointer-events: none; color: #fff; cursor: none; }
.popup-menu li:hover { background-color: #fc9b14; }
.popup-menu li[disabled]:hover { background-color: #ccc; pointer-events: none; cursor: none; }
.popup-menu select { margin-right: 10px; margin-bottom: 0px; width: 200px; border: 0; background-color: #0B0600; height: 21px; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); outline: 0; font-family: Roboto;font-weight:300; }
.popup-menu input[type=checkbox] { border:1px solid #000 !important;}
.pop-menu-icon { float:right;}
.popup-menu-seperator { height: 1px; border-top: 1px solid rgba(0, 0, 0, .14); padding: 0px !important; pointer-events: none; }
.drop-element.drop-open-transitionend { display: block; max-height: 0px; overflow: hidden; }
.drop-element.drop-after-open { z-index:999;-webkit-transition: max-height 0.25s ease; -o-transition: max-height 0.25s ease; -moz-transition: max-height 0.25s ease; -ms-transition: max-height 0.25s ease; transition: max-height 0.25s ease; max-height: 450px; }
/* info menu*/
.info-menu { border-radius: 2px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); padding: 5px 0px 5px 0px; margin: 0px 5px 5px 0px; background-color: #fff; border-radius: 2px; border: 0; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; overflow-y:auto;max-height:300px;max-width:250px;min-width:250px;overflow-x:hidden;}
.info-menu li { padding: 5px 20px 5px 20px !important;}
.info-menu li:hover { background:transparent !important;}
.info-menu li > label { width:60px;min-width: 60px;display: inline-block;font-weight:bold; }
.info-menu li > span { text-align: right;min-width: 148px;display: inline-block;}
/* version menu*/
.version-menu { border-radius: 2px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); padding: 5px 0px 5px 0px; margin: 0px 5px 5px 0px; background-color: #fff; border-radius: 2px; border: 0; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; overflow-y:auto;max-height:350px;max-width:450px;min-width:350px;overflow-x:hidden;}
.version-menu li { padding: 5px 20px 5px 20px !important;}
.version-menu li:hover { background:transparent !important;}
.version-menu .header {width:auto !important;display: inline-block;font-size:14px;font-weight:400;}
.version-menu li > label { width:120px;min-width: 120px;display: inline-block;padding:0px 4px 0px 4px;text-align: left;text-overflow: ellipsis;white-space: nowrap; }
.version-menu .small {width:70px !important;min-width:70px !important;}
.version-menu .right {text-align:right !important;}
.version-menu-button { line-height:normal;background-color: #0B0600; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; padding: 2px 4px 2px 4px; width: 60px; font-family: Roboto;font-weight:300;margin-left:5px; }
.version-menu-button:hover { background-color: #fc9b14; color: #000; -webkit-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.version-menu-button:disabled { outline: 0; background-color: #ccc; pointer-events: none; cursor: none; }
.version-menu-button[disabled]:hover { opacity: 1; pointer-events: none; cursor: none; }
.version-menu-button:focus { outline:0;background-color: #fc9b14; color: #000; }
.selected-version { background:#f0ad4e !important;}
/* Sort Order Menu*/
.sortorder-menu { border-radius: 2px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2); padding: 5px 0px 5px 0px; margin: 0px 5px 5px 0px; background-color: #fff; border-radius: 2px; border: 0; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; overflow-y:auto;max-height:450px;max-width:250px;min-width:250px;overflow-x:hidden;}
.sortorder-menu { margin-right:2px !important; }
.sortorder-menu li[selected] { background-color: #ccc; pointer-events: none; color: #fff; cursor: none; }
/* Recent Items* */
.recent-items-container {vertical-align: middle;display:inline-block;width:70%;border-left:1px solid rgba(0, 0, 0, 0.1);border-right:1px solid rgba(0, 0, 0, 0.1);}
.recent-items {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;  grid-template-rows: 1fr 1fr;grid-auto-flow: column; grid-gap: 0px 2px; align-items: left; margin:0;padding:8px 0px 0px 0px;}
.recent-items li { line-height:14px;padding: 2px 2px 2px 2px; margin: 0px; list-style-type: none; text-align: left; color: #000; font-size: 12px; font-family: Roboto;font-weight:300 !important; cursor: pointer; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-right:1px solid rgba(0, 0, 0, 0.1);}
.recent-items li[disabled] { background-color: #ccc; pointer-events: none; color: #fff; cursor: none; }
.recent-items li:hover { background-color: #fc9b14; }
.recent-items li[disabled]:hover { background-color: #ccc; pointer-events: none; cursor: none; }
.recent-items-icon { font-size: 24px; min-height: 24px; padding: 10px 5px 0px 10px; vertical-align: middle; color: #f0ad4e; }
.recent-items-header {padding-top:10px;font-size: 14px;color: rgb(0, 0, 0);text-align: left;text-transform: uppercase;min-width: 120px;max-width: 120px;line-height: normal;vertical-align: middle;display: inline-block;font-family: Roboto;font-weight: 300;margin-right: 10px;text-decoration: none;}	
.recent-iten-item-icon {margin-right:5px;}
/* Spinners */
.spinner-animation { animation: rotator 5s linear infinite; -webkit-animation: rotator 5s linear infinite; transform-origin: center; }
@keyframes rotator {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}
.path-animation { stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: #000000; animation: dash 1s ease-in-out infinite; -webkit-animation: dash 1s ease-in-out infinite; }
.path-animation-orange { stroke: #f0ad4e; }
@keyframes dash {
    0% { stroke-dashoffset: 265; }
    50% { stroke-dashoffset: 65; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
    100% { stroke-dashoffset: 265; transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}
.spinner-icon-small { width: 16px; height: 16px; display: inline-block; }
.spinner-icon-medium { width: 24px; height: 24px; display: inline-block; }
.spinner-icon-large { width: 32px; height: 32px; display: inline-block; }
.spinner-icon-x-large { width: 48px; height: 48px; display: inline-block; }
.spinner-icon-orange { background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgPgogIDxzdHlsZT4KICAuc3Bpbm5lciB7CiAgICBhbmltYXRpb246IHJvdGF0b3IgNXMgbGluZWFyIGluZmluaXRlOwogICAgdHJhbnNmb3JtLW9yaWdpbjogY2VudGVyOwogIH0KCiAgQGtleWZyYW1lcyByb3RhdG9yIHsKICAgIDAlIHsgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7IH0KICAgIDEwMCUgeyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB9CiAgfQoKICAucGF0aCB7CiAgICBzdHJva2UtZGFzaGFycmF5OiAyNjU7CiAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjsKICAgIHN0cm9rZTogI2YwYWQ0ZTsKICAgIGFuaW1hdGlvbjogZGFzaCAxcyBlYXNlLWluLW91dCBpbmZpbml0ZTsKICB9CgogIEBrZXlmcmFtZXMgZGFzaCB7CiAgICAwJSB7IHN0cm9rZS1kYXNob2Zmc2V0OiAyNjU7IH0KICAgIDUwJSB7CiAgICBzdHJva2UtZGFzaG9mZnNldDogNjU7CiAgICB0cmFuc2Zvcm06cm90YXRlKDkwZGVnKTsKICB9CiAgMTAwJSB7CiAgICBzdHJva2UtZGFzaG9mZnNldDogMjY1OwogICAgdHJhbnNmb3JtOnJvdGF0ZSgzNjBkZWcpOwogIH0KCiAgPC9zdHlsZT4KICA8Y2lyY2xlIGNsYXNzPSJwYXRoIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgY3g9IjUwIiBjeT0iNTAiIHI9IjQwIj48L2NpcmNsZT4KPC9zdmc+); background-repeat: no-repeat; background-size: cover; display: inline-block; }
.spinner-icon-black { background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgPg0KICA8c3R5bGU+DQogIC5zcGlubmVyIHsNCiAgICBhbmltYXRpb246IHJvdGF0b3IgNXMgbGluZWFyIGluZmluaXRlOw0KICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjsNCiAgfQ0KDQogIEBrZXlmcmFtZXMgcm90YXRvciB7DQogICAgMCUgeyB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTsgfQ0KICAgIDEwMCUgeyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB9DQogIH0NCg0KICAucGF0aCB7DQogICAgc3Ryb2tlLWRhc2hhcnJheTogMjY1Ow0KICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOw0KICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjsNCiAgICBzdHJva2U6ICMwMDAwMDA7DQogICAgYW5pbWF0aW9uOiBkYXNoIDFzIGVhc2UtaW4tb3V0IGluZmluaXRlOw0KICB9DQoNCiAgQGtleWZyYW1lcyBkYXNoIHsNCiAgICAwJSB7IHN0cm9rZS1kYXNob2Zmc2V0OiAyNjU7IH0NCiAgICA1MCUgew0KICAgIHN0cm9rZS1kYXNob2Zmc2V0OiA2NTsNCiAgICB0cmFuc2Zvcm06cm90YXRlKDkwZGVnKTsNCiAgfQ0KICAxMDAlIHsNCiAgICBzdHJva2UtZGFzaG9mZnNldDogMjY1Ow0KICAgIHRyYW5zZm9ybTpyb3RhdGUoMzYwZGVnKTsNCiAgfQ0KDQogIDwvc3R5bGU+DQogIDxjaXJjbGUgY2xhc3M9InBhdGgiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMTAiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBjeD0iNTAiIGN5PSI1MCIgcj0iNDAiPjwvY2lyY2xlPg0KPC9zdmc+); background-repeat: no-repeat; background-size: cover; display: inline-block; }
/* Pin Buttons */
.pin-button { border-radius: 50%; border: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); padding: 0; margin: 0 0 0 5px; background-color: #f0ad4e; width: 32px; height: 32px; line-height: 32px; display: inline-block; opacity: 1; font-size: 14px; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; cursor: pointer;font-weight:300; }
.pin-button-small {width: 24px; height: 24px; line-height: 24px; font-size:12px;}
.pin-button-tiny {width: 12px; height: 12px; line-height: 12px; font-size:9px;}
.pin-button:hover { -webkit-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; transition: background-color 0.25s ease; background-color: #fc9b14; }
.pin-button:focus { outline: 0; background-color: #fc9b14; }
.pin-button:disabled { outline: 0; background-color: #ccc; pointer-events: none; cursor: none; }
.pin-button[disabled]:hover { opacity: 1; pointer-events: none; cursor: none; }
.pin-button:disabled .pin-icon { color: #fff; pointer-events: none; cursor: none; }
.pin-icon { font-size: 100%; width: 100%; padding: 0px; vertical-align: middle; color: #000; text-align: center; cursor: pointer; }
.pin-button ul { display: none; }
/* Push buttons */
.push-button { border-radius: 2px; border: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); padding: 0px 5px 0px 5px; margin: 0; background-color: #f0ad4e; height: 27px; line-height: 27px; display: inline-block; opacity: 1; font-family: Roboto; font-weight:300 !important;font-size: 12px; font-weight: normal; text-decoration: none; text-align: right; text-transform: capitalize; white-space: nowrap; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; cursor: pointer; }
.push-button:hover { -webkit-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; transition: background-color 0.25s ease; background-color: #fc9b14; }
.push-button:focus { outline: 0; background-color: #fc9b14; }
.push-button:disabled { outline: 0; background-color: #ccc; color: #fff; pointer-events: none; cursor: none; }
.push-button[disabled]:hover { opacity: 1; pointer-events: none; cursor: none; }
.push-button:disabled .push-icon { color: #fff; pointer-events: none; cursor: none; }
.push-button:disabled .push-icon-only { color: #fff; pointer-events: none; cursor: none; }
.push-icon { margin-right: 5px; margin-left:5px; }
.push-icon-only { margin: 0px; padding: 0px 5px 0px 5px; }
.push-button ul { display: none; }
/* Horizontal Tabs Deprecated */
.tab-bar { background-color: #f0ad4e; width: 100%; padding: 0; margin: 0px; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2); color: #000; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; height: 29px; line-height: 27px; display: flex; }
.tab-bar .push-button { box-shadow: none; border-radius: 0px; white-space: nowrap;font-weight:300; }
.tab-bar .push-button::after { content: ''; display: block; width: 0; padding: 0 0 0 10px; margin: 0; height: 2px; background: transparent; position: relative; left: -5px; }
.tab-bar .push-button:hover { }
.tab-bar .push-button:hover::after { -webkit-transition: width .3s; transition: width .3s; width: 100%; background-color: #3C3C3B; }
.tab-bar .push-button:focus { outline: 0; }
.tab-bar .push-button:disabled { outline: 0; background-color: #ccc; }
.tab-bar .push-button:disabled::after { width: 100%; outline: 0; background-color: #ccc; }
.tab-bar .push-button[selected] { background-color: #fc9b14;pointer-events:none; }
.tab-bar .push-button[selected]::after { width: 100%; background-color: #3C3C3B; }
/* Verticak Tabs*/
.tab-container { width: 100%; min-height: 600px; height: 600px; }
.tab-bar-vertical { position:relative;float: left; background-color: #fff; border: 0; height: 100%; width: 8%; border-radius: 2px; border: 0;box-shadow:0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2); }
.tab-bar-vertical .push-button { width: 100%; text-align: center; display: block; background-color: transparent; box-shadow: none; color: #000; border-radius: 0; padding: 5px; line-height: normal; height: auto; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 12px; line-height: normal;font-weight:300 !important; }
.tab-bar-vertical .push-icon { margin-bottom: 3px; margin-right: 0px; display: block; color:#f0ad4e;text-shadow: 1px 1px 20px #fff; }
.tab-bar-vertical .push-button:hover { background-color: #fc9b14; color: #000; }
.tab-bar-vertical .push-button[selected] { background-color: #f0ad4e; color: #000; pointer-events: none; /*background: linear-gradient(0deg, #f0ad4e, #fff);*/ }
.tab-bar-vertical .push-button[selected] .push-icon { color:#fff;}
.tab-bar-vertical .push-button:hover .push-icon { color:#000;}
.tab-bar-vertical .push-button:disabled { outline: 0; background-color: #ccc; color: #fff; pointer-events: none; cursor: none; }
.tab-content-vertical { float: left; height: 100%; width: 91%; margin-left: 1%;background-color:#fff; box-shadow:0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2);}
.tab-hidden { display:none; }
.tab-visible { display:block;}
.tab {overflow-x:hidden;overflow-y:auto;height:100%;position:relative; }
.tabheader { background-color: #f0ad4e; width: 100%; padding: 0; margin: 0px; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px 0px rgba(0,0,0,.2); color: #000; text-align: center; margin-bottom: 15px; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.tabheader-x-small-text { font-size: 14px; color: #000; text-decoration: none; text-align: center; text-transform: uppercase; text-wrap:none; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 0px 0px 0px; font-family: Roboto;font-weight:300; }
.tabheader-small { height: 34px; line-height: 30px; }
.tabheader-large { height: 60px; line-height: 60px; }
.tabfooter { position:absolute; bottom:0;left:0;background-color: #f0ad4e; width: 100%; padding: 0; margin: 0px; overflow: hidden; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2);*/ text-align: left; height: 22px; line-height: 22px; }
.tabfooter-xx-small-text { font-size: 12px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 0px 0px 10px; font-family: Roboto;font-weight:300; }
.tabfooter .data-item { margin-left:8px; margin-right:8px;}
/* Horizontal Tabs*/
.tab-horizontal-container { width: 100%; border: 0; border-radius: 2px; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2),-1px -1px 1px 0px rgba(0, 0, 0, .2);*/margin-bottom:5px; }
.tab-bar-horizontal { display:flex;flex-grow: 1;flex-shrink: 1;flex-flow: row;flex-direction: row;background-color: #fff; border: 0; height: 48px; line-height: 48px; width: 100%; border-radius: 2px; border: 0; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .14), 0 2px 0 0 rgba(0, 0, 0, .2); font-size: 0; vertical-align: middle; white-space:nowrap; }
.tab-bar-horizontal .push-button { width: auto; text-align: center; display: inline-block; background-color: transparent; box-shadow: none; color: #000; border-radius: 0; padding: 0px 5px 0px 5px; line-height: normal; height: 100%; border-left: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; line-height: normal; font-weight: 300 !important; vertical-align: top; min-width: 64px; }
.tab-bar-horizontal .push-icon { margin-bottom: 3px; margin-right: 0px; display: block; color: #f0ad4e; text-shadow: 1px 1px 20px #fff; }
.tab-bar-horizontal .push-button:hover { background-color: #fc9b14; color: #000; }
.tab-bar-horizontal .push-button[selected] { background-color: #f0ad4e; color: #000; }
.tab-bar-horizontal .push-button[selected] .push-icon { color: #fff; }
.tab-bar-horizontal .push-button:hover .push-icon { color: #000; }
.tab-bar-horizontal .push-button:disabled { outline: 0; background-color: #ccc; color: #fff; pointer-events: none; cursor: none; }
.tab-bar-horizontal input { margin-top:auto;margin-bottom:auto;height: 16px; font-size: 12px; width: 200px; background-color: #3C3C3B; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; padding: 4px 4px 4px 4px; outline: 0; font-weight: 300; font-family: Roboto; }
.tab-bar-horizontal input:disabled { outline: 0; background-color: #ccc; color: #000;}
.tab-bar-horizontal label { margin-top:auto;margin-bottom:auto;line-height:normal;: 16px; font-size: 12px; width: 150px; padding: 4px 4px 4px 4px; margin-right: 10px; outline: 0; font-weight: 300; font-family: Roboto; color:#000;}
.tab-bar-horizontal .spacer { width: 20px; display: inline-block; }
.tab-bar-horizontal .separator { width: 2px; display: inline-block;display: inline-block; box-shadow: none; border-radius: 0; padding: 0px 5px 0px 5px; border-left: 1px solid rgba(0, 0, 0, 0.1); height:100%; vertical-align:top; }
.tab-bar-horizontal .right-align { margin-left:auto;}
.tab-bar-horizontal .customer-select { width:auto;display: inline-block; box-shadow: none; border-radius: 0; padding: 0px 5px 0px 5px; border-left: 1px solid rgba(0, 0, 0, 0.1); font-size: 12px; font-weight: 300 !important; min-width: 64px; }
.tab-content-horizontal { width: 100%; margin-top: 1%; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2), -1px -1px 1px 0px rgba(0, 0, 0, .2); }
.tab-h { overflow-x: hidden; overflow-y: auto; width: 100%; position: relative; }
.tab-content-horizontal-a {  position: absolute;z-index: 999;width: 100%;margin-top: 5px;-webkit-transition:height 0.2s; -moz-transition:height 0.2s; -o-transition:height 0.2s; transition:height 0.2s;height:0px;background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2), -1px -1px 1px 0px rgba(0, 0, 0, .2);}
.tab-horizontal-container-a { position:relative !important;}
.tab-h-a { overflow-x: hidden; overflow-y: auto; width: 100%; position: relative; height:0px;-webkit-transition:height 0.2s; -moz-transition:height 0.2s; -o-transition:height 0.2s; transition:height 0.2s;}
/* Forms */
.formheader { margin-bottom:5px;background-color: #f0ad4e; width: 100%; padding: 0; margin: 0px; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2); color: #000; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.formheader-small { height: 34px; line-height: 30px; }
.formheader-large { height: 60px; line-height: 60px; }
.formheader-large-text { font-size: 18px; color: #fff; text-decoration: none; text-align: left; text-transform: uppercase; min-width: 80px; max-width: 120px; line-height: normal; vertical-align: middle; display: inline-block; font-family: Roboto; font-weight:300;}
.formheader-small-text { font-size: 16px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; min-width: 120px; max-width: 160px; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 20px 0px 10px; font-family: Roboto;font-weight:300; }
.formheader-x-small-text { font-size: 14px; color: #000; text-decoration: none; text-align: left; text-transform: uppercase; min-width: 120px; max-width: 160px; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 20px 0px 10px; font-family: Roboto;font-weight:300; }
.formfooter { background-color: #f0ad4e; width: 100%; padding: 0; margin: 0px; overflow: hidden; /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2);*/ text-align: left; height: 22px; line-height: 22px; }
.formfooter-small-text { font-size: 14px; color: #000; text-decoration: none; text-align: left; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 20px 0px 10px; font-family: Roboto;font-weight:300; }
.formfooter-x-small-text { font-size: 12px; color: #000; text-decoration: none; text-align: left; line-height: normal; vertical-align: middle; display: inline-block; padding: 0px 20px 0px 10px; font-family: Roboto;font-weight:300; }
.formheader-icon { margin: 0px 5px 0px 5px; }
.form-data {color: #f0ad4e;}
.form-label-icon { font-size:12px; vertical-align: middle;display:inline-block;background-position:left center; }
.form-card { float:left;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px 0px rgba(0,0,0,.2); border: 0;margin-right:5px; }
.form-card-full { width:100%; }
.form-card-x-small { width: 250px; background: #fff;margin-left: 20px; height: 170px;float:none;}
.form-card-container { display:inline-block;}
.form-grid { padding: 20px; font-size: 14px; font-family: Roboto;font-weight:300; }
.form-grid-2-col { display: grid; grid-template-columns: 150px 200px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-3-xs-col { display: grid; grid-template-columns: 50px 250px 50px 50px 250px 50px; grid-auto-flow: row; grid-auto-rows: auto; grid-gap: 10px 15px; align-items: center; }
.form-grid-4-col { display: grid; grid-template-columns: 150px 200px 150px 200px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-4-xs-col { display: grid; grid-template-columns: 180px 40px 180px 40px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-5-col { display: grid; grid-template-columns: 150px 200px 50px 150px 200px; grid-auto-flow: row; grid-auto-rows: 1fr; grid-gap: 10px 15px; align-items: center; }
.form-grid-5-audit { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 10px; align-items: center; }
.form-grid-6-col { display: grid; grid-template-columns: 150px 200px 150px 200px 150px 200px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-6-m-col { display: grid; grid-template-columns: 100px 170px 100px 170px 100px 170px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-6-xs-col { display: grid; grid-template-columns: 120px 120px 120px 120px 120px 120px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-8-col { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-8-xs-col { display: grid; grid-template-columns: 60px 120px 60px 30px 60px 50px 120px 30px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-8-xss-col { display: grid; grid-template-columns: 60px 60px 60px 60px 60px 60px 60px 60px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-11-col { display: grid; grid-template-columns: 60px 80px 60px 140px 60px 50px 60px 140px 60px 140px 60px; grid-auto-flow: row; grid-auto-rows: 28px; grid-gap: 10px 15px; align-items: center; }
.form-grid-2-col-auto { display: grid; grid-template-columns: 150px 1fr; grid-auto-flow: row; grid-auto-rows: auto; grid-gap: 10px 15px; align-items: left; }
.form-grid-3-col-auto { display: grid; grid-template-columns: 150px 150px 1fr; grid-auto-flow: row; grid-auto-rows: 1fr; grid-gap: 10px 15px; align-items: left; }
.form-grid-3-col-auto-cover { display: grid; grid-template-columns: 70px 200px 300px; grid-auto-flow: row; grid-auto-rows: auto; grid-gap: 10px 15px; align-items: left; }
.form-grid-3-col-auto-member { display: grid; grid-template-columns: 120px 1fr 70px; grid-auto-flow: row; grid-auto-rows: auto; grid-gap: 10px 15px; align-items: left; }
.form-grid-4-col-auto { display: grid; grid-template-columns: 150px 200px 150px 200px; grid-auto-flow: row; grid-auto-rows: auto; grid-gap: 10px 15px; align-items: center; }
.form-grid-5-col-auto { display: grid; grid-template-columns: 150px 200px 150px 200px 128px; grid-auto-flow: row; grid-auto-rows: auto; grid-gap: 10px 15px; align-items: center; }
.form-grid-4-col-auto-xs { display: grid; grid-template-columns: 100px 65px 100px 65px; grid-auto-flow: row; grid-auto-rows: auto; grid-gap: 10px 15px; align-items: center; }
.form-grid-6-col-auto { display: grid; grid-template-columns:50px 200px 200px 50px 200px 200px; grid-auto-flow: row; grid-auto-rows: auto; grid-gap: 10px 15px; align-items: center; }
.form-grid-2-col-player { display: grid; grid-template-columns: 60px 120px; grid-auto-flow: row; grid-auto-rows: 22px; grid-gap: 10px 15px; align-items: center; }
.form-grid-9-col {display: grid;grid-template-columns: 130px 80px 130px 60px 130px 80px 130px 60px 1fr;grid-auto-flow: row;grid-auto-rows: 22px;grid-gap: 10px 15px;align-items: center;}
.form-grid-12-col { display: grid;grid-template-columns: 1fr 68px 1fr 60px 1fr 20px 1fr 40px 1fr 40px 1fr 40px;grid-auto-flow: row;grid-auto-rows: 22px;grid-gap: 10px 15px;align-items: center;}
.form-grid-3fr-col {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-auto-flow: row;grid-gap: 0px 10px;align-items: center;width:100%;}
.form-grid-8-col-keyrules {display: grid;grid-template-columns: 28px 20px 28px 20px 28px 20px 28px 20px;grid-auto-flow: row;grid-auto-rows: 22px;grid-gap: 4px 4px;align-items: center;}
.form-grid-5-col-dialog {display: grid;grid-template-columns: 120px 160px 120px 160px 1fr;grid-auto-flow: row;grid-auto-rows: 22px;grid-gap: 10px 10px;align-items: center;}
.form-grid input { height:16px;font-size:12px;width: 100%; background-color: #3C3C3B; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); border: 0; padding: 4px 4px 4px 4px; outline: 0;font-weight:300; }
.form-grid input[type="range"] { background:transparent;}
.form-grid input[required] {}
.form-grid input:disabled { outline: 0; background-color: #ccc; color: #000;}
.form-grid select { font-size:12px;width: 100%; border: 0; background-color: #3C3C3B; height: 22px; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); outline: 0;font-weight:300; }
.form-grid select:disabled { outline: 0; background-color: #ccc; color: #000; pointer-events: none; cursor: none;}
.form-grid select[multiple] { padding:4px !important;}
.form-grid select[size] { padding:4px !important;}
.form-grid option { font-weight:300;}
.form-grid label { width: 100%; color: #000; font-size: 12px; text-transform: uppercase; }
.form-grid textarea { font-family:Roboto;font-weight:300;font-size:12px;width: 100%; border: 0; background-color: #3C3C3B; height: 200px; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); outline: 0;font-weight:300; }
.form-grid textarea:disabled { outline: 0; background-color: #ccc; color: #000; pointer-events: none; cursor: none;}
.form-grid section { font-size: 14px; text-transform: uppercase; color: #f0ad4e; font-weight: 400; }
.form-grid label > i {margin-left:5px;vertical-align:top;display:inline-block;}
.form-grid-table { }
.form-grid-table td { color:#000; font-family:Roboto;font-weight:300;padding:5px;font-size:12px;}
.form-grid-table td:hover { color:#000; font-family:Roboto;font-weight:300;padding:5px;background-color:#f0ad4e;}
.form-grid-2-col section { grid-column: 1 / 3; }
.form-grid-3-xs-col section { grid-column: 1 / 7; }
.form-grid-3-col-auto-member section {grid-column: 1 / 4; }
.form-grid-2-col-auto section { grid-column: 1 / 3; }
.form-grid-4-col section { grid-column: 1 / 5; }
.form-grid-4-col-auto section { grid-column: 1 / 5; }
.form-grid-5-col section { grid-column: 1 / 6; }
.form-grid-5-col-auto section { grid-column: 1 / 6; }
.form-grid-6-col section { grid-column: 1 / 7; }
.form-grid-6-col subsection { grid-column: span 2; }
.form-grid-6-xs-col section { grid-column: 1 / 7; }
.form-grid-6-xs-col subsection { grid-column: span 2; }
.form-grid-6-m-col section { grid-column: 1 / 7; }
.form-grid-6-m-col subsection { grid-column: span 2; }
.form-grid-9-col section { grid-column: 1 / 10; }
.form-grid-12-col section { grid-column: 1 / 13;}
.form-grid-12-col subsection {grid-column: span 6;}
.form-grid subsection { font-size: 14px; text-transform: uppercase; color: #f0ad4e; font-weight: bold; }
.form-grid progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: none; background: #EEE; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset; }
.form-grid progress::-webkit-progress-bar { background: #EEE; box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset; border-radius: 3px; }
.form-grid progress::-webkit-progress-value { background-color: #f0ad4e; border-radius: 3px; }
.form-grid progress::-moz-progress-bar { background-color: #f0ad4e; border-radius: 3px; }
.form-selected-items {width:100% !important;height:300px !important;overflow-y: auto; }
.form-numeric { width:40px !important;}
.form-date { width:80px !important;}
.form-time { width:60px !important;}
.form-grid-6-col-media-inset { display: grid; grid-template-columns: 100px 100px 200px 100px 200px 200px 1fr; grid-auto-flow: row; grid-auto-rows: 1fr; grid-gap: 5px 5px; align-items: center; }
.inline-checkbox {width:14px;height:14px;display:inline;}
/* Flex Grid */
.flex-grid { display: flex; width: 100%; height: 100%; max-width: 100%; flex-flow: row; -webkit-flex-flow: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.flex-item { display: block; margin: 1%; height: 201px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.18), 0 -1px 2px 0 rgba(0,0,0,.18),0 2px 2px 0 rgba(0,0,0,.25); border: 0; border-radius: 2%; text-align: left; margin:8px;}
.flex-item-small { display: block; margin: 1%; height: 160px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.18), 0 -1px 2px 0 rgba(0,0,0,.18),0 2px 2px 0 rgba(0,0,0,.25); border: 0; border-radius: 2%; text-align: left; }
.flex-item-31 { width: 31.33%; flex-grow: 1.53; -webkit-flex-grow: 1.53; min-width: 376px; }
.flex-item-48 { width: 48%; flex-grow: 2; -webkit-flex-grow: 2; min-width: 576px; }
.flex-item-inner { width: auto; padding: 10px; }
.flex-item-header { font-size: 14px; color: #fc9b14; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 0px #eaeaea; }
.flex-item-header-icon { margin-right: 10px; }
.flex-item-header a { color:#000;cursor:pointer;}
.flex-item-header a:visited { color:#000;cursor:pointer;}
.flex-item-table { margin-top:5px;}
/* Help Panel */
.help { position: fixed; right: -320px; top: 120px; width: 300px; height: calc(100% - 160px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background-color: #fff; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .14), -1px 1px 0 0px rgba(0, 0, 0, .2); z-index: 999; padding: 10px; font-family: Roboto; font-weight: 300; font-size: 12px; color:#000;overflow-y:auto;overflow-x:hidden;}
.help-active { right: 0px; }
.help h1 { font-weight:400; font-size:14ppx;margin-bottom:10px;margin-top:10px;}
.help p { line-height: 16px;}
.help br {display:block;content:" ";min-height:5px;}
.help strong {font-weight: 400;}
/* Progress bar*/
progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: none; background: #EEE; border-radius: 3px; box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset; }
progress::-webkit-progress-bar { background: #EEE; box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset; border-radius: 3px; }
progress::-webkit-progress-value { background-color: #f0ad4e; border-radius: 3px; }
progress::-moz-progress-bar { background-color: #f0ad4e; border-radius: 3px; }
/* Cover art*/
.cover-gallary { padding: 8%; overflow: hidden; display: flex; align-items: baseline; }
.cover-art { position: relative; display: inline-block; margin: 5px; }
.cover-art img { background-image:url(/images/covers/new.svg); background-repeat:no-repeat; background-size:cover;}
.cover-info { position: absolute; right: 0; top: 0; color: #fff; font-size: 15px; margin: 5px; text-shadow: 0 1px 6px #000; }
.cover-caption { position: absolute; left: 0; bottom: 0; margin: 0; padding: 5px; font-family: Roboto; font-size: 10px; font-weight: 300; text-transform: uppercase; background-color: #fff; color:#000; }
.cover-caption:hover { color: transparent; background-color: transparent; }
.cover-info:hover { color: #fc9b14; }
.cover-small { width: 64px; height: 64px; }
.cover-medium { width: 126px; height: 126px; }
.cover-large { width: 174px; height: 174px; }
.cover-x-large { width: 300px; height: 300px; }
.cover-editor { position: absolute; top: -30px; right: -255px; z-index: 999; background-color: #fff; padding: 10px; display: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px 0px rgba(0, 0, 0, .2); }
.cover-editor label { color: #000; font-size: 12px; font-family: Roboto; text-transform: uppercase; margin-right: 10px; }
.cover-editor input { height: 16px; font-size: 12px; width: 200px; background-color: #3C3C3B; color: #fff; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; padding: 4px 4px 4px 4px; outline: 0; font-weight: 300; font-family: Roboto; }
/* Media Membership */
.members {height: 225px;min-height:225px;overflow-x: hidden;overflow-y: auto;box-shadow: 0 1px 2px 0 rgba(0,0,0,.2), 0 0px 1px 0px rgba(0,0,0,.2); border: 0;}
.member-checkbox { width:20px;}
.member-checkbox:hover {background-color: #fff !important;}
.member-search {display: grid;grid-row: auto;grid-template-columns: 1fr;grid-gap: 10px 15px;}
.member-pageid { margin-left:10px;margin-right:20px; font-size:12px; font-weight:300;color:#000;}
/* Tree */
.tree-section { width:19%;float:left;margin-right:2%;}
.tree-pane { width:79%;float:left;}
.tree-container { margin: 3px 0px 0px 0px; padding:0;box-shadow: 0 1px 2px 0 rgba(0,0,0,.14), 0 2px 1px 0px rgba(0,0,0,.2);}
.tree {background-color:#fff !important;overflow-y:auto;height:510px !important;}
.tree a {font-family: 'Roboto'; font-size:12px; color:#000 !important;word-wrap: normal;white-space: normal !important;width: 85%;height:auto !important;}
.tree-context-disabled { background:#ccc;}
.tree-context-disabled:hover { background:#ccc;}
.tree-context-disabled a { background:#ccc !important;}
.tree-context-disabled a:hover { background:#ccc !important;}
.tree-properties-pane { position:absolute;top:-300px;right:0;left:0;height:300px;background:#fff;z-index:998;-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
/* Preview Player*/
.player-container { display: none;/*align-items: center;*/justify-content: center;z-index:9999;width: 100%; position:absolute; top:120px;bottom:0;right:0;}
.player-iframe { width:680px;height:530px;overflow:hidden; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);}
/* Sliding Panel */
.slidepanel-outer {position: relative;display: block;width: 100%;overflow: hidden;height: 300px;border: 0;margin: 0;padding: 0;}
.slidepanel-inner {position: absolute;left: 0;top: 0;right:0;bottom:0;width:200%;border: 0;margin: 0;padding: 0;-webkit-transition: left 0.5s ease;-moz-transition: left 0.5s ease;-o-transition: left 0.5s ease;transition: left 0.5s ease;}
.slidepanel-item {width: 50%;height: 300px;display: inline-block;border: 0;margin: 0;padding: 0;vertical-align:top;}
/* Tool tips */
.tooltip-container {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);font-family: Roboto;font-size: 12px;font-weight: 300;color: #000;position: absolute;z-index: 10000;padding: 5px;background-color: #fadfb4;}
.tooltip-inactive {display:none;}
/* News Article Styles*/
#news-article h1 {font-family: Roboto;font-weight: 400;color: #000;font-size:20px;line-height:24px;margin:4px 0px;}
#news-article h2 {font-family: Roboto;font-weight: 400;color: #000;font-size:18pxss;line-height:23px;margin:4px 0px;}
#news-article h3 {font-family: Roboto;font-weight: 400;color: #000;font-size:16px;line-height:22px;margin:4px 0px;}
#news-article h4 {font-family: Roboto;font-weight: 400;color: #000;font-size:14px;line-height:21px;margin:4px 0px;}
#news-article p {font-family: Roboto;font-weight: 300;color: #000;font-size:13px !important;line-height:14px;margin:4px 0px;}
/* Seek bar */
input[type=range].seekbar {-webkit-appearance: none;width: 100%;margin: -1px 0;width: 300px;vertical-align: middle;display:none;margin-right:5px;}
input[type=range].seekbar:focus {outline: none;}
input[type=range].seekbar[disabled]::-webkit-slider-thumb {background:#ccc !important;border-color:#ccc !important;}
input[type=range].seekbar[disabled]::-moz-range-thumb {background:#ccc !important;border-color:#ccc !important;}
input[type=range].seekbar[disabled]::-ms-thumb {background:#ccc !important;border-color:#ccc !important;}
input[type=range].seekbar::-webkit-slider-runnable-track {width: 100%;height: 16px;cursor: pointer;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;background: #3c3c3b;border-radius: 0px;border: 0px solid #010101;}
input[type=range].seekbar::-webkit-slider-thumb {box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.49), 0px 0px 2px rgba(13, 13, 13, 0.49);border: 2px solid rgba(240, 173, 78, 0.9);height: 14px;width: 32px;border-radius: 24px;background: #f0ad4e;cursor: pointer;-webkit-appearance: none;margin-top: 1px;}
input[type=range].seekbar:focus::-webkit-slider-runnable-track {background: #3c3c3b;}
input[type=range].seekbar::-moz-range-track {width: 100%;height: 16px;cursor: pointer;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;background: #3c3c3b;border-radius: 0px;border: 0px solid #010101;}
input[type=range].seekbar::-moz-range-thumb {box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.49), 0px 0px 2px rgba(13, 13, 13, 0.49);border: 2px solid rgba(240, 173, 78, 0.9);height: 14px;width: 32px;border-radius: 24px;background: #f0ad4e;cursor: pointer;}
input[type=range].seekbar::-ms-track {width: 100%;height: 16px;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}
input[type=range].seekbar::-ms-fill-lower {background: #131313;border: 0px solid #010101;border-radius: 0px;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
input[type=range].seekbar::-ms-fill-upper {background: #3c3c3b;border: 0px solid #010101;border-radius: 0px;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
input[type=range].seekbar::-ms-thumb {box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.49), 0px 0px 2px rgba(13, 13, 13, 0.49);border: 2px solid rgba(240, 173, 78, 0.9);width: 32px;border-radius: 24px;background: #f0ad4e;cursor: pointer;height: 14px;}
input[type=range].seekbar:focus::-ms-fill-lower {background: #3c3c3b;}
input[type=range].seekbar:focus::-ms-fill-upper {background: #656563;}
.seekbar-label {max-width: 150px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:inline-block;}
/* Media Context Menu*/
.media-context-menu { font-size: 100%; vertical-align: middle; padding: 2px 2px 2px 2px; margin-right: 6px; opacity: 1; background: transparent; border: 0; color: #000; cursor: pointer; float:right;}
.media-context-menu ul { display: none; max-width:350px !important;}
.media-context-menu:hover { outline: 0; background-color: #fc9b14; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); border: 0; -webkit-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.media-context-menu:disabled { background-color: #ccc; border-radius: 2px; color: #fff; cursor: none; }
.media-context-menu[disabled]:hover { opacity: 1; box-shadow: none; cursor: none; }
.media-context-menu:focus { outline: 0; background-color: #fc9b14; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); }
.media-context-menu:active { outline: 0; background-color: #fc9b14; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); }
.media-context-menu-container { float: right; }
.media-context-menu-next { margin-left: 0px !important; }
/* Volume Slider */
input[type=range].volume {-webkit-appearance: none;vertical-align: middle;height:16px;}
input[type=range].volume:focus {outline: none;}
input[type=range].volume[disabled]::-webkit-slider-thumb {background:#ccc !important;border-color:#ccc !important;}
input[type=range].volume[disabled]::-moz-range-thumb {background:#ccc !important;border-color:#ccc !important;}
input[type=range].volume[disabled]::-ms-thumb {background:#ccc !important;border-color:#ccc !important;}
input[type=range].volume::-webkit-slider-runnable-track {width: 100%;height: 4px;cursor: pointer;background: #fff;}
input[type=range].volume::-webkit-slider-thumb {height: 16px;width: 10px;background: #f0ad4e;cursor: pointer;-webkit-appearance: none; margin-top:-6px;}
input[type=range].volume:focus::-webkit-slider-runnable-track {background: #fff;}
input[type=range].volume::-moz-range-track {width: 100%;height: 4px; max-height:4px; cursor: pointer;background:#fff;}
input[type=range].volume::-moz-range-thumb {height: 16px;width: 10px;background: #f0ad4e;cursor: pointer; margin-top:-6px;border-radius: 0px; border: none;}
input[type=range].volume::-ms-track {width: 100%;height: 16px;cursor: pointer;background: #fff;border-radius:0px;box-shadow:none;}
input[type=range].volume::-ms-fill-lower {background: #fff;border:none;box-shadow:none;}
input[type=range].volume::-ms-fill-upper {background: #fff;border: none;box-shadow:none;}
input[type=range].volume::-ms-thumb {height: 22px;width: 10px;background: #f0ad4e;cursor: pointer; margin-top:-6px;border-radius: 0px; border: none;}
input[type=range].volume:focus::-ms-fill-lower {background: #fff;box-shadow:none;}
input[type=range].volume:focus::-ms-fill-upper {background: #fff;box-shadow:none;}
.form-grid input[type=range].volume {box-shadow:none !important;border:1px solid #ccc;}
/* Media inset*/
.media-inset {padding-left:44px;padding-top:5px;padding-bottom:5px;height:0px;min-height: 0px;overflow:hidden;background-color: #fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);transition: height 0.5s ease;-webkit-transition: height 0.5s ease; -o-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -ms-transition: height 0.5s ease;}
.media-inset-text {font-size:12px !important;color:#000 !important;font-weight:400 !important; white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}
.media-inset-label {font-size:12px !important;color:#000 !important;}
.media-inset .play-button { padding-left:1px;}
.media-inset li {font-size:12px !important;color:#000 !important;width:100%;padding:1px;font-weight:400;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis !important;}
.media-inset li:hover {background-color:#f0ad4e !important;}

/* Checkbox styling override */
input[type=checkbox] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff !important;
    width: 11px !important;
    height: 11px !important;
    display: inline-block !important;
    border-radius: 2px !important;
    border: 1px solid #000 !important;
    outline: none;
    padding: 0px !important;
    vertical-align: -10%;
    margin: 0px 3px 0px 3px !important;
}

input[type=checkbox]:checked {
    background-image: url(/images/checkmark.svg) !important;
    background-position: center !important;
    background-size: 9px 9px !important;
    background-repeat: no-repeat !important;
}
input[type=checkbox]:disabled {
    background-color: #ccc !important;
}

/* Basket */
.basket-button-overlay { position: relative; top: -38px; left: 16px; z-index: 999; background-color: #f0ad4e; padding: 0; margin: 0; font-size: 12px; line-height: normal; border-radius: 25%; }
/* Breadcrum Bar*/
.breadcrumb-bar { width: 100%; background-color: #ffffff; padding: 0; margin: 0; clear:both;height: 38px;line-height: 38px;}
.breadcrumb-bar-condensed { width: 100%; background-color: #ffffff; padding: 0; margin: 0; clear:both;}
.breadcrumb-text {padding:0px 0 0px 3px; margin:0;color:#000000;font-weight:300;font-size:12px;display:inline-block;clear:both;line-height:normal;vertical-align: top;}
/* Text */
.text-center { text-align:center !important;}
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}

/* Fontawesome */
.fa-18 { font-size:14px;}
.fa-20 { font-size:16px;}
.fa-22 { font-size:18px;}
.fa-led { text-shadow: 1px 1px 3px #fff;transform: skew(-1deg) rotateY(15deg);}
.fa-red { color:#ff5a79;}
.fa-green {color:#0ca00c; }
.fa-amber {color:#fc9b14;}
.fa-black { color:#000;}
.fa-padding { padding:0 5px 0 0px;}
.fa-transparent { color:transparent;}
.fa-hover:hover { color:#fff;}

/* Site specific css */
.site-small-text { vertical-align: middle; padding: 0 0px 0 5px;}
.player_software { font-size:20px;text-align: center;color:#000;}
.player_software:hover { -webkit-transition: color 0.25s ease; -o-transition: color 0.25s ease; -moz-transition: color 0.25s ease; -ms-transition: color 0.25s ease; transition: color 0.25s ease;color:#fc9b14;}
.player_software-rpi-logo { background-image: url(/images/rpi.svg); background-repeat:no-repeat;background-size: 20px 20px;width: 20px;height: 20px;display:inline-block;-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.player_software-rpi-logo:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.player_software-rpi { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.player_software-rpi:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%);}



/* State Highlight Classes */
.row_selected { background-color: #f0ad4e;cursor: hand; cursor: pointer; }
.track_removed { background-color: #d03e3e }
.track_added { background-color: #4cd452 }
.track_playing { background-color: #fc9b14 }
.program_overriden { background-color: #aaa }
.allowed_access { background-color: #fc9b14 }
.disallowed_track {background-color: #d03e3e} 
.read_mail {font-weight: bold;} 
.row_highlight {background-color: #f0ad4e;}
.outline-error {background-color: #ff5a79 !important;}
.updated-node {background-color: #0ca00c !important;}