/* Minification failed. Returning unminified contents.
(2409,55): run-time error CSS1030: Expected identifier, found ','
(2409,69): run-time error CSS1031: Expected selector, found ')'
(2409,69): run-time error CSS1025: Expected comma or open brace, found ')'
(2416,46): run-time error CSS1030: Expected identifier, found '.'
(2416,74): run-time error CSS1031: Expected selector, found ')'
(2416,74): run-time error CSS1025: Expected comma or open brace, found ')'
(2421,46): run-time error CSS1030: Expected identifier, found '.'
(2421,74): run-time error CSS1031: Expected selector, found ')'
(2421,74): run-time error CSS1025: Expected comma or open brace, found ')'
(4563,28): run-time error CSS1031: Expected selector, found '<'
(4563,28): run-time error CSS1025: Expected comma or open brace, found '<'
 */
* { /*padding:0;margin:0;*/
    font-family: 'Roboto', sans-serif; /*font-size:8.5pt;*/ /*color:#6d7774;*/
}
HTML { height:100%; margin-bottom:1px; }
BODY { margin:0px;padding:0px; }

.BlueHeader {color:#3276b1;text-decoration:none;font-weight:bold}
div.LoadingPopup {background:url(../images/2.0/loading-animation-grey.gif) no-repeat;width:70px;height:74px;position:absolute;left:38px;top:10px}
  
@font-face {
    font-family: 'PP Right Grotesk - Compact Dark';
    src: url('./fonts/PPRightGrotesk-CompactDark.woff2') format('woff2'),
        url('./fonts/PPRightGrotesk-CompactDark.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

DIV.Footer {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    color: #6d7774;
    margin-left: 3px;
    margin-top: 5px;
    text-align: right;
    padding-right: 15px;
    padding-bottom: 5px;
}

A.NormalLink {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    text-decoration: none;
}
    A.NormalLink:hover {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #000000;
        text-decoration: none;
    }

XXXXH1 {
    font-family: 'Roboto', sans-serif;
    font-size: 14pt;
    color: #ACA28D;
    font-weight: bold;
}
H2 {
    font-family: 'Roboto', sans-serif;
    font-size: 12pt;
    color: #A78B47;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}
H3 {
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 6px;
}
H4 {
    font-family: 'Roboto', sans-serif;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
}

HR { background:url('../images/2.0/hr.gif') repeat-x 0px 0px;height:10px;border:none; }
LABEL { padding-left:3px;padding-right:5px;vertical-align:text-bottom; }

DIV.WorkingWith { padding-right:25px;margin-top:-28px;margin-bottom:32px;position:absolute;text-align:right;width:1020px; }

DIV.MergeFields { margin-bottom:3px;font-weight:bold; }
UL.MergeFields { list-style:none; }

/*.AttributeTable LI { list-style:none;background:url('../images/2.0/treeview/T.gif') -4px center no-repeat;padding:3px 0 3px 18px;padding-left:0px!ie7; }
.AttributeTable LI.Last_Item { list-style:none;background:url('../images/2.0/treeview/L.gif') -4px center no-repeat;padding:3px 0 3px 18px;padding-left:0px!ie7; }*/
.AttributeTable LI { list-style:none;padding-left:0px!ie7; }

/*.AttributeTable LI.Expand_Open { list-style:none;background:url('../images/2.0/treeview/dash_expanded.gif') left center no-repeat;padding-left:18px;padding-left:0px!ie7; }
.AttributeTable LI.Expand_Closed { list-style:none;background:url('../images/2.0/treeview/dash_closed.gif') left center no-repeat;padding-left:18px;padding-left:0px!ie7; }*/
/*.AttributeTable LI.Expand_Open { list-style:none;background:url('../images/2.0/treeview/T.gif') left center no-repeat;padding-left:18px;padding-left:0px!ie7; }*/
/*.AttributeTable LI.Expand_Closed { list-style:none;background:url('../images/2.0/treeview/T.gif') left center no-repeat;padding-left:18px;padding-left:0px!ie7; }*/


#txtFromDate_txtDateBox, #txtToDate_txtDateBox,#txtFilterFromDate_txtDateBox,#txtFilterToDate_txtDateBox
{ border:1px solid #c5c5c5;width:70px;height:18px;font-size:11px;line-height:18px;padding-top:2px; }

/*.MusicScrolling { min-height:450px;overflow-y:auto;overflow-x:hidden;padding-right:19px!ie7; }
.MusicScrolling DIV { width:100%;margin-right:19px!ie7; }*/
.PlaylistScrolling { height:850px;overflow-y:scroll;overflow-x:none; }

/* Button styles */
.btn_Gray_Offxxxx, .btn_Gray_offxxxxx {
    width: 136px;
    height: 34px;
    background: transparent url('../images/2.0/btn.png') no-repeat 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: none;
    padding-bottom: 8px;
}
.btn_Gray_Hoverxxxx, .btn_Gray_hoverxxxx {
    width: 136px;
    height: 34px;
    background: transparent url('../images/2.0/btn.png') no-repeat 0px -34px;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: none;
    padding-bottom: 8px;
}
.btn_Gray_Onxxxx, .btn_Gray_onxxxx {
    width: 136px;
    height: 34px;
    background: transparent url('../images/2.0/btn.png') no-repeat 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: none;
    padding-bottom: 8px;
}
.btn_Gray_Disabledxxxx {
    width: 136px;
    height: 34px;
    background: transparent url('../images/2.0/btn.png') no-repeat 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: none;
    padding-bottom: 8px;
}

.btn_Gray_Off, .btn_Gray_off {
    width: 136px;
    height: 26px;
    background-color: #433F35;
    border: solid 1px #959490;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
}
.btn_Gray_Hover, .btn_Gray_hover {
    width: 136px;
    height: 26px;
    background-color: #494846;
    border: solid 1px #959490;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
    border: none;
}
.btn_Gray_On, .btn_Gray_on {
    width: 136px;
    height: 26px;
    background-color: #433F35;
    border: solid 1px #959490;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
}
.btn_Gray_Disabled {
    width: 136px;
    height: 26px;
    background-color: #f4f4f4;
    border: solid 1px #959490;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #abb2b5;
    cursor: default;
}

.btn_Gray_Order_Off, .btn_Gray_Order_off {
    width: 12px;
    height: 12px;
    background-color: #433F35;
    border: solid 1px #959490;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
}
.btn_Gray_Order_Hover, .btn_Gray_Order_hover {
    width: 12px;
    height: 12px;
    background-color: #494846;
    border: solid 1px #959490;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    cursor: hand;
    border: none;
}
.btn_Gray_Order_Off.ASC,.btn_Gray_Order_off.ASC,.btn_Gray_Order_Hover.ASC,.btn_Gray_Order_hover.ASC  { background-image:url(../images/2.0/arrow_down_white.gif);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }
.btn_Gray_Order_Off.DESC,.btn_Gray_Order_off.DESC, .btn_Gray_Order_Hover.DESC,.btn_Gray_Order_hover.DESC { background-image:url(../images/2.0/arrow_down_white.gif); }

.btnSmallxxxxxx {
    width: 108px;
    height: 28px;
    background: transparent url('../images/2.0/btn_small.png') no-repeat 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: none;
    padding-bottom: 8px;
}
.btnSmall_Hoverxxxxx {
    width: 108px;
    height: 28px;
    background: transparent url('../images/2.0/btn_small.png') no-repeat 0px -28px;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: none;
    padding-bottom: 8px;
}
.btnSmall {
    width: 108px;
    height: 26px;
    background-color: #433F35;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    border: solid 1px #959490;
    color: #FFFFFF;
    font-weight: bold;
}
.btnSmall_Hover {
    width: 108px;
    height: 26px;
    background-color: #494846;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    border: solid 1px #959490;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}
.btnSmall_Disabled {
    width: 108px;
    height: 26px;
    background-color: #f4f4f4;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    border: solid 1px #adb2b3;
    color: #bfc4c5;
}

.button_small {
    padding: 0px;
    cursor: hand;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0px;
    text-decoration: none;
}

.btnSubSmallxxxx {
    width: 60px;
    height: 20px;
    background: transparent url('../images/2.0/btn_subsmall.png') no-repeat 0px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: none;
    padding-bottom: 8px;
}
.btnSubSmall_Hoverxxxxx {
    width: 60px;
    height: 20px;
    background: transparent url('../images/2.0/btn_subsmall.png') no-repeat 0px -20px;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border: none;
    padding-bottom: 8px;
}

.btnText {
    background-color: #e6e1cf;
    border: 0px;
    color: #6d7774;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
}
.table > thead:first-child > tr:first-child > td:last-of-type:not([style*="display: none"]) { padding-right: 10px }

/*.btnSubSmall { width:60px;height:20px;background-color:#433F35;font-family:'Roboto', sans-serif;font-size:8pt;font-weight:bold;cursor:pointer;border:solid 1px #959490;color:#FFFFFF;cursor:hand; }
.btnSubSmall_Hover { width:60px;height:20px;background-color:#494846;font-family:'Roboto', sans-serif;font-size:8pt;font-weight:bold;cursor:pointer;border:solid 1px #959490;color:#FFFFFF;cursor:hand; }
.btnSubSmall_Disabled { width:60px;height:20px;background-color:#f4f4f4;font-family:'Roboto', sans-serif;font-size:8pt;font-weight:bold;border:solid 1px #adb2b3;color:#bfc4c5; }*/

.btnSubSmall {
    min-width: 60px;
    height: 20px;
    background-color: #433F35;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    border: solid 1px #959490;
    color: #FFFFFF;
    cursor: hand;
}
.btnSubSmall_Hover {
    min-width: 60px;
    height: 20px;
    background-color: #494846;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
    border: solid 1px #959490;
    color: #FFFFFF;
    cursor: hand;
}
.btnSubSmall_Disabled {
    min-width: 60px;
    height: 20px;
    background-color: #f4f4f4;
    font-family: 'Roboto', sans-serif;
    font-size: 8pt;
    font-weight: bold;
    border: solid 1px #adb2b3;
    color: #bfc4c5;
}

.TreeView { width:100%; }
.TreeView TD { padding:0px;margin:0px; }
.TreeView TD DIV { height: 20px !important;margin:0px;padding:0px; }
.TreeView input[type=checkbox] { margin:3px 0px 0px 2px;padding:0px;width:13px;height:13px;display:block;float:left }
A.TreeView_Level0 { padding-left:5px;display:block;float:left }
A.TreeView_Level1 { padding-left:5px;display:block;float:left }
A.TreeView_Level2 { padding-left:5px;display:block;float:left }
A.TreeView_Level3 { padding-left:5px;display:block;float:left }
A.TreeView_Level4 { padding-left:5px;display:block;float:left }
A.TreeView_Level5 { padding-left:5px;display:block;float:left }
A.TreeView_Level6 { padding-left:5px;display:block;float:left }
A.TreeView_Level7 { padding-left:5px;display:block;float:left }
A.TreeView_Level8 { padding-left:5px;display:block;float:left }
A.TreeView_Level9 { padding-left:5px;display:block;float:left }

/* Playlist Panel (on the side) */
TABLE.Playlist { border-top:1px solid #EAE4D9;background-color:#F2F1EE;  }
TABLE.Playlist TH { text-align:left;/*padding:7px 5px 7px 20px;*/padding:0px;font-weight:bold;color:#59615F;background:#DED7C9/* url('../images/2.0/arrow_down.gif') no-repeat 5px center*/; }
TABLE.Playlist .Header{background:url('../images/2.0/PlaylistHeaderBg.png') repeat-x; font-weight:bold; background-color:#FFFFFF; }
    TABLE.Playlist TD {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        padding: 5px 5px 5px 5px;
        color: #6d7774;
        border-bottom: 1px solid #DED7C9;
    }
TABLE.Playlist A { color:#59615F;text-decoration:none;}
TABLE.Playlist A:hover { color:#000000;text-decoration:none;}
.Playlist_Row { background-color:#F2F1EE;padding:4px 10px 4px 10px; }
.Playlist_Row_Alternate { background-color:#EBE9E4;padding:4px 10px 4px 10px; }
TABLE.PlaylistHeader TH { text-align:left;padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow_down.gif') no-repeat 5px center; }
TABLE.PlaylistHeader TD { padding-right:5px; }

.SideTab_Playlists { background:url('../images/2.0/tab_playlists.gif') no-repeat 0px 0px;width:35px;height:120px;cursor:pointer;cursor:hand;margin-right:-1px; }
.SideTab_Playlists_Hidden { background:url('../images/2.0/tab_playlists.gif') no-repeat 0px 0px;width:0px;height:120px;cursor:pointer;cursor:hand;margin-right:-1px; }
.SidePanel { width:1px;height:1px;margin:0px;padding:0px;  }
.SidePanelExpanded { display:block;width:240px;height:1px; }
.IconClose { width:21px;height:19px;display:block;background:url('../images/2.0/icon_close.gif') no-repeat 0px 0px; }
.IconClose_Hover { width:21px;height:20px;display:block;background:url('../images/2.0/icon_close.gif') no-repeat 0px -20px; }

DIV.ChangeAccount { z-index:9999999;display:block;width:250px;position:relative;/*background:url('../images/2.0/shadow.png') no-repeat bottom right;padding:0px 7px 7px 0px;*/margin-top:-2px; }
DIV.ChangeAccount DIV.SearchTextBoxDiv {padding:3px 0px 3px 18px;background:url(../images/2.0/search_bg_icon.gif) no-repeat 2px 3px #F1EFEC;border-bottom:solid 3px #DED7C9;}
DIV.ChangeAccount DIV.SearchTextBoxDiv .SearchTextBox {background:#F1EFEC;border:0;outline:none;width:218px}
DIV.ChangeAccount UL { list-style:none }
DIV.ChangeAccount LI { cursor:pointer;cursor:hand;background-color:#EBE9E4;padding:5px 10px 5px 10px;border-bottom:1px solid #DED7C9;font-weight:bold;overflow:hidden }
DIV.ChangeAccount LI.Alternate { cursor:pointer;cursor:hand;background-color:#F2F1EE;padding:5px 10px 5px 10px;border-bottom:1px solid #DED7C9;font-weight:bold;overflow:hidden }
DIV.ChangeAccount LI.Highlight { background-color:#FFDF92 }

/* Track list */
TABLE.TrackList { border-left:1px solid #DED7C9;border-top:1px solid #DED7C9; }
.TrackList TH {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 7px 5px 7px 5px;
    background: url('../images/2.0/h1_bg.gif') repeat-x;
    color: #6d7774;
    text-align: left;
    border-right: 1px solid #DED7C9;
    border-bottom: 1px solid #DED7C9;
}
.TrackList TD {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 4px 5px 4px 5px;
    color: #6d7774;
    border-right: 1px solid #DED7C9;
    border-bottom: 1px solid #DED7C9;
}
.TrackList TD.TrackList_AlbumHeader { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow_down.gif') no-repeat 5px center; }
.TrackList_Row { }
.TrackList_Row_Alternate { background-color:#EBE9E4; }
.TrackList_Row_Expanded { background-image:url(../images/2.0/gridExpandBarBg.gif);background-position:center; background-repeat:repeat-x; }
.TrackList_Row_Playing { background-color:#FFDF92; }
.TrackList_Row_Alternate_Playing { background-color:#FFDF92; }
.TrackList TD.TrackList_SearchHeader { font-weight:bold;color:#59615F;background:#DED7C9;padding:0px; }
.TrackList TD.TrackList_SearchHeader TH { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow_down.gif') no-repeat 5px center; }
.TrackList TD.TrackList_SearchHeader TD { font-weight:normal;color:#59615F;background:#DED7C9; }
.TrackLink { text-decoration:none;display:block;color:#292a2b }
.TrackLink:hover {color:#292a2b; }
.TrackLinkPlaylist { color:#505956;text-decoration:none;display:block; }

/* Track list */
TABLE.PlayListSearchGrid {border-top:1px solid #DED7C9; }
.PlayListSearchGrid TH {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 7px 5px 7px 5px;
    background: url('../images/2.0/PlayListGridHeader.gif') repeat-x;
    color: #6d7774;
    text-align: left;
    border-right: 1px solid #DED7C9;
    border-bottom: 1px solid #DED7C9;
}
.PlayListSearchGrid TD {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 4px 5px 4px 5px;
    color: #6d7774;
    border-right: 1px solid #DED7C9;
    border-bottom: 1px solid #DED7C9;
}
.PlayListSearchGrid TD.TrackList_AlbumHeader { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow_down.gif') no-repeat 5px center; }
.PlayListSearchGrid_Row { }
.PlayListSearchGrid_Row_Alternate { background-color:#EBE9E4; }
.PlayListSearchGrid_Row_Expanded { background-image:url(../images/2.0/gridExpandBarBg.gif);background-position:center; background-repeat:repeat-x;  }
.PlayListSearchGrid_Row_Playing { background-color:#FFDF92; }
.PlayListSearchGrid_Row_Alternate_Playing { background-color:#FFDF92; }
.PlayListSearchGrid TD.TrackList_SearchHeader { font-weight:bold;color:#59615F;background:#DED7C9;padding:0px; }
.PlayListSearchGrid TD.TrackList_SearchHeader TH { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow_down.gif') no-repeat 5px center; }
.PlayListSearchGrid TD.TrackList_SearchHeader TD { font-weight:normal;color:#59615F;background:#DED7C9; }

.PagerTopTD{ padding:0px; border-right-style:none;}
.PagerBottomTD{ border:none; border-right-style:none;}
.Pager {  border:none;}
.Pager TD { text-align:center; vertical-align:middle; padding:0px; border:none;  border-bottom-style:none;}
.Pager A {  padding:1px 5px 1px 5px; text-align:center;font-size:11px;font-weight:bold;color:#6d7774;text-decoration:none;border:1px solid #DED7C9; }
.Pager A:visited {  padding:1px 5px 1px 5px; text-align:center;font-size:11px;font-weight:bold;color:#6d7774;text-decoration:none;border:1px solid #DED7C9; }
.Pager A:hover { padding:1px 5px 1px 5px;  background-color:#FFFFFF;text-align:center;font-size:11px;font-weight:bold;color:#000000;text-decoration:none;border:1px solid #c5c5c5; }
.Pager A:click { padding:1px 5px 1px 5px; background-color:#FFFFFF;text-align:center;font-size:11px;font-weight:bold;color:#000000;text-decoration:none;border:1px solid #c5c5c5; }
.Pager SPAN  { padding:1px 5px 1px 5px;background-color:#FFFFFF;text-align:center;font-size:11px;font-weight:bold;color:#000000;text-decoration:none;border:1px solid #c5c5c5; }
.Pager .pagerActiveItems{}
.Pager .pagerFirstPage{  cursor:pointer; background-position:center;  width:12px;height:10px;background-image:url('../images/2.0/icons/arrow_left_end.gif'); background-repeat:no-repeat; border-bottom-style:none; }
.Pager .pagerPreviousPage{ cursor:pointer; background-position:center; width:12px;height:10px;background-image:url('../images/2.0/icons/arrow_left.gif'); background-repeat:no-repeat;  border-bottom-style:none;}
.Pager .pagerNextPage{cursor:pointer; background-position:center; width:12px;height:10px;background-image:url('../images/2.0/icons/arrow_right.gif'); background-repeat:no-repeat; border-bottom-style:none; }
.Pager .pagerLastPage{cursor:pointer; background-position:center; width:12px;height:10px;background-image:url('../images/2.0/icons/arrow_right_end.gif'); background-repeat:no-repeat; border-bottom-style:none;}

/* Track list */
TABLE.InnserTrackList {  border-right-style:none;}
.InnserTrackList TH {
    background: url('../images/2.0/PlayListGridHeader.gif') repeat-x;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 2px 2px 2px 2px;
    height: 20px;
    color: #6d7774;
    text-align: left;
    border-bottom: 1px solid #DED7C9;
}
.InnserTrackList TD {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    height: 25px;
    color: #6d7774;
    border-right: none;
}
.InnserTrackList_Row { }
.InnserTrackList_Row td{ border-bottom:dotted 1px #DED7C9; }
.InnserTrackList_Row_Alternate { background-color:#EBE9E4; height:25px;}
.InnserTrackList_Row_Playing { background-color:#FFDF92;border-bottom:dotted 1px #DED7C9; }
.InnserTrackList_Row_Playing td { border-bottom:dotted 1px #DED7C9; }
.InnserTrackListt_Row_Alternate_Playing { background-color:#FFDF92; }
TABLE.InnerDataGridDivTable{ border-top:solid 1px #DED7C9;}
.InnerDataGridDivTable TD{  padding:3px;  border-bottom:solid 1px #DED7C9; border-right:solid 1px #DED7C9;}

/*.Inactive, .Inactive TD, .Inactive A.TrackLink, .Inactive A.LibraryName, .Inactive SPAN { color:#c55555;font-style:italic; } */
.Inactive SPAN.spanStatus { color:#c55555;font-style:italic; }
#SubTabArea_Library .Inactive SPAN.spanStatus { color:#c55555;font-style:italic; }

TABLE.MusicHeader { height:30px; }
TABLE.MusicHeader TH { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow_down.gif') no-repeat 5px center; }
TABLE.MusicHeader TD { font-weight:normal;color:#59615F;background:#DED7C9;padding:7px 5px 7px 5px; }

TABLE.AccountConfigurationHeader { height:30px; }
TABLE.AccountConfigurationHeader TH { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#E6E1CF; text-align:left;}
TABLE.AccountConfigurationHeader TD { font-weight:normal;color:#59615F;background:#DED7C9;padding:7px 5px 7px 5px; }

TABLE.TableList { border-left:1px solid #DED7C9;border-top:1px solid #DED7C9; }
TR.TableHeader TD {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 7px 5px 7px 5px;
    background: #E6E1CF; /*background:url('../images/2.0/h1_bg.gif') repeat-x*/
    ;
    color: #6d7774;
    border-bottom: 1px solid #DED7C9;
    border-right: 1px solid #D0D0D0;
    font-weight: bold;
}
    TR.TableHeader TD A {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        font-weight: bold;
        color: #6d7774;
        text-decoration: none;
    }
        TR.TableHeader TD A:active {
            font-family: 'Roboto', sans-serif;
            font-size: 8.5pt;
            font-weight: bold;
            color: #6d7774;
            text-decoration: none;
        }
        TR.TableHeader TD A:link {
            font-family: 'Roboto', sans-serif;
            font-size: 8.5pt;
            font-weight: bold;
            color: #6d7774;
            text-decoration: none;
        }
        TR.TableHeader TD A:hover {
            font-family: 'Roboto', sans-serif;
            font-size: 8.5pt;
            font-weight: bold;
            color: #000000;
            text-decoration: none;
        }
TR.TableItem { background-color:#F1EFEC; }
TR.TableItem_Alternate { background-color:#EBE9E4; }
TR.TableGroup TD {
    padding: 5px 5px 5px 5px;
    background-color: #DED7C9;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: bold;
}
TR.TableItem TD, TR.TableItem_Alternate TD {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 4px 5px 4px 5px;
    color: #6d7774;
    border-right: 1px solid #DED7C9;
    border-bottom: 1px solid #DED7C9;
}
TR.TableItem_Highlighted TD { background-color:#ffffff;border-bottom:none;border-right:none; }
TR.Buttons_Highlighted TD { text-align:right;padding:10px;background-color:#ffffff;border-bottom:1px solid #D0D0D0; }
TR.Reorderable:hover, DIV.ExportItem:hover, .hoverable:hover { background-color: #faf9f7; }
/*Search Albums*/
TR.TableHeader TH {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 7px 5px 7px 5px;
    background: #E6E1CF; /*background:url('../images/2.0/h1_bg.gif') repeat-x*/
    ;
    color: #6d7774;
    border-bottom: 1px solid #DED7C9;
    border-right: 1px solid #D0D0D0;
    font-weight: bold;
}
    TR.TableHeader TH A {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        font-weight: bold;
        color: #6d7774;
        text-decoration: none;
    }
        TR.TableHeader TH A:active {
            font-family: 'Roboto', sans-serif;
            font-size: 8.5pt;
            font-weight: bold;
            color: #6d7774;
            text-decoration: none;
        }
        TR.TableHeader TH A:link {
            font-family: 'Roboto', sans-serif;
            font-size: 8.5pt;
            font-weight: bold;
            color: #6d7774;
            text-decoration: none;
        }
        TR.TableHeader TH A:hover {
            font-family: 'Roboto', sans-serif;
            font-size: 8.5pt;
            font-weight: bold;
            color: #000000;
            text-decoration: none;
        }

TD.Options { font-style:normal;white-space:nowrap; }
TD.Options TD { font-style:normal;padding:0 5px 0 0;border:none; }
DIV.EditOptions { padding:2px 5px 2px 0px; }

.DataGridPager TD { background-color:#DED7C9;padding:5px; }
.DataGridPager A { padding:1px 5px 1px 5px;text-align:center;font-size:11px;font-weight:bold;color:#6d7774;text-decoration:none;border:1px solid #DED7C9; }
.DataGridPager A:visited { padding:1px 5px 1px 5px;text-align:center;font-size:11px;font-weight:bold;color:#6d7774;text-decoration:none;border:1px solid #DED7C9; }
.DataGridPager A:hover { padding:1px 5px 1px 5px;background-color:#FFFFFF;text-align:center;font-size:11px;font-weight:bold;color:#000000;text-decoration:none;border:1px solid #c5c5c5; }
.DataGridPager A:click { padding:1px 5px 1px 5px;background-color:#FFFFFF;text-align:center;font-size:11px;font-weight:bold;color:#000000;text-decoration:none;border:1px solid #c5c5c5; }
.DataGridPager SPAN  { padding:1px 5px 1px 5px;background-color:#FFFFFF;text-align:center;font-size:11px;font-weight:bold;color:#000000;text-decoration:none;border:1px solid #c5c5c5; }

DIV.LoginPanel { width:529px;height:429px;background:url('../images/2.0/login_bg.png') no-repeat 0px 0px;padding:20px 20px 20px 40px; }
DIV.LoginLogo { width:303px;height:46px;background:url('../images/2.0/logo.png') no-repeat 0px 0px; }
INPUT.LoginPanel_TextBox { background-color:#FAFAFA;border:1px solid #eeeeee;font-size:18px;line-height:30px;margin:0;width:440px;height:28px; }
INPUT.LoginPanel_TextBoxFocus { background-color:#FAFAFA;border:1px solid #DADADA;font-size:18px;line-height:30px;margin:0;width:440px;height:28px; }
.LoginPanel_Caption { padding-bottom:5px;font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight:bold; color: #535353;text-decoration: none; }
.LoginPanel_Text { padding-bottom:5px;font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight:normal; color: #535353;text-decoration: none; }
.Login_Error { padding:10px 0px 20px 0px;color:Red; }

/* Main Tabs */
.tab_Off, .tab_off {
    width: 105px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs_narrow.gif') no-repeat;
    background-position: 0px -36px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_Disabled, .tab_disabled {
    width: 105px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #A1A192;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs_narrow.gif') no-repeat;
    background-position: 0px -36px;
    text-align: center;
    padding-top: 5px;
    cursor: default;
}
.tab_Hover, .tab_hover {
    width: 105px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs_narrow.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_On, .tab_on {
    width: 105px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs_narrow.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.tab_Off_home, .tab_off_home {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px -36px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_Hover_home, .tab_hover_home {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_On_home, .tab_on_home {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.tab_Off_accountsettings, .tab_off_accountsettings {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px -36px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_Hover_accountsettings, .tab_hover_accountsettings {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_On_accountsettings, .tab_on_accountsettings {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.tab_Off_music, .tab_off_music {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px -36px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_Hover_music, .tab_hover_music {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_On_music, .tab_on_music {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.tab_Off_reports, .tab_off_reports {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px -36px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_Hover_reports, .tab_hover_reports {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_On_reports, .tab_on_reports {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.tab_Off_system, .tab_off_system {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px -36px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_Hover_system, .tab_hover_system {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_On_system, .tab_on_system {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.tab_Off_admin, .tab_off_admin {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px -36px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_Hover_admin, .tab_hover_admin {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.tab_On_admin, .tab_on_admin {
    width: 120px;
    height: 34px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    background: transparent url('../images/2.0/tabs.gif') no-repeat;
    background-position: 0px 0px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

/* Icon Buttons */
A.btnAddTrack { display:block;background:url('../images/2.0/plusicon.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnData { display:block;background:url('../images/2.0/document_icon.gif') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnLog { display:block;background:url('../images/2.0/log.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnDownload { display:block;background:url('../images/2.0/download_icon.gif') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnEdit { display:block;background:url('../images/2.0/pencil_icon.gif') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnEditSmaller { display:block;background:url('../images/2.0/edit_icon.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnDelete { display:block;background:url('../images/2.0/trash_icon.gif') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnDelete_Disabled { display:block;background:url('../images/2.0/trash_icon_light.gif') no-repeat center center;height:20px;width:20px;cursor:default; }
A.btnEditAlts { display:block;background:url('../images/2.0/list_definition.png') no-repeat center center;height:13px;width:13px;left:2px;top:2px;cursor:pointer;cursor:hand }
A.btnEditAlts_Disabled { display:block;background:url('../images/2.0/list_definition_light.png') no-repeat center center;height:12px;width:13px;left:2px;top:2px;cursor:default }
A.btnUndo { display:block;background:url('../images/2.0/undo_orange.gif') no-repeat center center;height:19px;width:20px;cursor:pointer;cursor:hand; }
A.btnUndo_Disabled { display:block;background:url('../images/2.0/undo_orange_light.gif') no-repeat center center;height:19px;width:20px;cursor:pointer;cursor:default; }
A.btnInfo { display:block;background:url('../images/2.0/info_icon.gif') no-repeat center center;height:20px;width:20px; }
A.btnRemoveFromPlaylist { display:block;background:url('../images/2.0/trash_icon.gif') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnMoveUp { display:block;background:url('../images/2.0/icon_order_up.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnMoveDown { display:block;background:url('../images/2.0/icon_order_down.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnTracks { display:block;background:url('../images/2.0/icon_music.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnPlaylists { display:block;background:url('../images/2.0/playlist.png') no-repeat center center;height:22px;width:22px;cursor:pointer;cursor:hand; }
A.btnDeny { display:block;background:url('../images/common/delete.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnApprove { display:block;background:url('../images/common/tick.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnRemove {display:block;background:url('../images/2.0/user_delete.png') no-repeat center center;height:16px;width:16px;cursor:pointer;cursor:hand; }
A.btnPreview { display:block;background:url('../images/2.0/preview_icon.gif') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnPublish { display:block;background:url('../images/2.0/publish_icon.gif') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
A.btnLogo { display:block;background:url('../images/2.0/image.gif') no-repeat center center;height:16px;width:18px;cursor:pointer;cursor:hand; }
A.btnExport { display:block;background:url('../images/2.0/script_export.png') no-repeat center center;height:16px;width:16px;cursor:pointer;cursor:hand; }
A.btnPreview16 { display:block;background:url('../images/2.0/preview.png') no-repeat center center;height:16px;width:16px;cursor:pointer;cursor:hand; }
A.btnPreviewAlbum {display:inline-block;background:url('../images/2.0/preview.png') no-repeat center center;height:16px;width:16px;cursor:pointer;cursor:hand;}
A.btnValidate { display:block;background:url('../images/2.0/validate.png') no-repeat center center;height:16px;width:53px;cursor:pointer;cursor:hand; }
.btnUrl { display:block;background:url('../images/2.0/world_link.png') no-repeat center center;height:20px;width:20px;cursor:pointer;cursor:hand; }
.btnUrl_Light { display:block;background:url('../images/2.0/world_link_light.png') no-repeat center center;height:20px;width:20px;cursor:default; }
div.Tick { display:block;background:url('../images/2.0/tick.png') no-repeat center center;height:16px;width:16px; }
/* Sub Tabs */
DIV.SubTabs { height:40px;margin-bottom:-1px;margin-top:15px;position:relative; }
A.SubTabActive { float:left;display:block;width:120px;height:40px;background:url('../images/2.0/subtabs.gif') no-repeat 0px 0px;cursor:pointer;cursor:hand;color:#6d7774;font-weight:bold;font-family:Arial;font-size:11px;text-align:center;vertical-align:bottom;line-height:40px;text-decoration:none; }
A.SubTab { float:left;display:block;width:120px;height:40px;background:url('../images/2.0/subtabs.gif') no-repeat 0px -41px;cursor:pointer;cursor:hand;color:#6d7774;font-weight:bold;font-family:Arial;font-size:11px;text-align:center;vertical-align:bottom;line-height:60px;text-decoration:none; }
A.SubTab_Hover { float:left;display:block;width:120px;height:40px;background:url('../images/2.0/subtabs.gif') no-repeat 0px -41px;cursor:pointer;cursor:hand;color:#000000;font-weight:bold;font-family:Arial;font-size:11px;text-align:center;vertical-align:bottom;line-height:60px;text-decoration:none; }

A.SubTabLongActive { float:left;display:block;width:200px;height:40px;background:url('../images/2.0/subtabs_200.gif') no-repeat 0px 0px;cursor:pointer;cursor:hand;color:#6d7774;font-weight:bold;font-family:Arial;font-size:11px;text-align:center;vertical-align:bottom;line-height:40px;text-decoration:none; }
A.SubTabLong { float:left;display:block;width:200px;height:40px;background:url('../images/2.0/subtabs_200.gif') no-repeat 0px -41px;cursor:pointer;cursor:hand;color:#6d7774;font-weight:bold;font-family:Arial;font-size:11px;text-align:center;vertical-align:bottom;line-height:60px;text-decoration:none; }
A.SubTabLong_Hover { float:left;display:block;width:200px;height:40px;background:url('../images/2.0/subtabs_200.gif') no-repeat 0px -41px;cursor:pointer;cursor:hand;color:#000000;font-weight:bold;font-family:Arial;font-size:11px;text-align:center;vertical-align:bottom;line-height:60px;text-decoration:none; }

DIV.SubTabActiveArea { background-color:#F1EFEC;border:1px solid #DDD; }

DIV.Warning { background:url('../images/2.0/icon_warning.png') no-repeat 0px 0px;height:45px;line-height:45px;padding-left:50px; }
.SmallWarning {background:url('../images/2.0/warning.png') no-repeat;height:16px;width:16px;line-height:16px;display:block}
.keyline { background-color:#c5c5c5;height:1px;padding:0px;margin:0px; }
DIV.InnerPanel { border:1px solid #E2DFD7;padding:0px;margin:10px; }
.MainOuter { margin-top:0px;width:1060px; background-color:#E2E2E2; background:url('../images/2.0/main_bg.png') no-repeat bottom;  text-align:left;padding-bottom:11px;padding-left:5px; }
.MainInner { width:100%;margin:0px 0px 0px 0px; }
DIV.Main { border:1px solid #c5c5c5;padding:0px;margin:0px 10px 10px 10px;background-color:#EAE8E3; }

.InnerPanel TD.accountEditLabel { font-weight:bold;padding-left:15px;width:1%;white-space:nowrap;padding-right:20px; }
.error {color:Red;display:inline-block}

/* Library List */
.LibraryAlbumList_hidden { display:none; }
.LibraryAlbumList_loading { height:15px; }
.LibraryRow { /*border-bottom:1px solid #E2DFD7;padding:0px;*/ }
/*.LibraryName { font-family:'Roboto', sans-serif;font-size:11px;color:#627C91;font-weight:bold;text-decoration:none; }*/

.LibraryAlbumList_hidden { display:none; }
.LibraryAlbumList_loading { height:15px; }
.RateRow { /*border-bottom:1px solid #E2DFD7;padding:0px;*/ }
.RateCode {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #627C91;
    font-weight: bold;
    text-decoration: none;
}


/*.CategoryLink { font-family:'Roboto', sans-serif;font-size:11px;color:#627C91;font-weight:bold;text-decoration:none; }*/
.AttributeLink { text-decoration:none; }

.SearchBox { z-index:1000;position:absolute;right:5px;bottom:0;height:22px;width:350px; }
.SearchBox_Button {
    float: right;
    margin-right: 6px;
    margin-left: 10px;
    width: 25px;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    background-color: #433F35;
    border: solid 1px #959490;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}
.SearchBox_Button_Hover {
    float: right;
    margin-right: 6px;
    margin-left: 10px;
    width: 25px;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
    background-color: #494846;
    border: solid 1px #959490;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}
.SearchBox_Textbox { float:right; width:178px; height:17px; background:#E7E6E6; border:solid 1px #9C9C9C; line-height:17px; color:#433F35; font-size:11px; }

.PageSelect {
    font-family: 'Roboto', sans-serif;
    color: #666666;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    width: 45px;
    height: 15px;
    border: none;
    margin-top: 0px;
    margin-bottom: 1px;
}
.PageNav_Cell { padding-left:2px;padding-right:2px; }
.PageNav_ArrowLeft { width:12px;height:10px;background-image:url('../images/2.0/icons/arrow_left.gif'); background-repeat:no-repeat; }
.PageNav_ArrowLeftEnd { width:12px;height:10px;background-image:url('../images/2.0/icons/arrow_left_end.gif'); background-repeat:no-repeat; }
.PageNav_ArrowRight { width:12px;height:10px;background-image:url('../images/2.0/icons/arrow_right.gif'); background-repeat:no-repeat; }
.PageNav_ArrowRightEnd { width:12px;height:10px;background-image:url('../images/2.0/icons/arrow_right_end.gif'); background-repeat:no-repeat; }
.SearchPager TD {
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
}

.AddEditArea { border:1px solid #c5c5c5;margin-bottom:10px;padding:15px;background-color:#F1EFEC; }
.H1Box { border:1px solid #c5c5c5;background:url('../images/2.0/h1_bg.gif') repeat-x;padding-left:15px;margin-bottom:10px;margin-right:10px;margin-top:10px; }
.WorkingWithBox { border:1px solid #c5c5c5;background:url('../images/2.0/h1_bg.gif') repeat-x;padding:5px 15px 5px 15px;margin-bottom:15px;margin-right:10px;margin-top:-15px; }

DIV.SmallPanelFooter { padding:5px 5px 5px 5px;background:#E6E1CF; }
DIV.SmallPanelHeader { background-color:#DED7C9;padding:5px 15px 5px 10px;font-weight:bold; }
DIV.SmallPanelHeader TD { font-weight:bold; }
DIV.SmallPanelHeader A { font-weight:normal;text-decoration:none; }
DIV.SmallPanelHeader A:hover { font-weight:normal;text-decoration:underline; }
DIV.SmallPanel { border:1px solid #c5c5c5;padding:10px; }

DIV.Toolbar { background:url('../images/2.0/breadcrumb_bg.gif') repeat-x top;height:33px;padding:0px 15px 0px 13px;color:#FFFFFF; }
DIV.Toolbar TABLE { height:33px; }

#forceScrollBars { position:absolute;bottom:-0.1px;width:1em;z-index:-1; }

.PlaylistHighlight { background-color:#FFDF92; }

.Tree_T { width:0px;padding-right:25px;display:block;background:url('../images/2.0/treeview/T.gif') no-repeat 0px 0px; }
.Tree_L { width:0px;padding-right:25px;display:block;background:url('../images/2.0/treeview/L.gif') no-repeat 0px 0px; }

.AlbumTree_T { width:0px;height:19px;padding-right:25px;display:block;background:url('../images/2.0/treeview/T.gif') no-repeat 0px 0px; }
.AlbumTree_L { width:0px;height:19px;padding-right:25px;display:block;background:url('../images/2.0/treeview/L.gif') no-repeat 0px 0px; }
.WebContentTree_T { width:31px;height:28px;background:url('../images/2.0/treeview/T_h28.gif') no-repeat 0px 0px; }
.WebContentTree_L { width:31px;height:28px;background:url('../images/2.0/treeview/L_h28.gif') no-repeat 0px 0px; }
.WebContentTree_IT { width:50px;height:28px;padding-right:25px;background:url('../images/2.0/treeview/IT_h28.gif') no-repeat 0px 0px; }
.WebContentTree_IL { width:50px;height:28px;padding-right:25px;background:url('../images/2.0/treeview/IL_h28.gif') no-repeat 0px 0px; }
.WebContentTree_IT_MissingRight { background:url('../images/2.0/treeview/IT_h28.gif') no-repeat -31px 0px; }
.WebContentTree_IL_MissingRight { background:url('../images/2.0/treeview/IL_h28.gif') no-repeat -31px 0px; }

.WebContentTree_3rd_T { width:44px;height:28px;padding-right:25px;background:url('../images/2.0/treeview/T_paddingleft_h28.gif') no-repeat 0px 0px; }
.WebContentTree_3rd_L { width:44px;height:28px;padding-right:25px;background:url('../images/2.0/treeview/L_paddingleft_h28.gif') no-repeat 0px 0px; }
.SubAlbumTree_T { width:0px;height:19px;padding-right:50px;display:block;background:url('../images/2.0/treeview/IT.gif') no-repeat 0px 0px; }
.SubAlbumTree_L { width:0px;height:19px;padding-right:50px;display:block;background:url('../images/2.0/treeview/IL.gif') no-repeat 0px 0px; }
.NoNextSubAlbumTree_T { width:0px;height:19px;padding-right:50px;display:block;background:url('../images/2.0/treeview/T_paddingleft.gif') no-repeat 0px 0px; }
.NoNextSubAlbumTree_L { width:0px;height:19px;padding-right:50px;display:block;background:url('../images/2.0/treeview/L_paddingleft.gif') no-repeat 0px 0px; }
.SubLibrary_T { padding-left:25px;background:url('../images/2.0/treeview/T_large.gif') no-repeat left top; }
.SubLibrary_L { padding-left:25px;background:url('../images/2.0/treeview/L.gif') no-repeat left top; }

#divPlaylists { display:none; }
#divPlaylists.visible {display:inline; vertical-align:top; }
DIV.Logo { margin-bottom:-45px;margin-top:15px;margin-left:3px;width:303px;height:46px;background:url('../images/2.0/logo.png') no-repeat top left; }
DIV.Menu { padding-right:4px;height:34px; }
DIV.Content { margin:0px 13px 10px 13px; }
DIV.HeaderText { margin-bottom:15px;padding-right:15px; }
DIV.HeaderText A { font-weight:bold;color:#948876;text-decoration:none; }
DIV.HeaderText A:hover { font-weight:bold;color:#56421A;text-decoration:none; }
DIV.HeaderText SPAN { margin:0px 2px 0px 2px; }

.Content_B { height:3px;background-image:url('../images/2.0/contentarea/B.png');background-position:bottom;background-repeat:repeat-x; }
.Content_T { height:3px;background-image:url('../images/2.0/contentarea/T.png');background-position:top;background-repeat:repeat-x; }
.Content_L { width:2px;background-image:url('../images/2.0/contentarea/L.png');background-position:left;background-repeat:repeat-y; }
.Content_R { width:2px;background-image:url('../images/2.0/contentarea/R.png');background-position:right;background-repeat:repeat-y; }
.Content_BL { width:2px;height:3px;background-image:url('../images/2.0/contentarea/BL.png');background-position:bottom left;background-repeat:no-repeat; }
.Content_BR { width:2px;height:3px;background-image:url('../images/2.0/contentarea/BR.png');background-position:bottom right;background-repeat:no-repeat; }
.Content_TL { width:2px;height:3px;background-image:url('../images/2.0/contentarea/TL.png');background-position:top left;background-repeat:no-repeat; }
.Content_TR { width:2px;height:3px;background-image:url('../images/2.0/contentarea/TR.png');background-position:top right;background-repeat:no-repeat; }				
.Content_M { background-color:#EFEFEF; }

TABLE.Form TH { font-weight:bold;text-align:left;width:1%;white-space:nowrap;padding:3px 10px 3px 10px; }
TABLE.Form TD { font-weight:normal;text-align:left;padding:3px 10px 3px 10px; }
TABLE.Form TH SPAN { background:url('../images/2.0/arrow.gif') no-repeat right;padding-right:10px; }
INPUT.FormTextbox { border:1px solid #c5c5c5;width:200px;height:20px;font-size:11px;line-height:20px; }
INPUT.FormTextbox.TextFieldError{ border:solid 1px #F9DD34; color:#FF0000; background-color:#FFF1A0; text-indent:20px; background-image:url(../images/2.0/error.png); background-position:2px  center; background-repeat:no-repeat;}
SELECT.FormDropdown { border:1px solid #c5c5c5;width:200px;height:20px;font-size:11px;line-height:18px; }
SELECT.FormDropdown_Small { border:1px solid #c5c5c5;width:120px;height:20px;font-size:11px;line-height:18px; }
SELECT.FormDropdown_Disabled { border:1px solid #c5c5c5;background-color:#E0E0E0;width:200px;height:20px;font-size:11px;line-height:18px; }
TEXTAREA.FormTextarea { border:1px solid #c5c5c5;font-size:11px; }
.PlayerContainer {padding:0 92px;background:url(../images/2.0/player_bg.gif) repeat-x;}
DIV.Player { height:70px;width:1050px;position:relative;}
TABLE.Form TABLE TD { padding-left:0px;padding-right:0px; }

DIV.SubPanelHeader { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow_down.gif') no-repeat 5px center;border-bottom:1px solid #d9d9d9; }
DIV.SubPanelHeaderWithoutArrow { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 no-repeat 5px center;border-bottom:1px solid #d9d9d9; }
DIV.SubPanelHeader A { font-weight:bold;text-decoration:none; }
DIV.SubPanelHeader A:hover { font-weight:bold;color:#000000;text-decoration:none; }
DIV.SubPanelHeader_Closed { padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow.gif') no-repeat 5px center;border-bottom:1px solid #d9d9d9; }
DIV.SubPanelHeader_Closed A { font-weight:bold;text-decoration:none; }
DIV.SubPanelHeader_Closed A:hover { font-weight:bold;color:#000000;text-decoration:none; }
DIV.SubPanelHeader TD { padding-right:15px; }
DIV.SubPanel { background-color:#F1EFEC; }
DIV.SubPanelContent { padding:10px; }
DIV.SubPanelContentTable { padding:0px; }
DIV.Buttons { padding:10px 15px 5px 15px;background:#f4f4f4;border-top:1px solid #dcdcdc }

DIV.H1Buttons { margin:-35px 20px 0px 0px;padding:0px 0px 0px 0px;display:block; }

TABLE.RegionSelector TD { padding:5px 5px 0px 0px; }

.textbox {
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 12px;
    border: 1px solid #C4C9D7;
    width: 200px;
    line-height: 14px;
    height: 18px;
    margin: 0px;
    background-color: #ffffff;
}
.textbox_disabled {
    font-family: 'Roboto', sans-serif;
    color: #000000;
    font-size: 12px;
    border: 1px solid #C4C9D7;
    width: 200px;
    line-height: 14px;
    height: 18px;
    margin: 0px;
    background-color: #f1f1f1;
}

/* Styles for toolbar (the top row of the "manage" pages) */
.toolbar_AlbumDetails {
    color: Black;
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    text-decoration: none
}
    .toolbar_AlbumDetails:link {
        color: Black;
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        text-decoration: none
    }
    .toolbar_AlbumDetails:visited {
        color: Black;
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        text-decoration: none
    }
    .toolbar_AlbumDetails:hover {
        color: Black;
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        text-decoration: underline
    }
.toolbar_Row { height:31px;background-image:url('../images/webcontrols/toolbar_middle.gif');vertical-align:middle;}
.toolbar_ButtonCell { padding-right:10px; padding-left:2px;}

.toolbar_Text {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    vertical-align: middle;
}
a.toolbar_Text {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    vertical-align: bottom;
    padding-bottom: 12px;
    padding-right: 3px;
    text-decoration: none;
}
    a.toolbar_Text:active {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        vertical-align: bottom;
        padding-bottom: 12px;
        padding-right: 3px;
        text-decoration: none;
    }
    a.toolbar_Text:link {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        vertical-align: bottom;
        padding-bottom: 12px;
        padding-right: 3px;
        text-decoration: none;
    }
    a.toolbar_Text:hover {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        vertical-align: bottom;
        padding-bottom: 12px;
        padding-right: 3px;
        text-decoration: underline;
    }

/* Styles for manage (the rows of the "manage" pages) */
.manage_Table {width:100%; } /* the whole area of the iframe */
.manage_TitleRow { background:url('../images/2.0/header_bg.gif') repeat-x bottom;background-color:#B2AA9D;height:40px; }

.manage_TitleTextNormal {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
a.manage_TitleTextNormal {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
    a.manage_TitleTextNormal:active {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
    }
    a.manage_TitleTextNormal:link {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
    }
    a.manage_TitleTextNormal:hover {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: underline;
    }

.manage_TitleTextSelected {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    font-weight: bold;
}
.manage_ItemRow { background-color:#e1e0e0;height:25px;cursor:pointer;}
.manage_ItemRowSelected { HEIGHT: 25px; BACKGROUND-COLOR:#CBC6BF;cursor:pointer; }
.manage_AlternatingItemRow { background-color:#F0F0F0;height:25px;cursor:pointer; }

.manage_ItemRowNoPointer { background-color:#F0F0F0;height:25px;}
.manage_AltItemRowNoPointer { background-color:#E4E4E4;height:25px;}

.manage_TextNormal {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
}
a.manage_TextNormal {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    text-decoration: none;
}
    a.manage_TextNormal:active {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        text-decoration: none;
    }
    a.manage_TextNormal:link {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        text-decoration: none;
    }
    a.manage_TextNormal:hover {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        text-decoration: underline;
    }

.manage_TextSelected {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    font-weight: bold;
}
a.manage_TextSelected {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    font-weight: bold;
    text-decoration: none;
}
    a.manage_TextSelected:active {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        font-weight: bold;
        text-decoration: none;
    }
    a.manage_TextSelected:link {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        font-weight: bold;
        text-decoration: none;
    }
    a.manage_TextSelected:hover {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        font-weight: bold;
        text-decoration: underline;
    }

.manage_ScrollArea { height:206;width:100%;overflow:auto;scrollbar-face-color:#8E8E8E;scrollbar-highlight-color:#8E8E8E;scrollbar-3dlight-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-shadow-color:#8E8E8E;scrollbar-arrow-color:#FFFFFF;scrollbar-track-color:CCCCCC;}
.manage_NoScroll { height:100%;width:100%;}
.manage_NoResultsArea {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    height: 206;
    width: 100%;
    background-color: #ffffff;
    vertical-align: top;
    padding-left: 13px;
    padding-top: 10px;
}
.regioncountries { height:300;width:100%;overflow:auto;scrollbar-face-color:#8E8E8E;scrollbar-highlight-color:#8E8E8E;scrollbar-3dlight-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-shadow-color:#8E8E8E;scrollbar-arrow-color:#FFFFFF;scrollbar-track-color:CCCCCC; border:solid 1px #6d7774;}

DIV.Pager { padding:5px 5px 5px 5px;background:#E6E1CF;border-top:1px solid #c5c5c5; }
DIV.Pager DIV { font-weight:normal; }
DIV.Pager SPAN { font-weight:normal; }
DIV.Pager A { text-decoration:none;border:1px solid #F1EFEC;padding:2px 5px 2px 5px;display:inline-block; }
DIV.Pager A:hover { text-decoration:none;background-color:#ffffff;border:1px solid c5c5c5;padding:2px 5px 2px 5px;display:inline-block; }


/* Styles for edit & add page tables */
.edit_Table {width:100%;}
.edit_NormalCell {/*background-color:#ffffff;*/}
.edit_Table {/*background-color:#ffffff;*/}
.edit_LeftRightTopColumnImage {width:9px;height:8px;}
.edit_LeftRightBottomColumnImage {width:9px;height:8px;}
.edit_MiddleColumnImage {width:9px;height:1px;}
.edit_BottomLeftCorner {background-image:url('../images/webcontrols/edit_bottomleftcorner.gif');}
.edit_BottomRightCorner {background-image:url('../images/webcontrols/edit_bottomrightcorner.gif');}
.edit_Title {
    font-family: 'Roboto', sans-serif;
    font-size: 10pt;
    color: #6d7774;
    font-weight: bold;
    padding-bottom: 5px
}
.edit_Label {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
}
.edit_LabelCell {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    height: 24px;
}
    .edit_LabelCell:link {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        height: 24px;
        text-decoration: none
    }
    .edit_LabelCell:visited {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        height: 24px;
        text-decoration: none
    }
    .edit_LabelCell:hover {
        text-decoration: underline;
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        height: 24px
    }
.edit_FieldCell {height:24px}
.edit_MiddleRow {height:9px;}
.edit_LabelCellLink {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    height: 24px;
    cursor: hand
}

/* Styles for edit & add page controls */
.edit_TextBox {font-family:Arial;font-size:9pt}
.edit_TextBoxWidth {font-family:Arial;font-size:9pt; width:280px}
.edit_TextArea {font-family:Arial;font-size:9pt;width:350;}
.edit_TextAreaNarrow {font-family:Arial;font-size:9pt;width:275;}
.edit_TextBoxNarrow { width:50px } /* Use this for narrow text boxes in subforms */
.edit_DropDownList {font-family:Arial;font-size:9pt}
.edit_DropDownList2 {width:154px; font-family:Arial;font-size:9pt}
.edit_DropDownListNarrow { width:200 } /* Used for dropdowns that fit in one column */
.edit_DropDownListVeryNarrow { width:140 } /* Used for dropdowns that fit in a manage / edit / add page */
.edit_RadioButton {}
.edit_FileInput {font-family:Arial;font-size:9pt}
.edit_ImagePreview { width:100;height:100}
.edit_LargeTextBox { width:400 } /* Used for the HTML editor-substitute multi-line text boxes*/
.edit_LargeTextBoxNarrow { width:200 } /* Used for multi-line text boxes that fit in one column*/
.edit_CheckBox {font-family:Arial;font-size:9pt}
.edit_CheckBoxList {font-family:Arial;font-size:9pt}
.edit_DateTextBox {font-family:Arial;font-size:9pt}
.edit_HTMLButton {font-family:Arial;font-size:8pt; height:19px}
.edit_ListBox {font-family:Arial;font-size:9pt;}

.edit_DateTextBox INPUT { border:1px solid #c5c5c5; text-indent:5px}

A.NormalLink { text-decoration:none; }
A.NormalLink:hover { color:#000000;text-decoration:none; }

/* Styles for breadcrumb */
.breadcrumb, .breadcrumb * {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #FFFFFF;
}
a.breadcrumb {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
    a.breadcrumb:active {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
    }
    a.breadcrumb:link {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
    }
    a.breadcrumb:hover {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: underline;
    }


/* Styles for header (i.e. "working with" area) */
.header_left { background:url('../images/webcontrols/header_left.gif') no-repeat;background-position:0px 0px;height:56px;width:12px; }
.header_right { background:url('../images/webcontrols/header_right.gif') no-repeat;background-position:0px 0px;height:56px;width:12px; }
.header_middle { background:url('../images/webcontrols/header_background.gif');height:56px;color:#000000;padding-left:10px;line-height:13px; }

/* Styles for topbar area (i.e. "breadcrumb" area) */
.topbar_Left { background:url('../images/webcontrols/topbar_left.gif') no-repeat;background-position:0px 0px;height:28px;width:6px; } 
.topbar_Middle { background:url('../images/webcontrols/topbar_background.gif');height:8px;color:#000000;padding-left:0px; }
.topbar_Right { background:url('../images/webcontrols/topbar_right.gif') no-repeat;background-position:0px 0px;height:28px;width:5px; } 

/* Top of Main Cell */
.topmainarea_Left { background:url('../images/webcontrols/topmainarea_left.gif') no-repeat;height:28px;width:5px; }
.topmainarea_Middle { background:url('../images/webcontrols/topmainarea_middle.gif');height:28px;font-family:Arial;font-size:10pt;color:#515252;font-weight:bold;}
.topmainarea_Right { background:url('../images/webcontrols/topmainarea_right.gif') no-repeat;height:28px;width:7px; }

/* Styles for footer */
.bottombar_Left { background:url('../images/webcontrols/bottombar_left.gif') no-repeat;background-position:0px 0px;height:28px;width:6px; }
.bottombar_Right { background:url('../images/webcontrols/bottombar_right.gif') no-repeat;background-position:0px 0px;height:28px;width:5px; } 

/* Styles for information area "Top Right Corner" */
.info_loggeduser {
    font-family: 'Roboto', sans-serif;
    color: #62544d;
    font-weight: bold;
}
a.info_Text {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    vertical-align: middle;
    padding-bottom: 12px;
    padding-right: 3px;
    text-decoration: none;
}
    a.info_Text:active {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        vertical-align: middle;
        padding-bottom: 12px;
        padding-right: 3px;
        text-decoration: none;
    }
    a.info_Text:link {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        vertical-align: middle;
        padding-bottom: 12px;
        padding-right: 3px;
        text-decoration: none;
    }
    a.info_Text:hover {
        font-family: 'Roboto', sans-serif;
        font-size: 8.5pt;
        color: #6d7774;
        vertical-align: middle;
        padding-bottom: 12px;
        padding-right: 3px;
        text-decoration: underline;
    }
.info_Textcell {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #515252;
    vertical-align: middle;
    padding-right: 3px;
}

table.CheckboxList td { padding:0;border:0; }
.CheckboxList label { margin:5px 20px 0 5px; }
.CheckboxList input[type=checkbox] { width:13px;height:13px;padding:0px;margin:0px;vertical-align:text-top; }

/* Styles for smaller-tabs */
/*
.subtab_Off { height:32;font-family:'Roboto', sans-serif;font-size:8.5pt;color:#ffffff;font-weight:bold;background:transparent url('../images/webcontrols/subtab.gif') no-repeat;background-position:0px 0px;text-align:center;padding-top:1px;padding-left:17px;padding-right:17px;cursor:pointer; }
.subtab_Hover { height:32;font-family:'Roboto', sans-serif;font-size:8.5pt;color:#ffffff;font-weight:bold;background:transparent url('../images/webcontrols/subtab.gif') no-repeat;background-position:-250px 0px;text-align:center;padding-top:1px;padding-left:17px;padding-right:17px;cursor:pointer; }
.subtab_On { height:32;font-family:'Roboto', sans-serif;font-size:8.5pt;color:#000000;font-weight:bold;background:transparent url('../images/webcontrols/subtab.gif') no-repeat;background-position:-500px 0px;text-align:center;padding-top:1px;padding-left:17px;padding-right:17px;cursor:pointer; }
.subtab_disabled { height:32;font-family:'Roboto', sans-serif;font-size:8.5pt;color:#cccccc;font-weight:bold;background:transparent url('../images/webcontrols/subtab.gif') no-repeat;background-position:0px 0px;text-align:center;padding-top:1px;padding-left:17px;padding-right:17px;cursor:default;}
.subtab_background { background-image:url('../images/webcontrols/subtab_background.gif'); }
*/

/* Other */
/*.mainCell { background-color:#EFEFEF;padding:10px; height:100%; vertical-align:top;}*/
.mainCell { background-color:#ffffff;padding:10px; height:100%; vertical-align:top;}
.attachment { width:210px; overflow:hidden; vertical-align:top }
.attachmentRemove { padding-left:8px; vertical-align:top; cursor:auto}


/* Account Settings */
/*.accountSubTitle {font-family:Arial;font-size:10pt;color:#4c5755;font-weight:bold; border-bottom:solid 1px #4c5755;}*/
.accountSubTitle { font-weight:bold;color:#59615F;background:#DED7C9;padding:0px;padding:7px 5px 7px 20px;font-weight:bold;color:#59615F;background:#DED7C9 url('../images/2.0/arrow_down.gif') no-repeat 5px center;border:1px solid #D9D4CB; }
.accountEditLabel {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #6d7774;
    height: 24px;
    width: 150px;
}

/* Album Art */
.albumArt_Area {border:solid 1px #b3b3b3; padding:10px;}
.albumArt_Cell {padding-top:10px;padding-bottom:10px;font-weight:bold;}

/* Quick Search */
.quickSearch_Focus {BORDER-RIGHT:medium none; BORDER-TOP:medium none; FONT-SIZE:8pt; BACKGROUND:none transparent scroll repeat 0% 0%; BORDER-LEFT:medium none; PADDING-TOP:2px; BORDER-BOTTOM:medium none; HEIGHT:18px; color:#000000;}
.quickSearch_Blur {BORDER-RIGHT:medium none; BORDER-TOP:medium none; FONT-SIZE:8pt; BACKGROUND:none transparent scroll repeat 0% 0%; BORDER-LEFT:medium none; PADDING-TOP:2px; BORDER-BOTTOM:medium none; HEIGHT:18px; color:#666666;}

/* Feature Playlist */
.featurePlaylistContent {
    font-family: 'Roboto', sans-serif;
    font-size: 8.5pt;
    color: #FC783A
}

.mandatoryText {color:Red}

/* Cell Alignment*/
.alignright{text-align:right;}
.aligncenter {
    text-align: center;
}
.firstCol{width:90px;height:20px;}
.secondColH{width:95px;height:0px;}
.padRight{padding-left:3px;}
.thirdCol{width:155px}
.fourthCol{width:80px}
.fileUploadTitle {padding-top:3px;}
.buttonSpacer {padding-bottom:8px;}

/* control width */
.dateWidth{width:188px}

TD.Category_T { padding:0px 0px 0px 30px; background:url('../images/2.0/treeview/T.gif') no-repeat 5px 0px;display:block; }
TD.Category_L { padding:0px 0px 0px 30px; background:url('../images/2.0/treeview/L.gif') no-repeat 5px 0px;display:block; }
TD.Category_IT { padding:0px 0px 0px 60px; background:url('../images/2.0/treeview/IT.gif') no-repeat 5px 0px;display:block; }
TD.Category_IL { padding:0px 0px 0px 60px; background:url('../images/2.0/treeview/IL.gif') no-repeat 5px 0px;display:block; }

TABLE.MergeFieldTable { border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5; }	
TABLE.MergeFieldTable TR TH { padding:3px 12px 3px 5px;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;font-weight:normal;text-align:left;color:#666666;background-color:#E9E4DA; }
TABLE.MergeFieldTable TR TD { padding:3px 12px 3px 5px;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;font-weight:normal;text-align:left; }

.PasswordStrength_Caption {
    margin-bottom: 2px;
    font-family: 'Roboto', sans-serif;
    color: #c5c5c5;
    font-size: 9px;
}
table.PasswordStrength { border:1px solid #828282; }
table.PasswordStrength TD { border:1px solid #c5c5c5;width:60px;height:5px;font-size:5px;line-height:5px;padding:0; }
table.PasswordStrength TD.Red { background-color:Red;font-size:5px;line-height:5px; }
table.PasswordStrength TD.Orange { background-color:Orange;font-size:5px;line-height:5px; }
table.PasswordStrength TD.Green { background-color:Green;font-size:5px;line-height:5px; }
.RedPasswordText {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: Red;
}
.OrangePasswordText {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #D08900;
}
.GreenPasswordText {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: Green;
}
.GreyPasswordText {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #A9A9A9;
}

DIV.Welcome { margin-bottom:5px;font-weight:bold; }
DIV.Welcome IMG { margin-bottom:-1px; }
TABLE.Welcome { border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5; }	
TABLE.Welcome TR TH { padding:3px 12px 3px 5px;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;font-weight:normal;text-align:left;color:#666666;background-color:#E9E4DA; }
TABLE.Welcome TR TD { padding:3px 10px 3px 10px;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;font-weight:bold;text-align:center; }

TABLE.Activity { border-top:1px solid #c5c5c5;border-left:1px solid #c5c5c5; }	
TABLE.Activity TR TD { padding:3px 15px 3px 10px;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;font-weight:normal;text-align:left;color:#666666; }
TABLE.Activity TR TH { padding:3px 15px 3px 10px;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;font-weight:bold;text-align:left;background-color:#E9E4DA}

.CalendarButton {background:url(../images/2.0/calendar_icon.png) no-repeat 0px 0px; border:none;width:16px;height:16px}
.LoadingIcon{background:url(../images/2.0/loading-animation-grey_small.gif);background-position:center;background-repeat:no-repeat;width:100%;height:25px}
.SmallLoadingIcon2 {background:url(../images/2.0/loading_small2.gif);width:20px;height:18px}
.SearchButton{background:url(../images/2.0/buttonSearch.gif);background-position:center;background-repeat:no-repeat;width:51px;height:26px;border:none}
.AddNewButton { background:url(../images/2.0/plusicon.gif) no-repeat center;width:16px;height:16px;cursor:pointer}
.MinusButton { background:url(../images/2.0/minusicon.gif) no-repeat center;width:16px;height:16px;cursor:pointer}
.ServiceAccesKey{ font-weight:600; padding-top:15px; background-color:#F7EDC1; border:solid 1px #CD7708; width:530px; height:30px;text-align:center;vertical-align:middle}
.btnSmallBg { border:none; background:url(../images/2.0/btnSmallBg.gif) no-repeat center;width:49px;height:22px;cursor:pointer}

.dropdownshadowleft{ background-image:url(../images/2.0/dropdownshadowleft.png);background-repeat:repeat-y;background-position:top right;width:4px;}
.dropdownshadowright{ background-image:url(../images/2.0/dropdownshadowright.png);background-repeat:repeat-y;background-position:top left;width:7px;}
.dropdownshadowbody{ background-color:#E2E2E2}
.dropdownshadowbottomleft{ background-image:url(../images/2.0/dropdownshadowbottomleft.png);background-repeat:no-repeat;background-position:right top;width:4px;}
.dropdownshadowbottomright{ background-image:url(../images/2.0/dropdownshadowbottomright.png);background-repeat:no-repeat;background-position:left top;width:7px;}
.dropdownshadowbottom{ background-image:url(../images/2.0/dropdownshadowbottom.png); background-repeat:repeat-x; background-position:left top; height:8px;}

.BoldLink { font-weight:bold; }
.BoldLink:hover { color:#89918E; }
.RedLink { color:Red;font-weight:bold;text-decoration:none; }
.RedLink:hover { color:#FF3F48; }

.PopupContainer {background-color:#EAE8E3;display:none;}
.DashBoarderContainer {border:dashed 1px #CD7708;margin-bottom:10px;padding:5px;border-style:solid;background-color:#F7EDC1}

.imgRemove {background:url('../images/2.0/greyminus.gif')}

.Progress {width:100%;height:47px;margin:10px 0;}
.Progress span {height:22px;display:block}
.Progress .ProgressBarContainer {padding:1;border:solid 1px #D6D4D0}
.Progress .ProgressBar {height:20px;width:0%;padding:0;margin:0;background:#B4AB9E}

.AlbumPreviewScrollPane {max-height:570px;overflow-y:auto}
.LibraryEditScrollPane {max-height:570px;overflow-y:auto}
.AlbumEditScrollPane {max-height:570px;overflow-y:auto}
.TrackEditScrollPane {max-height:570px;overflow-y:auto}

.TrackList div.rightTopClose {background:url('../images/2.0/12_close.png') 0 0 no-repeat;width:12px;height:12px;cursor:pointer}
.TrackList div.rightTopClose:hover {background:url('../images/2.0/12_close.png') 0 -12px no-repeat;width:12px;height:12px;cursor:pointer}

.AltTrackEditing td.Banner {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 7px 5px 7px 5px;
    background: #B4AB9E;
    color: #FFFFFF;
    border: 0;
    font-weight: bold
}
.AltTrackEditing th {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 3px 5px 3px 5px;
    color: #6d7774;
    text-align: left;
    border-right: 1px solid #DED7C9;
    border-bottom: 1px solid #DED7C9;
}
.AltTrackEditing td.Footer {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 3px 5px 3px 5px;
    background: url(../images/2.0/h1_footer.gif) repeat-x 0 0;
    border: 0;
    font-weight: bold
}
.StyledSelect { width:16px;height:16px;overflow:hidden;background:url(../images/2.0/form_input_select_multiple.png) no-repeat right rgba(0,0,0,0);border:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;color:rgba(0,0,0,0.0) }
.StyledSelect::-ms-expand { display:none; }

div.rightTopCloseInvoice {background:url('../images/2.0/12_close.png') 0 0 no-repeat;width:12px;height:12px;cursor:pointer}
div.rightTopCloseInvoice:hover {background:url('../images/2.0/12_close.png') 0 -12px no-repeat;width:12px;height:12px;cursor:pointer}

#divAddAttribute SELECT.FormDropdown {width:160px !important; }

/*Select2*/
.select2-match { color:#6d7774; }

.select2-results .select2-highlighted .select2-match { color:#fff;}

.ellipsis {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

/*Related Playlist*/
/*.PlaylistActiveStatus {float:right;margin-left:5px;background:url(../images/2.0/active_icon.gif) no-repeat;width:10px;height:10px;}
.PlaylistInactiveStatus {float:right;margin-left:5px;background:url(../images/2.0/inactive_icon.gif) no-repeat;width:10px;height:10px;}*/

table.cell-ellipse tr td {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:0
}

table tr td.cell-ellipse {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:0
}

table.table tr td.VerticalTop {
    vertical-align:top
}

table.table tr th.VerticalMiddle, table.table tr td.VerticalMiddle {
    vertical-align:middle
}

.label_ellipse label {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:90%
}

.tab-content { padding:10px; }

#divNewAlert .tab-content { min-height:130px; }

#divNewAlert .character-limit{
    text-align:right;
    color:grey;
}

#alertsPanel .inbox-side-bar{
    width:140px;
}

#alertsPanel .alert-status-btn-group .dropdown-toggle{
    margin:20px 0 20px 35px;
}
#alertsPanel .alert-status-btn-group .dropdown-menu .status-expired i{
    display:none;
}

#cke_txtCurrentAlertText #cke_3_contents{
    border:none;
}

.tabs li.active:first-child {
    border-left:1px solid #ddd;
}

#divNewAlert .select2-container-multi .select2-choices .select2-search-field input{ min-height:32px; font-size:14px;}
#divAddEditCategory .select2-container-multi .select2-choices {
    min-height:32px;
}

#divExpiredAlerts{
    display:none;
}


.select2-results { max-height:400px !important; }


.evoke-drop-zone {
    display: flex;
    padding: 5px;
    column-gap: 10px;

    position:relative;
    width: 100%;
    /* height: 165px; */
    border: 2px dashed #cccccc;
    margin-bottom: 10px;
    cursor:pointer;
    transition:all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

    .evoke-drop-zone.file-dropping,
    .evoke-drop-zone:hover {
        border: 2px dashed #6b6b6b;
    }

.drop-zone-caption {
    font-size: 18px;
    width:100%;

    position: relative;
    display: flex;
    align-items: center;
}

.drop-zone-caption h4 {
    font-size: 14px;
    font-weight: 600;
}

.drop-zone-caption .btn {
    margin-right: 3px;
    margin-left: auto;
    padding: 3px;
    border: none;
}

.drop-zone-caption .btn:active {
    position: static;
}

.drop-zone-caption .btn input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.drop-zone-caption i.fa-lg {
    font-size: 24px;
}

.drop-zone-current-file{
    color:#6b6b6b;
    font-weight: bold;
    font-size: 20px;

    width: calc(100% - 45px);
}

.txtMusicSearchWrap.file-dropping{
    border: 1px solid #6b6b6b;
}

.evoke-upload-status-bar-wrap{
    width:100%;
}

.evoke-upload-status-indicator{
    border: 1px solid #ff722c;
    background:#ff722c;
    height: 2px;
    width:0;
    margin-top:5px;
    transition: all 300ms ease;
    -webkit-transition:all 300ms ease;
    -moz-transition: all 300ms ease;
    position:relative;
    z-index:10;
}

.evoke-upload-status-indicator-0 {
    border: 1px solid #dcdcdc;
    background:#dcdcdc;
    height: 2px;
    width:100%;
    margin-top:-2px;
    transition: all 300ms ease;
    -webkit-transition:all 300ms ease;
    -moz-transition: all 300ms ease;
    position:relative;
    z-index:9;
}

.evoke-current-action{
    color:#6b6b6b;
    font-weight: normal;
    font-size: 14px;
    width:100%;
    text-align: left;
    padding-top:5px;
}

.evoke-current-action .text,
.evoke-current-action .number,
.evoke-current-action .drop-zone-caption-small{
    color:#ff712c;
}

.evoke-current-action .drop-zone-caption-small{
    text-align: left;
}

.clear-evoke-drop-zone{
    position: absolute;
    right: 16px;
    top: 0;
    color: #6b6b6b;
    font-size: 20px;
}

.evoke-drop-zone .evoke-upload-icon {
    display: flex;
    justify-content: center;
    align-items: center;

    color: black;
    font-size: 40px;

    padding: 5px;
}

.evoke-drop-zone .evoke-upload-icon svg {
    width: 18px;
    height: 18px;
}

.evoke-current-file-name {
    color: #6b6b6b;
    font-weight: normal;
    font-size: 14px;
    width: 100%;
    height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    /* padding: 0 20px; */
    margin-bottom:2px;
}


#engage-search-tab .form-horizontal{
    padding:0 3px;
}


#termsAcceptPopup{
    transition:all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;

    border: 1px solid #e9e9e9 !important;
    box-shadow: 4px 4px 4px #d8d3d3;
    color:black;
    width:550px;
    height:390px;
    background-color:white;
    position:fixed;
    top:200%;
    left:50%;
    transform:translate(-50%, -50%);
    padding:30px;
    z-index:99999999;
}

#termsAcceptPopup.visible{
    top:50%;
}

.termsAcceptPopup__header{
    font-size: 40px;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #d0d0d0;
    font-weight: bold;
}

.termsAcceptPopup__text{
    margin-bottom:20px !important;
}

.termsAcceptPopup__options{
    margin-bottom:40px !important;
}
.termsAcceptPopupOptions__option{
    float:left;
    width:100%;
    margin-bottom:5px !important;
}

.termsAcceptPopupOptions__option input{
    float:left;
    margin-right:10px !important;
}

.termsAcceptPopupOptions__option > label.checkbox {
    float:left;
}

.termsAcceptPopupOptions__option a{
    color: #e4641f !important;
}

.termsAcceptPopupOptions__option .checkbox i{
    width:15px !important;
    height:13px !important;
}

.termsAcceptPopupOptions__option .checkbox input + i:after{
    height:13px !important;
    width:13px !important;
    font: 400 13px/16px FontAwesome !important;
    color:black !important;
}


.termsAcceptPopupOptions__option .checkbox input + i, 
.termsAcceptPopupOptions__option .checkbox input:checked + i,
.termsAcceptPopupOptions__option .checkbox.error input:checked + i{
    border-color:black !important;
}

.termsAcceptPopupOptions__option .checkbox.error input + i{
    border-color:red !important;
}

.termsAcceptPopup__buttons{
    float:left;
    width:100%;
}

.termsAcceptPopupButtons__button{
    cursor:pointer;
    float:right;
    padding:5px 10px !important;
    font-size:14px;
    text-transform:uppercase;
}

.termsAcceptPopupButtons__cancelButton{
    background:black;
    border: 2px solid black;
    color:white;
    margin-right:10px !important;
}

.termsAcceptPopupButtons__acceptButton{
    background:white;
    border: 2px solid #e4641f;
    color:#e4641f;
}

.system-managementUser-manage-results {
    min-height: 0px !important;
}


input.largerCheckbox {
    width: 20px;
    height: 20px;
}


.hover:hover {
    background-color: #f4f4f4;
}

.fileUpload {
    position: relative;
    overflow: hidden;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 11px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .fileUpload span {
        font-size: 11px;
    }

.filename {
    vertical-align: middle;
    border: none;
    background-color: #fff !important;
    width: inherit;
}

.fileartname {
    vertical-align: middle;
    border: none;
    background-color: #fff !important;
    width: inherit;
}

.font-11 {
    font-size: 11px !important;
}

/* Generic icon sizing (scales with font-size) */
.fa-custom-sync-icon {
    /* optional: control icon size via font-size */
    /* font-size: 1rem; /* change to .fs-5, etc., if you prefer Bootstrap utilities */
}

.fa-custom-sync-icon::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: .5rem;
    background: currentColor; /* inherits text color */
    vertical-align: -.125em;
    /* mask the custom SVG so it behaves like an icon */
    -webkit-mask: url("img/sync-icon.svg") no-repeat center / contain;
    mask: url("img/sync-icon.svg") no-repeat center / contain;
}

header #activity b.badge {
    padding: 5px 5px !important;
}

#activityDropdown:before,
#activityDropdown::after {
    left: 273px;
}

.p-0
{
    padding: 0px !important;
}

.m-0 {
    margin: 0px !important;
}

.ps-0{
        padding-left: 0px !important;
}
.pe-0{
        padding-right: 0px !important;
}
.pt-0{
        padding-top: 0px !important;
}
.pb-0{
        padding-bottom: 0px !important;
}
.ms-0{
        margin-left: 0px !important;
}
.me-0{
        margin-right: 0px !important;
}
.mt-0{
        margin-top: 0px !important;
}
.mb-0{
        margin-bottom: 0px !important;
}
.start-0{
    left: 0px !important;
}

.status-icon-center > span {
    display: block;
    text-align: center;
}

/* Margin bottom utilities */

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 4px !important;
}

.mb-2 {
    margin-bottom: 8px !important;
}

.mb-3 {
    margin-bottom: 12px !important;
}

.mb-4 {
    margin-bottom: 16px !important;
}

.mb-5 {
    margin-bottom: 20px !important;
}

.mb-6 {
    margin-bottom: 24px !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 4px !important;
}

.mt-2 {
    margin-top: 8px !important;
}

.mt-3 {
    margin-top: 12px !important;
}

.mt-4 {
    margin-top: 16px !important;
}

.mt-5 {
    margin-top: 20px !important;
}

.mt-6 {
    margin-top: 24px !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: 4px !important;
}

.pt-2 {
    padding-top: 8px !important;
}

.pt-3 {
    padding-top: 12px !important;
}

.pt-4 {
    padding-top: 16px !important;
}

.pt-5 {
    padding-top: 20px !important;
}

.pt-6 {
    padding-top: 24px !important;
}

.toggle-margin-left {
    padding-left: 0px;
    margin-left: -6px;
}

.ddl-w100 input{
    width: 100% !important;
}
.status-icon-center > span > .status-icon {
    display: inline-block;
    float: none !important;
    right: auto !important;
    margin-left: 15px;
    margin-right: 0px;
}


/* Nav Tabs full width */
.nav-tabs--full {
    display: flex;
    justify-content: flex-start;
}

.nav-tabs--full > li {
    flex: 1;
    text-align: center;
}

.nav-tabs--full > li > a {
    margin-right: 0 !important;
}

.nav-tabs--border > li > a {
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}

.nav-tabs--border > li:first-child > a {
    border-left: 1px solid #ddd !important;
}

/* Nav Tabs bottom border */
.nav-tabs--border-bottom {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
}

.nav-tabs--border-bottom > li.active > a {
    border: none!important;
    box-shadow: 0 2px 0 #ff722c !important;
}

/* Panel group flex */
.panel-group--flex .panel-title > a {
    display: flex !important;
    align-items: center;
    column-gap: 5px;
    padding-right: 40px !important;

    position: relative;
}

.panel-group--flex .panel-title .fa:not(.fa-angle-down, .fa-angle-up),
.panel-group--flex .panel-title .glyphicon {
    display: block !important;
    top: 2px !important;
    margin-right: 10px !important;
}

.panel-group--flex .panel-title > a > .fa:is(.fa-angle-down, .fa-angle-up) {
    position: absolute;
    right: 15px;
}

.panel-group--flex .panel-title > a > .fa:is(.fa-angle-down, .fa-angle-up) {
    margin-left: auto;
}

.panel-group--flex .panel-title > a > .fa-angle-up {
    display: block !important;
}

.panel-group--flex .panel-title > a > .fa-angle-down {
    display: none !important;
}

.panel-group--flex .panel-title > a.collapsed > .fa-angle-up {
    display: none !important;
}

.panel-group--flex .panel-title > a.collapsed > .fa-angle-down {
    display: block !important;
}

.panel-group--flex .panel-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

.widget--title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.form-control--no-focus-color:focus {
    border-color: #ddd !important;
}

.form-control--no-focus-color:focus + .input-group-addon {
    border-color: #ccc !important;
    background-color: #eee !important;
    color: #555 !important;
}

.sidebar--engage .select2-container-multi.select2-container-active .select2-choices {
    border-color: #ccc !important;
}

/* preloader dynamic */
.preloader--dynamic {
    margin-left: auto;
    margin-right: auto;
}

.preloader--dynamic .preloader-inner {
    top: unset;
    left: unset;
    transform: unset;
}

.preloader--dynamic .preloader-icon {
    width: 100%;
    height: 100%;
}

.preloader--dynamic .preloader-icon span {
    width: 100%;
    height: 100%;
}

/* Table sticky header */
.table--sticky-header {
    border-collapse: collapse;
}

    .table--sticky-header thead {
        position: sticky;
        top: 0;
        z-index: 2;
        border-bottom: 1px solid #ccc;
        box-shadow: 0 1px 0px 0px #ccc !important;
    }

.table--admin-harvest thead {
    box-shadow: 0 1px 0px 0px #c3c3c3;
}

.table--admin-harvest thead th {
    background-color: #FFF !important;
    background-image: none;

    font-size: 14px;
    font-weight: bold;
}

.table--admin-harvest thead th,
.table--admin-harvest thead td {
    padding: 10px !important;
}

.table--admin-harvest > tbody > tr:hover {
    background-color: #f4611c14 !important;
}

.table--admin-harvest table > tbody > tr:hover {
    background-color: transparent !important;
}

/* Table flex */
.table--flex > thead {
    box-shadow: none;
}

.table--flex > thead > tr,
.table--flex > tbody > tr {
    display: flex;
}

.table--flex  tr > th,
.table--flex  tr > td {
    flex: 1;
    display: flex;
    align-items: center;
}

.table--flex tr .sorting {
    width: 100%;
}

.table--flex  tr > .tdTitle {
    flex: 1 1 33%;
    min-width: 33%;
}

.table--flex  tr > .columnAlbum {
    flex: 1 1 19%;
    min-width: 19%;
    max-width: unset;
}

.table--flex  tr > .columnArtist {
    flex: 1 1 15%;
    min-width: 15%;
}

.table--flex  tr > .tdColumnReleaseDate,
.table--flex  tr > .ColumnReleaseDate {
    flex: 1 1 12%;
    min-width: 12%;
}

.table--flex  tr > .columnDuration {
    flex: 1 1 5%;
    min-width: 5%;
}

.table--flex  tr > .columnActions {
    flex: 1 1 8%;
    min-width: 8%;
    justify-content: flex-end !important;
}

.widget--title {
    font-size: 18px;
    font-weight: 600;

    margin-bottom: 5px;
}

.smart-form .checkbox--harvest input:checked + i:after, 
.smart-form .radio--harvest input:checked + i:after, 
.smart-form .toggle--harvest input:checked + i:after {
    color: #ff722c !important;
}

.smart-form .radio--harvest input + i:after {
    background-color: #ff722c !important;
}

.smart-form .checkbox--harvest input + i, 
.smart-form .radio--harvest input + i, 
.smart-form .toggle--harvest input + i {
    border-color: #28292a !important;
}

.smart-form .checkbox--harvest input:checked:hover + i:after, 
.smart-form .radio--harvest input:checked:hover + i:after, 
.smart-form .toggle--harvest input:checked:hover + i:after {
    color: #28292a !important;
}

.pl-0{
    padding-left: 0px !important;
}

/* Panel as Table */
.panel-group.panel-group--table {
    border-bottom: 1px solid #DDD;
}

.panel-group.panel-group--table .panel {
    box-shadow: none;
}

.panel-group.panel-group--table .panel + .panel {
    margin-top: 0;
}

.panel-group.panel-group--table .panel--header {
    position: sticky;
    top: 0;
    z-index: 1;
    box-shadow: 0 1px #ddd;
}

.panel-group.panel-group--table > .panel,
.panel-group.panel-group--table .panel--body-2 {
    border-bottom: 0;
}

.panel-group.panel-group--table .panel--body-2 {
    border-left: 0;
    border-right: 0;
}

.panel-group.panel-group--table .panel--body-2 > .panel-heading {
    background-color: transparent;
    padding-left: 40px;
}

.panel-group.panel-group--table .panel-heading .icon-collapsed {
    display: none;
}

.panel-group.panel-group--table .panel-heading .collapsed .icon-collapsed {
    display: inline-block;
}

.panel-group.panel-group--table .panel-heading .collapsed .icon-expand {
    display: none;
}

.panel-group.panel-group--table .panel-title {
    display: flex;
    column-gap: 10px;
    align-items: center;

    font-size: 13px;
}

.panel-group.panel-group--table .panel-heading .panel-counter:before {
    display: inline-block;
    content: "(";
}
.panel-group.panel-group--table .panel-heading .panel-counter:after {
    display: inline-block;
    content: ")";
}

.panel-group.panel-group--table table {
    border: none;
}

.panel-group.panel-group--table table tr td {
    padding-right: 0;
    padding-left: 0;
}

.panel-group.panel-group--table table tr td .content-container {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
}

.panel-group.panel-group--table .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}

.panel-group.panel-group--email-template .panel-heading .fa-folder,
.panel-group.panel-group--email-template .panel-heading .fa-folder-open,
.panel-group.panel-group--email-template .panel-heading .fa-envelope-o {
    margin-right: 10px;
}

.panel-group.panel-group--email-template .panel-heading .info-icon {
    content: url('../css/img/info-icon.svg');
    width: 13px;
    height: 13px;
}

.panel-group.panel-group--email-template .panel-title .glyphicon {
    top: 0;
}

.panel-group.panel-group--email-template .panel--group.is-hidden,
.panel-group.panel-group--email-template .panel--type.is-hidden,
.panel-group.panel-group--email-template .template-row.is-hidden {
    display: none;
}

.panel-group.panel-group--email-template .panel--group.filtering,
.panel-group.panel-group--email-template .panel--type.filtering,
.panel-group.panel-group--email-template .template-row.filtering {
    opacity: 0;
    transform: translateY(10px);
}

.panel-group.panel-group--email-template .panel--group.filtering-out,
.panel-group.panel-group--email-template .panel--type.filtering-out,
.panel-group.panel-group--email-template .template-row.filtering-out {
    opacity: 0;
    transform: translateY(-10px);
}

.panel-group.panel-group--email-template .panel--group,
.panel-group.panel-group--email-template .panel--type,
.panel-group.panel-group--email-template .template-row {
    /* transition: opacity 0.4s ease, transform 0.4s ease; */
    opacity: 1;
    transform: translateY(0);
}

.panel-group.panel-group--email-template .panel--group {
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.panel-group.panel-group--email-template .panel--type {
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.panel-group.panel-group--email-template .template-row {
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.search-box {
    display: block;
    position: relative;
}

.search-box .icon-addon,
.search-box .icon-addon input {
    font: inherit !important;
    font-size: 13px;
    line-height: 32px;
}

.search-box .search-clear {
    display: none;
    margin-left: -32px;
    padding: 6px;

    background: none;
    border: none;
    color: #ddd;

    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.filter-box  {
    padding-left: 1px !important;
}

.filter-box .row {
    margin-right: 7px;
    margin-left: 7px;
}

.filter-box .row>[class*="col-"] {
    padding-right: 8px;
    padding-left: 8px;
}

.popover.popover--max {
    width: fit-content !important;
    max-width: 100dvw !important;
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

    .daterangepicker .drp-calendar {
        display: none;
        max-width: 330px;
    }

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

    .daterangepicker td.in-range {
        background-color: #eeeae6 !important;
        border-color: transparent;
        color: #000;
        border-radius: 0;
    }

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #ea673c !important;
        border-color: transparent;
        color: #fff;
    }

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #ea673c !important;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 140px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .drp-calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .drp-calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .drp-calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .drp-calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .drp-calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }

/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {
  border-color: #797979;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {
  font-family: verdana,tahoma,sans-serif;
}

.calendar .nav div {
  background: transparent url("menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #999;
}
.calendar tbody .day.othermonth.oweekend {
  color: #f99;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar .combo .active {
  background: url("active-bg.gif"); color: #fff;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background: url("hover-bg.gif"); color: #000;
}

.calendar td.time span.active {
  background: url("active-bg.gif"); color: #fff;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,Verdana,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Verdana,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }

/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 45%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; /*margin: 1px;*/ }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}

/*!
 * ui-grid - v4.6.4 - 2018-10-30
 * Copyright (c) 2018 ; License: MIT 
 */
.ui-grid {
    border: 1px solid #d4d4d4;
    box-sizing: content-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.ui-grid-vertical-bar {
    position: absolute;
    right: 0;
    width: 0;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
    width: 1px;
}

.ui-grid-scrollbar-placeholder {
    background-color: transparent;
}

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
    background-color: #d4d4d4;
}

.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
    background-color: #d4d4d4;
}

.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
    right: -1px;
    width: 1px;
    background-color: #d4d4d4;
}

.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
    content: "";
    display: table;
}

.ui-grid-clearfix:after {
    clear: both;
}

.ui-grid-invisible {
    visibility: hidden;
}

.ui-grid-contents-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.ui-grid-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.ui-grid-icon-button {
    background-color: transparent;
    border: none;
    padding: 0;
}

.clickable {
    cursor: pointer;
}

.ui-grid-top-panel-background {
    background-color: #f3f3f3;
}

.ui-grid-header {
    border-bottom: 1px solid #d4d4d4;
    box-sizing: border-box;
}

.ui-grid-top-panel {
    position: relative;
    overflow: hidden;
    /*font-weight: bold;*/
    /* background-color: #f3f3f3; */
    -webkit-border-top-right-radius: -1px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: -1px;
    -moz-border-radius-topright: -1px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: -1px;
    border-top-right-radius: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: -1px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.ui-grid-header-viewport {
    overflow: hidden;
}

.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
    content: "";
    display: -ms-flexbox;
    display: flex;
    line-height: 0;
}

.ui-grid-header-canvas:after {
    clear: both;
}

.ui-grid-header-cell-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    /*height: 100%;*/
    width: 100%;
}

.ui-grid-header-cell-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ui-grid-header-cell {
    position: relative;
    box-sizing: border-box;
    background-color: inherit;
    /*border-right: 1px solid;
    border-color: #d4d4d4;*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 0;
    height: 27px !important;
}

    .ui-grid-header-cell:last-child {
        border-right: 0;
    }

    .ui-grid-header-cell .sortable {
        cursor: pointer;
    }

    .ui-grid-header-cell .ui-grid-sort-priority-number {
        /*margin-left: -8px;*/
        display: none;
    }
    /* Fixes IE word-wrap if needed on header cells */
    .ui-grid-header-cell > div {
        -ms-flex-basis: 100%;
        flex-basis: 100%;
    }

.ui-grid-header .ui-grid-vertical-bar {
    top: 0;
    bottom: 0;
}

.ui-grid-column-menu-button {
    position: absolute;
    right: 1px;
    top: 5px;
}

    .ui-grid-column-menu-button .ui-grid-icon-angle-down {
        vertical-align: sub;
    }

.ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
    margin-right: 13px;
}

.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-render-container-right .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
    margin-right: 28px;
}

.ui-grid-column-menu {
    position: absolute;
}
    /* Slide up/down animations */
    .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
    .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
        -webkit-transition: all 0.04s linear;
        -moz-transition: all 0.04s linear;
        -o-transition: all 0.04s linear;
        transition: all 0.04s linear;
        display: block !important;
    }

        .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
        .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            -o-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            transform: translateY(-100%);
        }

            .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
            .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                -o-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
    -webkit-transition: all 0.04s linear;
    -moz-transition: all 0.04s linear;
    -o-transition: all 0.04s linear;
    transition: all 0.04s linear;
    display: block !important;
}

    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
    .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }

        .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
        .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -o-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

.ui-grid-filter-container {
    padding: 4px 10px;
    position: relative;
}

    .ui-grid-filter-container .ui-grid-filter-button {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }

        .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
            position: absolute;
            top: 50%;
            line-height: 32px;
            margin-top: -16px;
            right: 10px;
            opacity: 0.66;
        }

            .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
                opacity: 1;
            }

    .ui-grid-filter-container .ui-grid-filter-button-select {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }

        .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
            position: absolute;
            top: 50%;
            line-height: 32px;
            margin-top: -16px;
            right: 0px;
            opacity: 0.66;
        }

            .ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
                opacity: 1;
            }

input[type="text"].ui-grid-filter-input {
    box-sizing: border-box;
    padding: 0 18px 0 0;
    margin: 0;
    width: 100%;
    border: 1px solid #d4d4d4;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    input[type="text"].ui-grid-filter-input:hover {
        border: 1px solid #d4d4d4;
    }

select.ui-grid-filter-select {
    padding: 0;
    margin: 0;
    border: 0;
    width: 90%;
    border: 1px solid #d4d4d4;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    select.ui-grid-filter-select:hover {
        border: 1px solid #d4d4d4;
    }

.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
    width: 100%;
}

.ui-grid-render-container {
    position: inherit;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .ui-grid-render-container:focus {
        outline: none;
    }

.ui-grid-viewport {
    min-height: 20px;
    position: relative;
    /*overflow-y: scroll;*/
    /*-webkit-overflow-scrolling: touch;*/
    /*position: relative;*/
}

    /*.ui-grid-viewport-collapsed {
    min-height: 20px;
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
}*/

    .ui-grid-viewport:focus {
        outline: none !important;
    }

.ui-grid-canvas {
    position: relative;
    padding-top: 1px;
    overflow: hidden;
    border-bottom: 1px solid #d4d4d4;
}

.ui-grid-row {
    clear: both;
}

    .ui-grid-row:nth-child(odd) .ui-grid-cell {
        background-color: #fdfdfd;
        padding-top: 10px;
    }

    .ui-grid-row:nth-child(even) .ui-grid-cell {
        /*background-color: #f3f3f3;*/
        padding-top: 10px;
    }

    .ui-grid-row:last-child .ui-grid-cell {
        border-bottom-color: #d4d4d4;
        border-bottom-style: solid;
    }

    .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
    .ui-grid-row:nth-child(odd):hover .ui-grid-cell,
    .ui-grid-row:nth-child(even):hover .ui-grid-cell {
        background-color: #faf9f7;
    }

.ui-grid-no-row-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 10%;
    background-color: #f3f3f3;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #d4d4d4;
    font-size: 2em;
    text-align: center;
}

    .ui-grid-no-row-overlay > * {
        position: absolute;
        display: table;
        margin: auto 0;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.66;
    }

.ui-grid-cell {
    overflow: hidden;
    float: left;
    background-color: inherit;
    border-bottom: 1px solid;
    border-color: #d4d4d4;
    box-sizing: border-box;
}

    .ui-grid-cell:last-child {
        border-right: 0;
    }

.ui-grid-cell-contents {
    padding: 5px 5px 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 100%;
}

    .ui-grid-cell-contents < .ui-grid-tree-base-row-header-buttons{
        padding: 5px 5px 5px 5px !important;
    }

.ui-grid-cell-contents-hidden {
    visibility: hidden;
    width: 0;
    height: 0;
    display: none;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    /*background-color: #F0F0EE;*/
    border-bottom: solid 1px #d4d4d4;
}

.ui-grid-cell-empty {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.ui-grid-footer-info {
    padding: 5px 10px;
}

.ui-grid-footer-panel-background {
    background-color: #f3f3f3;
}

.ui-grid-footer-panel {
    position: relative;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    overflow: hidden;
    font-weight: bold;
    background-color: #f3f3f3;
    -webkit-border-top-right-radius: -1px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: -1px;
    -moz-border-radius-topright: -1px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: -1px;
    border-top-right-radius: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: -1px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.ui-grid-grid-footer {
    float: left;
    width: 100%;
}

.ui-grid-footer-viewport,
.ui-grid-footer-canvas {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
}

.ui-grid-footer-viewport {
    overflow: hidden;
}

.ui-grid-footer-canvas {
    position: relative;
}

    .ui-grid-footer-canvas:before,
    .ui-grid-footer-canvas:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .ui-grid-footer-canvas:after {
        clear: both;
    }

.ui-grid-footer-cell-wrapper {
    position: relative;
    display: table;
    box-sizing: border-box;
    height: 100%;
}

.ui-grid-footer-cell-row {
    display: table-row;
}

.ui-grid-footer-cell {
    overflow: hidden;
    background-color: inherit;
    border-right: 1px solid;
    border-color: #d4d4d4;
    box-sizing: border-box;
    display: table-cell;
}

    .ui-grid-footer-cell:last-child {
        border-right: 0;
    }

.ui-grid-menu-button {
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;
    background: #f3f3f3;
    border: 0;
    border-left: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    cursor: pointer;
    height: 32px;
    font-weight: normal;
}

    .ui-grid-menu-button .ui-grid-icon-container {
        margin-top: 5px;
        margin-left: 2px;
    }

    .ui-grid-menu-button .ui-grid-menu {
        right: 0;
    }

        .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
            overflow: scroll;
        }

.ui-grid-menu {
    overflow: hidden;
    max-width: 320px;
    z-index: 2;
    position: absolute;
    right: 100%;
    padding: 0 10px 20px 10px;
    cursor: pointer;
    box-sizing: border-box;
}

.ui-grid-menu-item {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-grid-menu .ui-grid-menu-inner {
    background: #fff;
    border: 1px solid #d4d4d4;
    position: relative;
    white-space: nowrap;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .ui-grid-menu .ui-grid-menu-inner ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .ui-grid-menu .ui-grid-menu-inner ul li {
            padding: 0;
        }

            .ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
                color: #000;
                min-width: 100%;
                padding: 8px;
                text-align: left;
                background: transparent;
                border: none;
                cursor: default;
            }

            .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item {
                cursor: pointer;
            }

                .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,
                .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
                    background-color: #b3c4c7;
                }

                .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
                    background-color: #9cb2b6;
                }

            .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > .ui-grid-menu-item {
                border-bottom: 1px solid #d4d4d4;
            }

.ui-grid-sortarrow {
    right: 5px;
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0;
    background-position: center;
}

    .ui-grid-sortarrow.down {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

@font-face {
    font-family: 'ui-grid';
    src: url('fonts/ui-grid.eot');
    src: url('fonts/ui-grid.eot#iefix') format('embedded-opentype'), url('fonts/ui-grid.woff') format('woff'), url('fonts/ui-grid.ttf') format('truetype'), url('fonts/ui-grid.svg?#ui-grid') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
    font-family: "ui-grid";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: 0.2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.ui-grid-icon-blank::before {
    width: 1em;
    content: ' ';
}

.ui-grid-icon-plus-squared:before {
    content: '\c350';
}

.ui-grid-icon-minus-squared:before {
    content: '\c351';
}

.ui-grid-icon-search:before {
    content: '\c352';
}

.ui-grid-icon-cancel:before {
    content: '\c353';
}

.ui-grid-icon-info-circled:before {
    content: '\c354';
}

.ui-grid-icon-lock:before {
    content: '\c355';
}

.ui-grid-icon-lock-open:before {
    content: '\c356';
}

.ui-grid-icon-pencil:before {
    content: '\c357';
}

.ui-grid-icon-down-dir:before {
    content: '\c358';
}

.ui-grid-icon-up-dir:before {
    content: '\c359';
}

.ui-grid-icon-left-dir:before {
    content: '\c35a';
}

.ui-grid-icon-right-dir:before {
    content: '\c35b';
}

.ui-grid-icon-left-open:before {
    content: '\c35c';
}

.ui-grid-icon-right-open:before {
    content: '\c35d';
}

.ui-grid-icon-angle-down:before {
    content: '\c35e';
}

.ui-grid-icon-filter:before {
    content: '\c35f';
}

.ui-grid-icon-sort-alt-up:before {
    content: '\c360';
}

.ui-grid-icon-sort-alt-down:before {
    content: '\c361';
}

.ui-grid-icon-ok:before {
    content: '\c362';
}

.ui-grid-icon-menu:before {
    content: '\c363';
}

.ui-grid-icon-indent-left:before {
    content: '\e800';
}

.ui-grid-icon-indent-right:before {
    content: '\e801';
}

.ui-grid-icon-spin5:before {
    content: '\ea61';
}
/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-cell {
    float: right !important;
}

.ui-grid[dir=rtl] .ui-grid-column-menu-button {
    position: absolute;
    left: 1px;
    top: 0;
    right: inherit;
}

.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
    border-right: 0;
}

.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
    border-right: 1px solid #d4d4d4;
    border-left: 0;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
    width: 0;
}

.ui-grid[dir=rtl] .ui-grid-menu-button {
    z-index: 2;
    position: absolute;
    left: 0;
    right: auto;
    background: #f3f3f3;
    border: 1px solid #d4d4d4;
    cursor: pointer;
    min-height: 27px;
    font-weight: normal;
}

    .ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
        left: 0;
        right: auto;
    }

.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
    right: initial;
    left: 0;
}

    .ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
        right: initial;
        left: 10px;
    }
/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
    -moz-animation: ui-grid-spin 2s infinite linear;
    -o-animation: ui-grid-spin 2s infinite linear;
    -webkit-animation: ui-grid-spin 2s infinite linear;
    animation: ui-grid-spin 2s infinite linear;
    display: inline-block;
}

@-moz-keyframes ui-grid-spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes ui-grid-spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes ui-grid-spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes ui-grid-spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes ui-grid-spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.ui-grid-cell-focus {
    outline: 0;
    background-color: #b3c4c7;
}

.ui-grid-focuser {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

    .ui-grid-focuser:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.ui-grid-offscreen {
    display: block;
    position: absolute;
    left: -10000px;
    top: -10000px;
    clip: rect(0px, 0px, 0px, 0px);
}

.ui-grid-cell input {
    border-radius: inherit;
    padding: 0;
    width: 100%;
    color: inherit;
    height: auto;
    font: inherit;
    outline: none;
}

    .ui-grid-cell input:focus {
        color: inherit;
        outline: none;
    }

    .ui-grid-cell input[type="checkbox"] {
        margin: 9px 0 0 6px;
        width: auto;
    }

    .ui-grid-cell input.ng-invalid {
        border: 1px solid #fc8f8f;
    }

    .ui-grid-cell input.ng-valid {
        border: 1px solid #d4d4d4;
    }

.ui-grid-viewport .ui-grid-empty-base-layer-container {
    position: absolute;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: #fdfdfd;
}

.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #f3f3f3;
}

.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
    pointer-events: none;
}

.ui-grid-expandable-buttons-cell i {
    pointer-events: all;
}

.scrollFiller {
    float: left;
    border: 1px solid #d4d4d4;
}


.ui-grid-tree-header-row {
    font-weight: bold !important;
}


.movingColumn {
    position: absolute;
    top: 0;
    border: 1px solid #d4d4d4;
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

    .movingColumn .ui-grid-icon-angle-down {
        display: none;
    }

.ui-grid-pager-panel {
    /*display: flex;*/
    justify-content: space-between;
    align-items: center;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    box-sizing: content-box;
    border-top: 1px solid #ccc;
    background-color: #faf9f7;
}

.ui-grid-pager-container {
    float: right;
}

.ui-grid-pager-control {
    padding: 5px 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 135px;
    float: left;
}

    .ui-grid-pager-control button,
    .ui-grid-pager-control span,
    .ui-grid-pager-control input {
        margin-right: -1px;
    }

    .ui-grid-pager-control button {
        height: 25px;
        min-width: 26px;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        touch-action: manipulation;
        cursor: pointer;
        background: #ffffff;
        border: 1px solid #ccc;
        white-space: nowrap;
        padding: 0px 12px;
        font-size: 12px;
        line-height: 1.42857143;
        border-radius: 2px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #3276b1;
    }

        .ui-grid-pager-control button:hover {
            text-decoration: none;
        }

        .ui-grid-pager-control button:focus {
            /*border-color: #8c8c8c;*/
            text-decoration: none;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .ui-grid-pager-control button:active {
            /*border-color: #adadad;*/
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

            .ui-grid-pager-control button:active:focus {
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }

            .ui-grid-pager-control button:active:hover,
            .ui-grid-pager-control button:active:focus {
                background-color: #faf9f7;
                color: #3276b1; /*blue*/
            }

        .ui-grid-pager-control button:hover,
        .ui-grid-pager-control button:focus,
        .ui-grid-pager-control button:active {
            /*color: #eee;*/
            background: #faf9f7;
            color: #3276b1;
        }

        .ui-grid-pager-control button[disabled] {
            text-decoration-color: #ccc;
            cursor: not-allowed;
            opacity: 0.65;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #ccc !important;
        }

            .ui-grid-pager-control button[disabled]:hover,
            .ui-grid-pager-control button[disabled]:focus {
                /*background-color: #f3f3f3;*/
                border-color: #ccc;
            }

    .ui-grid-pager-control input {
        display: inline;
        height: 25px;
        width: 65px;
        vertical-align: top;
        color: #555555;
        background: #fff;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

        .ui-grid-pager-control input:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        }

        .ui-grid-pager-control input[disabled],
        .ui-grid-pager-control input[readonly],
        .ui-grid-pager-control input::-moz-placeholder {
            opacity: 1;
        }

        .ui-grid-pager-control input::-moz-placeholder,
        .ui-grid-pager-control input:-ms-input-placeholder,
        .ui-grid-pager-control input::-webkit-input-placeholder {
            color: #999;
        }

        .ui-grid-pager-control input::-ms-expand {
            border: 0;
            background-color: transparent;
        }

        .ui-grid-pager-control input[disabled],
        .ui-grid-pager-control input[readonly] {
            background-color: #eeeeee;
        }

        .ui-grid-pager-control input[disabled] {
            cursor: not-allowed;
        }

    .ui-grid-pager-control .ui-grid-pager-max-pages-number {
        vertical-align: bottom;
    }

        .ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
            vertical-align: bottom;
        }

        .ui-grid-pager-control .ui-grid-pager-max-pages-number abbr {
            border-bottom: none;
            text-decoration: none;
        }

    .ui-grid-pager-control .first-bar {
        width: 10px;
        border-left: 2px solid #4d4d4d;
        margin-top: -6px;
        height: 12px;
        margin-left: -3px;
    }

    .ui-grid-pager-control .first-bar-rtl {
        width: 10px;
        border-left: 2px solid #4d4d4d;
        margin-top: -6px;
        height: 12px;
        margin-right: -7px;
    }

    .ui-grid-pager-control .first-triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 8.7px 5px 0;
        border-color: transparent #4d4d4d transparent transparent;
        margin-left: 2px;
    }

    .ui-grid-pager-control .next-triangle {
        margin-left: 1px;
    }

    .ui-grid-pager-control .prev-triangle {
        margin-left: 0;
    }

    .ui-grid-pager-control .last-triangle {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 8.7px;
        border-color: transparent transparent transparent #4d4d4d;
        margin-left: -1px;
    }

    .ui-grid-pager-control .last-bar {
        width: 10px;
        border-left: 2px solid #4d4d4d;
        margin-top: -6px;
        height: 12px;
        margin-left: 1px;
    }

    .ui-grid-pager-control .last-bar-rtl {
        width: 10px;
        border-left: 2px solid #4d4d4d;
        margin-top: -6px;
        height: 12px;
        margin-right: -11px;
    }

.ui-grid-pager-row-count-picker {
    float: left;
    padding: 5px 10px;
}

    .ui-grid-pager-row-count-picker select {
        color: #555555;
        background: #fff;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        padding: 5px 5px;
        font-size: 12px;
        line-height: 1.5;
        /*border-radius: 3px;*/
        height: 29px;
        width: 58px;
        display: inline;
        vertical-align: middle;
    }

        .ui-grid-pager-row-count-picker select:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        }

        .ui-grid-pager-row-count-picker select[disabled],
        .ui-grid-pager-row-count-picker select[readonly],
        .ui-grid-pager-row-count-picker select::-moz-placeholder {
            opacity: 1;
        }

        .ui-grid-pager-row-count-picker select::-moz-placeholder,
        .ui-grid-pager-row-count-picker select:-ms-input-placeholder,
        .ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
            color: #999;
        }

        .ui-grid-pager-row-count-picker select::-ms-expand {
            border: 0;
            background-color: transparent;
        }

        .ui-grid-pager-row-count-picker select[disabled],
        .ui-grid-pager-row-count-picker select[readonly] {
            background-color: #eeeeee;
        }

        .ui-grid-pager-row-count-picker select[disabled] {
            cursor: not-allowed;
        }

    .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
        margin-top: 3px;
    }

.ui-grid-pager-count-container {
    float: left;
    margin-top: 8px;
    min-width: 50px;
}

    .ui-grid-pager-count-container .ui-grid-pager-count {
        margin-right: 10px;
        margin-left: 10px;
        float: right;
    }

        .ui-grid-pager-count-container .ui-grid-pager-count abbr {
            border-bottom: none;
            text-decoration: none;
        }

.ui-grid-pinned-container {
    position: absolute;
    display: inline;
    top: 0;
}

    .ui-grid-pinned-container.ui-grid-pinned-container-left {
        float: left;
        left: 0;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-right {
        float: right;
        right: 0;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
        box-sizing: border-box;
        /*border-right: 1px solid;
        border-width: 1px;
        border-right-color: #aeaeae;*/
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
        box-sizing: border-box;
        /*border-right: 1px solid;
        border-width: 1px;
        border-right-color: #aeaeae;*/
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
    .ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
        width: 1px;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
        background-color: #d4d4d4;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
        background-color: #aeaeae;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
        right: -1px;
        width: 1px;
        background-color: #aeaeae;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
        box-sizing: border-box;
        border-left: 1px solid;
        border-width: 1px;
        border-left-color: #aeaeae;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
        box-sizing: border-box;
        border-left: 1px solid;
        border-width: 1px;
        border-left-color: #aeaeae;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
    .ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
        width: 1px;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
        background-color: #d4d4d4;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
        background-color: #aeaeae;
    }

    .ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
        left: -1px;
        width: 1px;
        background-color: #aeaeae;
    }

.ui-grid-column-resizer {
    top: 0;
    bottom: 0;
    width: 5px;
    position: absolute;
    cursor: col-resize;
}

    .ui-grid-column-resizer.left {
        left: 0;
    }

    .ui-grid-column-resizer.right {
        right: 0;
    }

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 1px solid #d4d4d4;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 0;
}

.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
    border-left: 1px solid #d4d4d4;
}

.ui-grid.column-resizing {
    cursor: col-resize;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .ui-grid.column-resizing .ui-grid-resize-overlay {
        position: absolute;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #aeaeae;
    }

.ui-grid-row-saving .ui-grid-cell {
    color: #848484 !important;
}

.ui-grid-row-dirty .ui-grid-cell {
    color: #610B38;
}

.ui-grid-row-error .ui-grid-cell {
    color: #FF0000 !important;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: #C9DDE1;
}

.ui-grid-disable-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.ui-grid-selection-row-header-buttons {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
}

    .ui-grid-selection-row-header-buttons::before {
        opacity: 0.1;
    }

    .ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,
    .ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
        opacity: 1;
    }

.ui-grid-tree-row-header-buttons.ui-grid-tree-header {
    cursor: pointer;
    opacity: 1;
}

.ui-grid-tree-header-row {
    font-weight: bold !important;
}

    .ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
        pointer-events: all;
    }

.ui-grid-cell-contents.invalid {
    border: 1px solid #fc8f8f;
}

.ui-grid-header-cell {
    text-align: left;
}


/*.sample-show-hide {
    transition: all linear 0.5s;
}

.sample-show-hide.ng-hide {
    transition: all linear 0.5s;
}*/

.sample-show-hide.ng-hide-add,
.sample-show-hide.ng-hide-remove {
    -webkit-transition: 1s ease-in-out opacity;
    -moz-transition: 1s ease-in-out opacity;
    -ms-transition: 1s ease-in-out opacity;
    -o-transition: 1s ease-in-out opacity;
    transition: 1s ease-in-out opacity;
    opacity: 1;
}

.sample-show-hide.ng-hide {
    opacity: 0;
}

.transformable {
    -webkit-transition: width 1s ease-in-out opacity;
    -moz-transition: width 1s ease-in-out opacity;
    -o-transition: width 1s ease-in-out opacity;
    -ms-transition: width 1s ease-in-out opacity;
    transition: width 1s ease-in-out opacity;
}

.sorting {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right;
}

.cellToolTip {
    overflow: visible;
}

/*.ui-grid-tree-base-row-header-buttons < div {
    padding-left: 5px !important;
}*/


/*div:has(>div.ui-grid-tree-base-row-header-buttons) { 
    padding-left: 5px !important;
}*/

.grid-tooltip {
    overflow: visible;
    z-index: 9999999;
    float: left;
}

.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    background-color: white;
    border-bottom: solid 1px #d4d4d4;
}


.ui-grid-selection-row-header-buttons {
    cursor: pointer;
    opacity: 1;
}