/* bagground rgb(220, 101, 67); */
*, *:after, *:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body, html {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

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

.clearfix:after { clear: both; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/*table {
 border-collapse: collapse;
 border-spacing: 0;
}*/

/* css reset end ----------------------------------------------------------------------- */

textarea { font-family: inherit; }

html, body {
    background: [ResellerGeneralBackgroundColor];
    color: [ResellerTextEdgesAndSmallIconsColor];
    font-family: sans-serif, Tahoma, Verdana, Segoe;
    height: 100%;
    margin: 0px;
    min-height: 100%;
    padding: 0px;
}

.testclassToSeeTheColors {
    bacground11: #006CB8;
    Background1: #EC423D;
    Background2: #F7F7F7;
    Background3: #D21A15;
    Forground1: #535353;
    Forground2: #8F8F8F;
    Shadow1: #535353;
}

.SkinningToSeeTheColors {
    RfColor1: #EC423D; /*This is used for the menu*/
    RfColor2: #006CB8; /*This is used for the buttons*/
    RfColor3: #F7F7F7;
    RfColor4: #D21A15;
    RfColor5: #535353;
    RfColor6: #535353;
    RfColor7: #8F8F8F;
}

.ShowSettingsStyle {
    height: 200px;
    opacity: 1;
}

.SettingsStyle {
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    background-color: [ResellerTextEdgesAndSmallIconsColor];
    border-radius: 10px;
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    color: white;
    opacity: 0;
    opacity: 0;
    padding: 20px 20px;
    position: fixed;
    right: 10px;
    top: -600px;
    width: auto;
}

.SettingsElement {
    cursor: pointer;
    font-size: 12px;
    margin: 5px;
    padding: 5px;
    width: 100%;
}

.SettingsElement:hover { text-decoration: underline; }

.switchCompany {
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    background-color: [ResellerTextEdgesAndSmallIconsColor];
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    color: white;
    display: none;
    left: 150px;
    max-height: 300px;
    overflow-y: auto;
    padding: 20px 20px;
    position: fixed;
    top: 170px;
    width: auto;
}


.ProgressStyle {
    height: 3px;
    opacity: 1;
    position: fixed;
    top: 0px;
    width: 100%;
}

.ui-widget-header { background: [ResellerButtonsAndLeftPaneColor]; }


.MainLogin {
    height: 100%;
    position: fixed;
    width: 100%;
}

.backgroundAclass {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: fixed;
    width: 100%;
}

.backgroundBclass {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: 0;
    position: fixed;
    width: 100%;
}


.backgroundImageBlur {
    /*filter: blur(10px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);*/
}

.loginContainerStyle {
    -moz-box-shadow: 2px 2px 5px 1px[Shadow1];
    -webkit-box-shadow: 2px 2px 5px 1px[Shadow1];
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 2px 5px 1px[Shadow1];
    opacity: 0;
}

fieldset .help { display: inline-block; }

.ui-tooltip {
    -moz-box-shadow: 0px 0px 0px 0px[Shadow1];
    -webkit-box-shadow: 0px 0px 0px 0px[Shadow1];
    background: transparent;
    border: 0px;
    box-shadow: 0px 0px 0px 0px[Shadow1];
    color: [ResellerTextEdgesAndSmallIconsColor];
    font-size: 10px;
    height: 12px;
    width: auto;
}

.default-icon { height: 40px; }

#navcontainer {
    background-color: #33414e;
    height: calc(100vh - 50px) !important;
    top: 50px;
}

/*#navcontainer ul {
             margin: 0;
             padding: 0;
             list-style-type: none;
             }

#navcontainer li {
    margin: 0 0 .2em 0;
}

#navcontainer a {
             display: block;
             padding: 1.0em .4em;
             text-decoration: none;
                 font-size: 24px;
             color: white;
                 opacity: 0.5;
             }

    #navcontainer a:hover {
             color: white;
        font-size: 24px;
        opacity: 1 !important;
        transition: font-size 0.2s;
        -webkit-transition:font-size 0.2s
    }*/

.FileFolderView-icons { }

.ShareView-icons { }

.menu-icons { text-align: center; }

.no-menu-icons { display: none; }

.placeHolder {
    display: none;
    position: relative;
}

.login-field {
    background-color: #f3f3f3;
    border: 2px solid #ECEBEB;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    padding: 5px;
    width: 100%;
}

.Loginbutton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: [ResellerButtonsAndLeftPaneColor];
    border: 1px solid[ResellerTextEdgesAndSmallIconsColor];
    border-bottom-width: 3px;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 10px 30px;
    text-transform: uppercase;
    width: 100%;	            
}

.Loginbutton:hover { background-color: [ResellerHoveringOnButtonsColor]; }

.Loginbutton:disabled {
    background-color: grey;
    opacity: .4;
}




.ShareItemContainer {
    -webkit-transition: opacity 0.3s; /* For Safari 3.1 to 6.0 */
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    margin: 10px 10px 10px 0px;
    padding: 10px;
    position: relative;
    transition: opacity 0.3s;
    width: 250px;
}

.ShareItemContainer:hover {
    -moz-box-shadow: 2px 2px 5px 0px[Shadow1];
    -webkit-box-shadow: 2px 2px 5px 0px[Shadow1];
    box-shadow: 2px 2px 5px 0px[Shadow1];                
}

.ShareItemContainer:hover .shareMenu {
    -webkit-transition: opacity 0.3s; /* For Safari 3.1 to 6.0 */
    opacity: 1;
    transition: opacity 0.3s;
}

.shareMenu {
    display: inline-block;
    margin-left: 20px;
    opacity: 0;
}

.shareMenuItemDef {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 5px;
}

.shareMenuItem { }

.shareMenuItem:hover {
    color: [ResellerButtonsAndLeftPaneColor];
    cursor: pointer;
}

.shareMenuItemRW {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    display: inline-block;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.ShareItemElement {
    overflow: hidden;
    padding: 2px;                
}


.ShareItemLine1 {
    font-size: 18px;
    white-space: nowrap;
}

.ShareItemLine1 a { text-decoration: none; }

.ShareItemLine1 a:hover {
    cursor: pointer;
    text-decoration: underline;
}


.ShareItemLine2 {
    font-size: 12px;
    opacity: 0.8;
}

.ShareItemLine3 {
    color: [ResellerTextEdgesAndSmallIconsColor];
    font-size: 12px;
}



.folderMenucontainer {
    display: inline-block;
    margin: 0 auto;
    opacity: 0;
}



.folderMenuExpander {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.folderMenuExpander:hover {
    -webkit-transition: width 0.4s;
    opacity: 1;
    transition: width 0.4s;
    width: 135px;
}

            

.fileMenuExpander {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    margin: 0 auto;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.fileMenuExpander:hover {
    -webkit-transition: width 0.4s;
    opacity: 1;
    transition: width 0.4s;
    width: 160px;
}

            
.HistoryMenuExpander {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    margin: 0 auto;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.HistoryMenuExpander:hover {
    -webkit-transition: width 0.4s;
    opacity: 1;
    transition: width 0.4s;
    width: 70px;
}

.LinkMenuExpander {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    margin: 0 auto;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.LinkMenuExpander:hover {
    -webkit-transition: width 0.4s;
    opacity: 1;
    transition: width 0.4s;
    width: 100px;
}

.Share2Row {
    background-color: #EBEBEB;
    border: 1px solid lightgray;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: table-row;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.Share2Row:hover {
    background-color: white;
    /*transition: background-color 0.1s;
                -webkit-transition: background-color 0.1s;*/
}

.Share2Row:hover .ItemIconHolder {
    opacity: 1;
    /*transition: opacity 0.1s;
                -webkit-transition: opacity 0.1s;*/
}

.Share2Column {
    display: table-cell;
    height: 36px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

.Share2ColumnLeft {
    display: table-cell;
    height: 36px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.Share2Item1 {
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.Share2ItemHolder { vertical-align: middle; }

.Share2MenuExpander {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.Share2MenuExpander:hover {
    -webkit-transition: width 0.4s;
    opacity: 1;
    transition: width 0.4s;
    width: 135px;
}




.FolderItemContainer {
    height: 36px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

/*.FolderItemContainer:hover {
                background-color: white;
            }*/

.FolderRow {
    display: table-row;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}


.FolderRow:hover { background-color: white; }

.FolderRow:hover .FolderItemCol {
    -webkit-transition: opacity 0.4s;
    opacity: 0.5;
    transition: opacity 0.4s;
}

.FolderRow:hover .FolderItemSubmenu {
    -webkit-transition: opacity 0.4s;
    opacity: 0.5;
    transition: opacity 0.4s;
}

.FolderItemSubmenu {
    -webkit-transition: opacity 0.4s;
    opacity: 0;
    transition: opacity 0.4s;
}

/*.FolderItemSubmenu:hover .ItemSubmenu {
                transition: height 0.4s;
                -webkit-transition: height 0.4s;
                height: auto;
            }

            .ItemSubmenu {
                transition: height 0.4s;
                -webkit-transition: height 0.4s;
                height: 5px;
                overflow: hidden;
            }*/

.FolderItemColLeft {
    -webkit-transition: opacity 0.4s;
    display: table-cell;
    opacity: 0.5;
    padding-left: 10px;
    text-align: left;
    transition: opacity 0.4s;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItemCol {
    -webkit-transition: opacity 0.4s;
    display: table-cell;
    opacity: 0.5;
    padding-left: 10px;
    text-align: right;
    transition: opacity 0.4s;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItemHolder {
    height: 36px;
    vertical-align: middle;
}

.foldertabel { display: inline-block; }

.FolderItemRename {
    display: none;
    height: 36px;
    vertical-align: middle;
}

.FolderItemRenameHolder {
    display: inline-block;
    font-size: 16px;
    height: 36px;
    opacity: 1;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItemDelete {
    display: none;
    height: 36px;
    vertical-align: middle;
}

.FolderItemDeleteHolder {
    display: inline-block;
    font-size: 16px;
    height: 36px;
    opacity: 1;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItemIcon {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    display: inline-block;
    height: 36px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

.FolderItemIconDeleted {
    background-color: gray;
    color: white;
    display: inline-block;
    height: 36px;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

.ItemIcon {
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
}


.FolderItemLine1 {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItemLine1:hover {
    cursor: pointer;
    text-decoration: underline;
}


.FolderItemLine2 {
    font-size: 12px;
    opacity: 0.5;
}

.FolderItemLine3 {
    font-size: 12px;
    opacity: 0.5;
}

#FolderItemLine3 a {
    opacity: 0.5;
    text-decoration: none;                
}

#FolderItemLine3 a:hover { opacity: 1; }

.fileMenucontainer {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    height: 36px;

    line-height: 36px;
    opacity: 0;
    overflow: hidden;
    transition: width 0.5s;
    white-space: nowrap;
    width: 44px;                
}

/*.FolderItemContainer:hover .fileMenucontainer {
                width: 170px;
                -webkit-transition: width 0.5s;
                transition: width 0.5s;
            }*/


.fileMenucontainer:hover {

    -webkit-transition: width 0.4s;
    opacity: 1;
    transition: width 0.4s;
    width: 170px;
}

.file-menu-item-selector {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    padding: 5px;
    text-decoration: none;                
}

.file-menu-item {
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    vertical-align: middle;                
}

.file-menu-item:hover { color: [ResellerButtonsAndLeftPaneColor]; }

.knownOS {
    color: #e9e9e9;
    display: inline-block;
    text-decoration: none;
    text-shadow: 1px 1px 1px #9e9e9e;
}

.UnknownOS { display: none; }


.FileLink {
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}

.FileLink:hover { text-decoration: underline; }

.NoFileLink {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}


#MainLayout {
    display: none;
    /*height: 100%;*/
    opacity: 0;
    width: 100%;
}

.layout-menu {
    background-color: [ResellerButtonsAndLeftPaneColor];
    font-size: 16px;
    height: 100%;
    padding-top: 100px;
    position: fixed;
    width: 50px;
}

.layout-listheader {
    display: inline-block;
    height: 20px;
    opacity: 0;
    position: relative;
    top: 10px;
    white-space: nowrap;
    width: 100%;
}

.layout-listheader-right {
    height: 20px;
    position: absolute;
    right: 10px;
}

.layout-listheader-left {
    height: 20px;
    left: 0px;
    position: relative;
}


.layout-maincontainer {
    background-color: [ResellerGeneralBackgroundColor];
    bottom: 0px;
    left: 100px;
    position: fixed;
    right: 0px;
    top: 0px;
}

.layout-top-container {
    background: white;
    height: 125px;
    left: 50px;
    position: fixed;
    top: 0px;
    width: 100%;
}

.layout-infopane {
    background-color: #A3A3A3;
    display: none;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 188px;
    width: 300px;                
}

.layout-wrapper {
    bottom: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    position: absolute;
    top: 228px;
    width: 100%;
}

/*.layout-list {
                background-color: [ResellerGeneralBackgroundColor];
            }*/

.layout-logo {
    background-color: white;
    height: 80px;
    left: 20px;
    position: relative;
    top: 20px;
    width: 100%;
}

.layout-LogoRuler {
    background: -webkit-linear-gradient([ResellerTextEdgesAndSmallIconsColor], [ResellerGeneralBackgroundColor]); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient([ResellerTextEdgesAndSmallIconsColor], [ResellerGeneralBackgroundColor]); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient([ResellerTextEdgesAndSmallIconsColor], [ResellerGeneralBackgroundColor]); /* For Firefox 3.6 to 15 */
    background: linear-gradient([ResellerTextEdgesAndSmallIconsColor], [ResellerGeneralBackgroundColor]); /* Standard syntax */
    height: 5px;
    position: relative;
    top: 40px;
}

.layout-header-ruler {
    background: lightgray;
    height: 3px;
    position: relative;
    top: 20px
}

.layout-header-custom {
    background-color: #E9E9E9;
    height: 4.25em;
    left: 50px;
    position: fixed;
    right: 0px;
    top: 100px;
}

.layout-header-container {
    background-color: #E9E9E9;
    height: 80px;
    left: 50px;
    padding: 10px 10px 10px 55px;
    position: fixed;
    right: 0px;
    top: 100px;
}

.layout-header-container:hover #headerButtonsContainer, .helperHover #headerButtonsContainer {
    -webkit-transition: opacity 0.4s;
    display: inline-block;
    opacity: 1;
    transition: opacity 0.4s;
}

.layout-header-container:hover #navigateBackId {
    -webkit-transition: opacity 0.4s;
    display: inline-block;
    opacity: 1;
    transition: opacity 0.4s;
}

#headerButtonsContainer {
    -webkit-transition: opacity 0.4s;
    display: inline-block;
    opacity: 1;
    transition: opacity 0.4s;
}

.navigatebackclass {
    -webkit-transition: opacity 0.4s; /* For Safari 3.1 to 6.0 */
    color: [Foreground1];
    cursor: pointer;
    display: none;
    font-size: 30px;
    left: 70px;
    opacity: 0;
    position: fixed;
    top: 120px;
    transition: opacity 0.4s;
}

.navigatebackclass:hover { color: [ResellerButtonsAndLeftPaneColor]; }

.breadCrumpItem {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}

.breadCrumpItem:hover { text-decoration: underline; }

.breadCrumpdevider {
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.breadCrumpCurrent {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}

.Savebutton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: lightgray;
    border: 1px solid[ResellerTextEdgesAndSmallIconsColor];
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px;
    text-transform: uppercase;
}

.Savebutton:hover { background-color: green; }

.Deletebutton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: lightgray;
    border: 1px solid[ResellerTextEdgesAndSmallIconsColor];
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    padding: 5px 5px;
    text-transform: uppercase;
}

.Deletebutton:hover { background-color: orange; }


.Cancelbutton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: lightgray;
    border: 1px solid[ResellerTextEdgesAndSmallIconsColor];
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px;
    text-transform: uppercase;
}

.just-icon {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px 5px;
}

.Cancelbutton:hover { background-color: red; }

.datafield {
    background-color: white;
    border: 2px solid #ECEBEB;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    margin-left: 10px;
    min-width: 250px;
    padding: 5px;
}

.datafield:focus { border: 2px solid[ResellerHoveringOnButtonsColor]; }

.datafield:hover { border: 2px solid[ResellerButtonsAndLeftPaneColor]; }

/*Used form settings page*/

.boxFlat {
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    margin: 10px 10px;
    max-height: 150px;
    max-width: 1200px;
    min-width: 600px;
    padding: 20px;
    white-space: nowrap;
}

.box {
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    margin: 10px 10px;
    min-height: 350px;
    padding: 20px;
    width: 500px;
}

.box2 {
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    margin: 10px 10px;
    max-width: 800px;
    min-height: 350px;
    padding: 10px;
    vertical-align: middle;
    width: 100%;
}

.box3 {
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    margin: 10px 10px;
    max-width: 1200px;
    min-height: 350px;
    padding: 10px;
    width: 100%;
}

.editUserView {
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    height: 350px;
    margin: 10px 10px;
    width: 500px;
}

.box2innerVertical {
    vertical-align: top;
    width: 100%;
}

.box2Column {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top;
    width: 565px;
}



.large-input {
    background-color: #f3f3f3;
    border: 1px solid transparent;
    border-radius: 3px;
    color: [ResellerButtonsAndLeftPaneColor];
    font-size: 32px;
    padding: 5px;
    width: 100%;
}

.large-input:hover { border: 1px solid[ResellerInputOutlineColor]; }

.box-input {
    background-color: #f3f3f3;
    border: 1px solid transparent;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    padding: 5px;
    width: 100%;
}

.box-input:hover {
    border: 1px solid[ResellerInputOutlineColor];
    /*background-color: #f3f3f3;*/
}

.box-input-right {
    background-color: #f3f3f3;
    border: 1px solid transparent;
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    padding: 5px;
    text-align: right;
    width: 100px;
}

.box-input-right:hover {
    border: 1px solid[ResellerInputOutlineColor];
    /*background-color: #f3f3f3;*/
}

.box-label {
    font-size: 14px;
    opacity: 0.5;
    vertical-align: middle;
}

.box-label2 {
    font-size: 12px;
    opacity: 1;
    vertical-align: middle;
}

.box-td {
    padding-right: 30px;
    text-align: left;
    width: 50%;
}

.box-tr {
    margin-top: 5px;
    min-height: 15px;
    width: 100%;
}

.box-tr:hover { }

.value-left { width: 50%; }

.value-right {
    text-align: right;
    width: 50%;
}

.rfpopup-save-btn a {
    color: [ResellerButtonsAndLeftPaneColor];
    cursor: pointer;
    font-size: 14px;
}

.rfpopup-save-btn a:hover { text-decoration: underline; }

input[type=radio], input[type=checkbox] { display: none; }
input[disabled] {color: #9e9e9e}
input:disabled::placeholder{color: #9e9e9e}

.rfpopup input[type=radio]:checked + label:before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid[ResellerButtonsAndLeftPaneColor];
    color: red;
    content: "\2022";
    font-size: 15px;
    height: 18px;
    line-height: 15px;
    margin-right: 15px;
    text-align: center;
    text-shadow: none;
    width: 18px;
}

.rfpopup input[type="checkbox"]:checked + label::before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid[ResellerButtonsAndLeftPaneColor];
    box-sizing: content-box;
    color: red;
    content: "\2714";
    height: 15px;
    line-height: 15px;
    margin: 0 15px 0 0;
    text-align: center;
    text-shadow: 0 0 3px #eee;
    width: 15px;
}

.box-button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: [ResellerButtonsAndLeftPaneColor];
    border: 1px solid[ResellerTextEdgesAndSmallIconsColor];
    border-bottom-width: 3px;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.box-button:hover { background-color: [ResellerHoveringOnButtonsColor]; }

.box-button:disabled { background: #9e9e9e; }


.croppicDiv {

    background-color: white;
    height: 300px;
    margin: 20px;
    width: 300px;
}

.navigateto {
               
    /*background-color: [ResellerButtonsAndLeftPaneColor];*/
    color: [ResellerButtonsAndLeftPaneColor];
    cursor: pointer;
    font-size: 12px;
    left: 0;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    /*padding: 10px 30px;
	            border-radius: 3px;*/
}

.navigateto:hover { text-decoration: underline; }

/*Used for LogView page*/

.LogView {
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    font-size: 16px;
    margin-left: 10px;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.LogView:hover { text-decoration: underline; }

/*Used for infopanel in modal window*/

.MapLogView {
    display: block;
    font-size: 14px;
    padding-left: 10px;
    right: 0;
}

.fieldError {
    color: red;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.headerText { font-size: 10px; }

.modalBox {
    background-color: #F7F7F7;
    border: 2px gray solid;
    border-radius: 5px;
    display: none;
    opacity: 0;
    padding: 20px;
}

.reseller-modal-container {
    background-color: #F7F7F7;
    border: none;
    /*border-radius: 5px;*/
    display: none;
    opacity: 0;
    padding: 0;
}

.modalBoxConfirm {
    -moz-box-shadow: 5px 5px 3px 2px #51524e;
    -webkit-box-shadow: 5px 5px 3px 2px #51524e;
    background-color: #F7F7F7;
    border: 1px #51524e solid;
    border-radius: 5px;
    box-shadow: 5px 5px 3px 2px #51524e;
    display: none;
    opacity: 0;
}

.modalBoxHeader { font-size: 16px; }

.modalBoxListItem {
    font-size: 18px;
    padding: 5px;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.menubox-permanent {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    cursor: pointer;
}

.menubox {

    background-color: white;

    /*color: #535353;*/
    color: [ResellerButtonsAndLeftPaneColor];
}

.menuboxDefault {
    border-radius: 5px;
    /*border: 1px solid gray;*/
    box-shadow: 5px 5px 10px #bebec2;
    display: inline-block;
    font-size: 14px;
    height: 100px;
    
    margin: 10px;
    
    min-width: 100px;
    padding: 3px;
}



.menubox:hover {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    cursor: pointer;
}

.menuboxDimmed { background-color: #b3b3b3; }

.menuboxBig {
    height: 200px;
    width: 200px;
}


.menuboxHeader {
    border: 0px solid gray;
    border-radius: 3px;
    display: inline-block;
    margin: 30px;
    padding: 10px;
    vertical-align: top;
}

.menuboxicon { font-size: 28px; }

.WriteOn {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    display: inline-block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.WriteOff {
    background-color: gainsboro;
    color: white;
    display: inline-block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.ReadOn {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    display: inline-block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
                
    width: 25px;
}

.ReadOff {
    background-color: gainsboro;
    color: white;
    display: inline-block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.NoAccessRead {
    background-color: gainsboro;
    background-color: yellowgreen;
    color: white;
    display: inline-block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.headerButtons {
    color: white;
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-left: 20px;
    opacity: 0.6;
    padding: 3px 10px;
}

.headerButtons:hover {
    background-color: [ResellerHoveringOnButtonsColor];
    color: white;      
}

.headerCheckBox {
    color: white;
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-left: 20px;
    opacity: 0.6;
    padding: 3px 10px;
}

.textColor { color: [ResellerTextEdgesAndSmallIconsColor]; }


.GeneralList {
    height: 36px;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.GeneralList:hover { background-color: white; }

.GeneralList:hover .GeneralListMenu {
    -webkit-transition: opacity 0.4s;
    opacity: 1;
    transition: opacity 0.4s;
}

.GeneralListMenu {
    -webkit-transition: opacity 0.4s;
    display: inline-block;
    opacity: 0;
    transition: opacity 0.4s;
}

.GeneralListIcon {

    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;    
}

.icon-sharecat_0:before { content: "\e650"; }

.icon-sharecat_1:before { content: "\e64c"; }

.icon-sharecat_2:before { content: "\e64b"; }

.SaveDivButton {
    background-color: [ResellerButtonsAndLeftPaneColor];
    border: 1px solid[ResellerTextEdgesAndSmallIconsColor];
    border-radius: 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 120px;
}

.Contaniner {
    background-color: #D8D8D8;
    border-radius: 3px;
    color: white;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 60px;
}

.ValueContaniner {
  
    background-color: #e9e9e9;
    border: 2px solid #ECEBEB;
    color: #8F8F8F;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 60px;
}

.DisplayOff {
    
    background-color: gainsboro;
    color: white;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.DisplayGroupOn {
    
    background-color: orange;
    background-color: #ffa500;
    color: white;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.DisplayOn {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.switch-button-label {
    cursor: pointer;
    float: left;

    font-size: 12px;
    vertical-align: middle;
}

.switch-button-label.off { color: #adadad; }

.switch-button-label.on { color: [ResellerButtonsAndLeftPaneColor]; }

.switch-button-background {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    background: #ccc;
    border: 1px solid #aaa;

    border-radius: 4px;

    cursor: pointer;
    float: left;
    margin: 1px 10px;

    position: relative;
}

.switch-button-button {
    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;
    background: #FAFAFA;

    border: 1px solid #aaa;
    border-radius: 4px;

    left: -1px;
    position: absolute;
    top: -1px;
}

.switch-button-left {
    left: -1px;
}

.switch-button-right {
    left: 12px !important;
}

.checkbox-white {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 13.6px; 
    height: 11.6px;
    background-color: white; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
    outline: none; 
    border: 1px solid #aaa;
    margin-top: -0.3px !important;
    cursor: pointer;
}

/*Show viewItem*/
.ViewItemContainer {
    display: table-row;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.ViewItemContainer:hover .ItemMenu {
    -webkit-transition: opacity 0.3s; /* For Safari 3.1 to 6.0 */
    opacity: 1;
    transition: opacity 0.3s;
}

/*Hidden viewItem*/

.ViewItemContainer0 {
    display: none;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

/*Show remove icon */

.ViewItemRemove1 {
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 20px;
}

/*Hide RemoveIcon */

.ViewItemRemove0 {
    display: none;
    width: 10px;
}

.ViewItemInfo {
    height: 36px;
    white-space: nowrap;
    width: 100%;
}

.ViewItemIconContainer {

    font-size: 20px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
}

.ViewItemImageContainer {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

.ViewItemBlock0 {

    background-color: gainsboro; /*dim the background*/
    height: 25px;
    opacity: 0.4;
    position: absolute;
    width: 600px;
    z-index: 0;
}

.ViewItemBlock1 { display: none }

.GroupUserItem0 {
    
    background-color: gainsboro;
    color: white;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.GroupUserItem1 {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}

.searchRow { }

.shareRow { }

.ItemMenu {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    opacity: 0;
    vertical-align: middle;
    width: 20px;
}

.GroupLink {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    display: table-cell;
    opacity: 0.6;
    Text-align: left;
    text-decoration: none;
    white-space: nowrap;
    width: 100px;
}

.navigateTo {
    color: #EC423D;
    cursor: pointer;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
}

.navigateTo:hover { text-decoration: underline; }

.icon-eye1 { cursor: pointer }

.icon-NoView { cursor: not-allowed }

.picker select {
    -moz-appearance: none; /* Removes Default Firefox style*/
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    background: [ResellerButtonsAndLeftPaneColor]no-repeat 90% center;
    border: 0 !important; /*Removes border*/
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(000, 000, 000, 0.5);
    color: #FFF;
    padding: 5px;
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*//*My custom style for fonts*/
    width: 100px; /*Width of select dropdown to give space for arrow image*/
}

select::-ms-expand {
    display: none; /*Hack for internet explorer. Removes the arrow icon on select*/
}

.FolderItemLineNoUnderline {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

/****** Happy Cloud *******/

/*#HelperContainer {
    left: 0; 
    top: 0; 
    bottom: 0; 
    right: 0; 
    display: none; 
    position:fixed; 
}

#happyCloudImg {
    width: 2.3em;
    height: 2em;
}
*/


/*
#helperCursor {
    display: none;
    font-size: 1.8em;
    color: #fff;
    z-index: 15;
    opacity: 0;
}

.showHelperCursor {
    display: inline-block !important;
    opacity: 1 !important;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.helperCloud {
    display: none;
    z-index: 1;
    font-size: .8em
}
.helperCloud img {
    float: left;
}
.helperCloud p {
    display: none;
    float: left;
}

#hintClose {
    display: none;
    cursor: pointer;
    margin-left: 10px;
}
#helperCloud:hover #hintClose{
    display: inline-block;
}
#helperCancelButton {
    font-size: 2em;
    color:#fff; 
    cursor: pointer;
    float: left; 
    padding: 30px 75px;
}

#helperHintComment {
    cursor: pointer;
}

#helperHintComment p {
    font-size: 0.8em;
}

.helperHint {
    display: inline-block; 
    position: absolute;
}

#closeTour{
    background-color: rgb(170,170,170);
}*/

/*#cloudPlaceholder {
    display: none;
    color: white;
    font-size: 24px;
    position: fixed;
    z-index: -1;
    top: 125px;
    left: 10px;
    text-decoration: none;

.showCloudPlaceholder {
    z-index: 10 !important;
    display: inline-block !important;
}*/

/******** helperElements ********/

.showHelperElement3 {
    color: #fff;
    z-index: 5;
}

/************ HelperBox ***********/

.helperBox {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    color: #fff;
    cursor: default;
    display: none;
    opacity: 0;
    position: fixed;
    transition: all .3s ease-in-out;
    width: 500px;
}

.helperHeader {
    float: left;
    font-size: 1.5em;
    font-weight: 700;
    white-space: nowrap;
}

.helperBody {
    float: left;
    font-size: 1.2em;
    width: 100%;
}

.helperControls {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.helperBox button {
    cursor: pointer;
    display: inline-block;
    margin: 10px 10px;
    outline: none;
    width: 40% !important;
}

.helperBoxCancel {
    color: #fff;
    cursor: pointer;
    float: right;
    font-weight: 900;
    padding-left: 2%;
}

.indexcontainer {
    display: inline-block;
    vertical-align: middle;
}

.helperIndex {
    color: #fff;
    font-size: 1.2em;
}

/***** Show helperbox item ******/

.helperShowItem {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    display: inline-block !important;
    left: 0;
    opacity: 1 !important;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: 10;
}

/***** Intro *****/

.intro {
    display: none;
    opacity: 0;
}

.halfWidth {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
    width: 40%;
}

.intro img { margin-left: 30px; }

.intro p { color: #fff; }

.intro b { font-weight: 700; }

.intro .box-button {
    margin: 10px 0;
    width: 46% !important;
}

.showIntro {
    -webkit-transition: opacity 0.3s;
    display: inline-block !important;
    left: 25%;
    opacity: 1 !important;
    position: fixed;
    top: 25%;
    transition: opacity 0.3s;
    width: 60%;
    z-index: 1;
}

.showOuttro {
    -webkit-transition: opacity 0.3s;
    display: inline-block !important;
    left: 5%;
    opacity: 1 !important;
    top: 28%;
    transition: opacity 0.3s;
    z-index: 10;
}

.td-Spacing { padding-bottom: 10px; }

.login-resetlink {
    color: grey;
    font-size: 13px;
    text-decoration: none;
}

.SearchBox {
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    background: #FFF;
    border: 0px solid transparent;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    color: [ResellerTextEdgesAndSmallIconsColor];
    height: 36px;
    padding: 8px 15px;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
}

.Input_BoxMaxSize {
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    background: #f3f3f3;
    background: [TextBoxBackgroundColor]!important;
    /*border: 0px solid transparent;*/
    border: 1px solid;
    border-color: [TextBoxBorderColor]!important;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    color: [TextBoxTextColor]!important;
    padding: 8px 15px;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
    width: 100%;
}

.Input_BoxMaxSizeReadOnly {
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.50);
    background: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.50);
    padding: 8px 0px;
    text-shadow: 0px 0px 0 rgba(256, 256, 256, 1.0);
    width: 100%;
}


.ItemRow {
    background-color: white;
    border: 1px solid lightgray;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: table-row;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.ItemRow:hover {
    -moz-box-shadow: 2px 2px 5px 0px[Shadow1];
    -webkit-box-shadow: 2px 2px 5px 0px[Shadow1];
    box-shadow: 2px 2px 5px 0px[Shadow1];                
}

.SpacingRow {
    display: table-row;
    height: 10px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.ItemIconContaniner {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    display: inline-block;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

.RowItemLineOne {
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: table-column;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.ItemIconHolder {
    font-size: 18px;
    line-height: 36px;
    opacity: 0.5;
    text-align: center;
    vertical-align: middle;
}

table#t01 th, table#t01 td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
}

table#t01 tr:nth-child(even) { background-color: #eee; }

table#t01 tr:nth-child(odd) { background-color: #fff; }

table#t01 th {
    background-color: grey;
    color: white;
}

.FlatBoxLabelFaded {
    height: 36px;
    line-height: 36px;
    opacity: 0.5;
    vertical-align: middle;
}

.FlatBoxLabel {
     
    height: 36px;
    line-height: 36px;
    vertical-align: middle;
}

.FolderRow2 {
    background-color: #EBEBEB;
    border: 1px solid lightgray;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: table-row;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.FolderRow2:hover {
    background-color: white;
    /*transition: background-color 0.1s;
                -webkit-transition: background-color 0.1s;*/
}

.FolderItemContainer2 {
    display: table-cell;
    height: 36px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItemHolder2 { vertical-align: middle; }

.folderMenuExpander2 {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.folderMenuExpander2:hover {
    -webkit-transition: width 0.4s;
    opacity: 1;
    transition: width 0.4s;
    width: 160px;
}

.fileMenuExpander2 {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    margin: 0 auto;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.fileMenuExpander2:hover {
    -webkit-transition: width 0.4s;
    opacity: 1;
    transition: width 0.4s;
    width: 195px;
}

.FolderItemIconDeleted2 {
    background-color: gray;
    color: white;
    display: inline-block;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

.FolderItemIcon2 {
    background-color: [ResellerButtonsAndLeftPaneColor];
    color: white;
    display: inline-block;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    width: 36px;
}

.ItemIcon2 {
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
}

.FolderRow2:hover .ItemIconHolder2 {
    opacity: 1;
    /*transition: opacity 0.1s;
                -webkit-transition: opacity 0.1s;*/
}

.ItemIconHolder2 {
    font-size: 18px;
    line-height: 36px;
    opacity: 0.5;
    text-align: center;
    vertical-align: middle;
}

.FolderItem2Line1 {
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.FolderItemColLeft2 {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: table-cell;
    font-size: 14px;
    height: 36px;
    opacity: 0.6;
    overflow: hidden;
    padding-right: 100px;
    text-align: right;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItemCol2 {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: table-cell;
    font-size: 14px;
    height: 36px;
    opacity: 0.6;
    overflow: hidden;
    padding-right: 100px;
    text-align: right;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItemColLeft2NoPadding {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: table-cell;
    font-size: 14px;
    height: 36px;
    opacity: 0.6;
    overflow: hidden;
    padding-right: 20px;
    text-align: right;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.FolderItem2Line1NoSize {
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    margin-left: 10px;
    margin-right: 20px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.ProfileImageHolder {
      
    cursor: pointer;
    display: inline-block;
    float: right;
    left: 0;
    margin: 0 auto;
    top: 0;
    vertical-align: top;
}


.global-save-button {
    background-color: [ResellerButtonsAndLeftPaneColor];
    border: 1px solid lightgray;
    color: #ebebeb;
    display: none;
    font-size: 20px;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 30px;
    width: 100%;
}

.client-global-save-button {
    background-color: [ResellerButtonsAndLeftPaneColor];
    border: 1px solid lightgray;
    color: #ebebeb;
    display: none;
    font-size: 20px;
    margin: 10px auto;
    padding: 10px 0 10px 30px;
    text-align: left;
    width: 90%;
}

.global-save-button:hover, .client-global-save-button:hover { background-color: [ResellerHoveringOnButtonsColor]; }

.clickable { cursor: pointer; }

.confirmButton {
    background-color: [ResellerButtonsAndLeftPaneColor];
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: white;
    cursor: pointer;
    padding: 10px 30px;
    text-align: center;
    width: 100%;
}

.confirmButton:hover { background-color: [ResellerHoveringOnButtonsColor]; }

.navigatetor {
    color: #EC423D;
    display: inline-block;
    font-size: 12px;
    text-align: right;
    text-transform: lowercase;
    width: 100%;
}

.navigatorItem {
    
    cursor: pointer;
    padding-right: 10px;
    white-space: nowrap;
    width: 100%;
}

.navigatorItem:hover { text-decoration: underline; }

.circleBase {
    background: transparent;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    border-radius: 50%;
    color: #a9a9a9;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: central;
    width: 40px;
}

.circleBaseHover:hover {
    background: #a9a9a9;
    color: whitesmoke;
}

.circleInactive {
    background: #a9a9a9;
    border: 0px solid #000;
    opacity: 0;
}

.circleInactive:hover {
    background: #a9a9a9;
    color: whitesmoke;
    opacity: .99;
}

.circleDraft {
    background: #a9a9a9;
    border: 0px solid #000;
}

.circlePublished {
    background: [ResellerButtonsAndLeftPaneColor];
    border: 0px solid #000;
}

.textArea {
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    background: #FFF;
    border: 0px solid transparent;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    color: [ResellerTextEdgesAndSmallIconsColor];
    height: 200px;
    padding: 8px 15px;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
    width: 100%;
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

.tagMenu {
    text-align: right;
    width: 100%;
}

.tagItem {
    
    /*padding-right:10px;*/
    color: [ResellerButtonsAndLeftPaneColor];
    cursor: pointer;
    white-space: nowrap;
    width: 100%;
}

.tagItem:hover { text-decoration: underline; }

.tabShadow {
    -moz-box-shadow: inset 0 2px 2px -2px #696868,
                     inset 0 -2px 2px -2px #696868;
    -webkit-box-shadow: inset 0 2px 2px -2px #696868,
                        inset 0 -2px 2px -2px #696868;
    box-shadow: inset 0 2px 2px -2px #696868,
                inset 0 -2px 2px -2px #696868;
}

.tabGeneral {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 60px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 180px;
}

.tabIcon {
    font-size: 0.9em;
    opacity: 0.8;
    padding-right: 1em;
}

.tabOuter {
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    margin: 0 0 0 20px;
    padding: 25px 0;
}

.tabOuter:hover { border-bottom: 1px solid[ResellerButtonsAndLeftPaneColor]; }

.focusUnderline:hover { border-bottom: 1px solid[ResellerButtonsAndLeftPaneColor]; }

.textUnderline:hover { text-decoration: underline; }

.tabSelected { border-bottom: 1px solid[ResellerButtonsAndLeftPaneColor]; }

.tabButton { background: [ResellerGeneralBackgroundColor]; }

.tabs {
    background: white;
    text-align: center;
}

.tabGeneral:hover { background: #f6f5f5; }

.TabContanier {
    background-color: white;
    color: #555;
    font-family: sans-serif;
    font-size: 0;
    height: 60px;
    line-height: 60px;
    white-space: nowrap;
    width: 100%;
}

.TabContainer {
    background-color: white;
    border-bottom: solid 1px #f7f7f7;
    color: #bdbdbd;
    font-size: 1em;
    font-weight: 300;
    height: 100%;
    white-space: nowrap;
    width: 100%;
}

.innerShadow {
    -moz-box-shadow: inset 0 7px 7px -7px #bebec2;
    /*, inset  0 -7px 7px -7px #b3b3b3;*/
    -webkit-box-shadow: inset 0 7px 7px -7px #bebec2;
    /*, inset  0 -7px 7px -7px #b3b3b3;*/
    box-shadow: inset 0 7px 7px -7px #bebec2;
    /*, inset  0 -7px 7px -7px #b3b3b3;*/
}

/*Overwrites the normal layout-header-container*/

.nopadding {
   
    height: 60px;
    padding: 0px 0px 0px 0px;
}

/*This is the new input*/

.Input_BoxMaxSizeWhite {
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    background: white;
    /*border: 0px solid transparent;*/
    border: 1px solid[ResellerInputOutlineColor];
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    color: [ResellerTextEdgesAndSmallIconsColor];
    padding: 8px 15px;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
    width: 100%;
}

/*This is the new input*/

.Input_BoxMaxSizeGrey {
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    background: #f6f5f5;
    /*border: 0px solid transparent;*/
    border: 1px solid[ResellerInputOutlineColor];
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    color: [ResellerTextEdgesAndSmallIconsColor];
    padding: 8px 15px;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
    width: 100%;
}

/*Same as box3 but without*/

.inputBase {
    background-color: white;
    border: 0px solid;
    color: #a3a3a3;
    height: 2.5em;
    /*font-size: 0.875em;*/
    padding: 8px 15px;
}

.inputLong { width: 33.5em; }

#RoundedDiv {
    background: red;
    border-radius: 20px;
    height: 30px;
    margin: 0 auto;
    width: 100px;
}

.TextHolder {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-right: 10px;
    opacity: 0.5;
    vertical-align: middle;
    width: 200px;
    word-wrap: break-word;
}

.toggle-section {
    display: inline-block;
    margin-top: 5px;
    width: 100%;
}

.line {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: 0;
}

.Spacer {
    display: block;
    line-height: 90px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.SpacerTop { margin-top: 10px; }

.Container {
    display: inline-block;
    font-size: 12px;
    width: 100%;
    /*background: #ccc*/
}

.Containerleft {
    float: left;
    width: 43%;
    /*background-color: #bbb;*/
}

.ContainerCenter {
    float: left;
    /*background-color: #eee;*/
    width: 33%;
}

.ContainerRight {
    float: left;
    width: 13%;
    /*background-color: #bbb;*/
}

.ColorHolde {
    display: inline-block;
    margin-right: 10px;
    width: 200px;
}

.tempBox {
    background-color: [ResellerGeneralBackgroundColor];
    border-radius: 3px;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    min-height: 150px;
    width: 500px;
}

.HeaderContainer {
    
    display: inline-block;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    opacity: 0.5;
}

.containerTag {
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    background: #f3f3f3;
    border: 0px solid transparent;
    border: 1px solid[ResellerInputOutlineColor];
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    margin: 0 auto;
    width: 100%;
}

.tags {
    background: #f3f3f3;
    border: 1px solid transparent;
    display: table;
    width: 100%;
}

.tags li.tagAdd, .tags li.addedTag {
    float: left;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.tags li.addedTag {
    background: none repeat scroll 0 0[ResellerButtonsAndLeftPaneColor];
    border-radius: 2px;
    color: #fff;
    margin: 1px;
    padding: 0.25em;
}

.tags input, li.addedTag {
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    display: block;
    padding: 0.5em;
}

.tags input:hover { border: 1px solid #000; }

span.tagRemove {
    cursor: pointer;
    display: inline-block;
    padding-left: 0.5em;
}

span.tagRemove:hover { color: #222222; }

P, H1 { text-align: center; }

p { color: #ccc; }

h1 {
    color: #6b6b6b;
    font-size: 1.5em;
}

.navigateToNoHover {
               
    /*background-color: [ResellerButtonsAndLeftPaneColor];*/
    color: [ResellerButtonsAndLeftPaneColor];
    cursor: pointer;
    font-size: 12px;
    left: 0;
    top: 0;
    /*padding: 10px 30px;
	            border-radius: 3px;*/
}

.folderMenuNoExpander {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.fileMenuNoExpander {
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    display: inline-block;
    font-size: 16px;
    height: 100%;
    margin: 0 auto;
    opacity: 1;
    overflow: hidden;
    transition: width 0.5s;
    vertical-align: middle;
    white-space: nowrap;
    width: 36px;
}

.FolderItemNOLine {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.reportTable {
    border-spacing: 15px;
    table-layout: fixed;
    width: 100%;
}

.reportInputTable {
    border-spacing: 1em 2em;
    display: inline-block;
    vertical-align: top;
}

.reportLabel {
    color: #bdbdbd;
    display: block;
    font-size: 0.813em;
    margin-bottom: 1em;
    text-transform: capitalize;
}

td.centerContent { text-align: center; }

.MainSaveButton {
    height: 40px;
    position: absolute;
    top: 184px;
    width: 100%
}

.mainThemeColor { color: [ResellerButtonsAndLeftPaneColor]; }

.mainThemeBackground { background-color: [ResellerButtonsAndLeftPaneColor]; }

.separatorTop {
    background-color: [DarkResellerGeneralBackgroundColor];
    border: 0;
    height: 0.1em;
    margin-bottom: 0;
    margin-top: 0.5em;
    width: 100%;
}

.separatorBottom {
    background-color: [DarkResellerGeneralBackgroundColor];
    border: 0;
    height: 0.05em;
    margin-bottom: 0.5em;
    margin-top: 0;
    width: 100%;
}

.darkenedBackground { background-color: [DarkResellerGeneralBackgroundColor]; }

.separatorContainer {
    background-color: white;
    border-bottom: 0.11em solid[DarkResellerGeneralBackgroundColor];
    border-top: 0.11em solid[DarkResellerGeneralBackgroundColor];
    min-height: 4em;
    padding: 1em 1em 1em 1em;
    vertical-align: middle;
    width: 100%;
}

.clickLabel {
    color: [ResellerButtonsAndLeftPaneColor];
    cursor: pointer;
    font-size: 0.813em;
    text-decoration: underline;
    text-transform: capitalize;
}

.ui-datepicker { z-index: 9999 !important }


/*--------New----Design----Styles--------*/

.nav-main-menu {
    background-color: [ResellerButtonsAndLeftPaneColor];
    font-size: 16px;
    height: 100%;
    padding-top: 170px;
    position: fixed;
    width: 55px;
}

.left-nav-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.left-nav-icons li { margin: 0 0 .2em 0; }

.left-nav-icons a {
    -webkit-transition: font-size 0.2s;
    color: white;
    display: block;
    font-size: 20px;
    opacity: 0.5;
    padding: 1.0em .4em;
    text-decoration: none;
    transition: font-size 0.2s;
}

.left-nav-icons a:hover {
    color: white;
    font-size: 24px;
    opacity: 1 !important;
    /*transition: font-size 0.2s;
        -webkit-transition:font-size 0.2s*/
}


.main-header-wrapper {
    background: white;
    left: 55px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 96%;
}

.main-header-container {
    float: left;
    padding: 40px 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

.header-main-logo {
    display: inline-block;
    float: left;
    text-align: left;
    width: 50%;
}

.header-main-logo img { max-height: 80px; }

.header-right-container {
    display: inline-block;
    padding: 20px 0;
    text-align: right;
    width: 50%;
}

.header-right-menu {
    -webkit-transition: box-shadow 0.4s text-shadow 0.4s;
    border: 1px solid #e2e0e0;
    border-radius: 10px;
    float: right;
    text-align: left;
    transition: box-shadow 0.4s text-shadow 0.4s;
}

.header-right-menu:hover {
    box-shadow: 0 -2px 2px #f0f0f0;
    /*opacity: 1;*/
}

.language-selection {
    border-right: 1px solid #e2e0e0;
    cursor: pointer;
    display: inline-block;
    opacity: 0.5;
    padding: 10px;
    vertical-align: middle;
}

.resellers-container {
    cursor: pointer;
    display: inline-block;
    opacity: 0.5;
    padding: 10px;
}

.language-selection:hover, .resellers-container:hover, .ClientknownOS:hover {
    color: [ResellerButtonsAndLeftPaneColor];
    opacity: 1 !important;
}

.language-selection span, .resellers-container span { vertical-align: middle; }

.ClientknownOS {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    opacity: 0.5;
    padding: 10px;
    text-decoration: none;
    vertical-align: middle;
}

/*.ClientknownOS:hover {
    color: [ResellerButtonsAndLeftPaneColor];
    opacity: 1;
}*/

.sub-header-container {
    background-color: #f1f1f1;
    border-bottom: 2px solid #e2e0e0;
    box-shadow: inset 0 2px 3px #dbdbdb;
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    padding: 0 0 0 40px;
    text-align: left;
    width: 100%;
}

.sub-header-container:hover #headerButtonsContainer, .helperHover #headerButtonsContainer {
    -webkit-transition: opacity 0.4s;
    display: inline-block;
    opacity: 1;
    transition: opacity 0.4s;
}

.header-Buttons-Container {
    -webkit-transition: opacity 0.4s;
    display: inline-block;
    line-height: 18px;
    opacity: 1;
    transition: opacity 0.4s;
}

.sub-header-container:hover #navigateBackId {

    display: inline-block;
    opacity: 1;
}

.sub-header-icon {
    font-size: 16px;
    font-weight: 400;
    padding: 0 10px 0 0;
}

.sub-header-container:hover .companyMoreIcon {
    -webkit-transition: opacity 0.4s;
    opacity: 1;
    transition: opacity 0.4s;
}

.back-button {
    cursor: pointer;
    display: inline;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    width: 30px;
}

.back-button:hover { border-bottom: 1px solid[ResellerButtonsAndLeftPaneColor]; }

.sub-header-buttons {
    color: [ResellerTextEdgesAndSmallIconsColor];
    display: inline-block;
    font-size: 16px;
    opacity: 0.8;
    text-transform: capitalize !important;
    vertical-align: middle;
}

.header-buttons {
    -webkit-transition: border-bottom 0.2s;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    min-width: 150px;
    padding: 25px 0;
    text-align: center;
    transition: border-bottom 0.2s;
}

.sub-header-buttons li span, .header-buttons span {
    display: inline;
    vertical-align: middle;
}

.header-buttons:hover {
    border-bottom: 1px solid[ResellerButtonsAndLeftPaneColor];
    opacity: 1 !important;
}

.disabled-header-buttons {
    -webkit-transition: border-bottom 0.2s;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    min-width: 150px;
    padding: 25px 0;
    text-align: center;
    transition: border-bottom 0.2s;
}

.sub-header-buttons li span, .disabled-header-buttons span {
    display: inline;
    vertical-align: middle;
}

.disabled-header-buttons:hover { opacity: 1 !important; }

/*.button-selected {
        background-color: #F5F5F5;
        opacity: 1 !important;
}*/

.client-content-container {
    background-color: #f7f7f7;
    bottom: 0;
    float: left;
    left: 55px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 234px;
    width: 96%;
}

.reseler-content-container {
    background-color: #f7f7f7;
    bottom: 0;
    float: left;
    left: 55px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 235px;
    width: 96%;
}

.main-content-inner { padding: 20px 50px 0; }

.ClientSaveButton {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.admin-view-container {
    display: inline-block;
    width: 100%;
}

.admin-menu-container {
    background-color: #f1f1f1;
    color: #bdbdbd;
    cursor: default;
    float: left;
    font-family: "Helvetica";
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
    width: 11%;
}

.admin-menu-list { width: 100%; }

.admin-menu-container li {
    border-bottom: 1px solid #e2e0e0;
    padding: 20px 0 20px 40px;
}

/*.admin-menu-container li:hover {
        border-bottom: 1px solid [ResellerButtonsAndLeftPaneColor];
        color: [ResellerButtonsAndLeftPaneColor];
    }*/

.admin-submenu-container {
    background-color: #fff;
    float: left;
    font-family: "Helvetica";
    vertical-align: top;
    width: 89%;
}

.admin-submenus {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.admin-submenu-list {
    border-bottom: 1px solid #e2e0e0;
    padding: 0 0 0 45px;
    width: 100%;
}

.admin-submenu-list li {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    padding: 19px 0;
    text-align: justify;
    vertical-align: middle;
    width: 24%;
}

.admin-submenu-list li:hover { color: [ResellerButtonsAndLeftPaneColor]; }

.admin-submenu-list li span {
    display: inline-block;
    font-family: "Helvetica";
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 0 5px;
    vertical-align: top;
}

.company-list-container {
    display: inline-block;
    font-family: helvetica;
    /*margin: 0 0 0 10px;*/
    vertical-align: middle;
}

.company-list {
    color: [ResellerTextEdgesAndSmallIconsColor];
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    opacity: 0.8;
    padding: 23px 0;
}

.company-list:hover {
    border-bottom: 1px solid[ResellerButtonsAndLeftPaneColor];
    color: [ResellerButtonsAndLeftPaneColor];
}

.company-list div { display: inline-block; }

.bread-crump-view { display: inline-block; }

.company-more-icon {
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    /*opacity: 0;*/
    vertical-align: bottom;
}

.bread-crump-view:hover .company-more-icon {
    -webkit-transition: opacity 0.4s;
    opacity: 1;
    transition: opacity 0.4s;
}

.TagBox {
    margin: 0 auto;
    width: 100%;
}

.tag { background: #f3f3f3; }

.tag li.tagAdd, .tag li.addedTag {
    float: left;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.tag li.addedTag {
    background: none repeat scroll 0 0[ResellerButtonsAndLeftPaneColor];
    border-radius: 2px;
    color: #fff;
    margin: 1px;
    padding: 0.25em;
}

.tag input, li.addedTag {
    border: 1px solid transparent;
    border-radius: 2px;
    box-shadow: none;
    display: block;
    padding: 0.5em;
}

.tag input:hover { border: 1px solid #000; }

#spinner-container { height: 150px; }

tag {
    font-size: large;
}

tag.full-width-tag {
        width: 98.2%;
}

.tagify__tag>div{
    max-width: 80% !important
}

.tagify--outside {
    border: 0;
}

.tagify--outside .tagify__input {
    order: -1;
    flex: 100%;
    border: 1px solid var(--tags-border-color);
    margin-bottom: 1em;
    transition: .1s;
}

.tagify--outside .tagify__input:hover {
    border-color: var(--tags-hover-border-color);
}

.tagify--outside.tagify--focus .tagify__input {
    transition: 0s;
    border-color: var(--tags-focus-border-color);
}

.tagify {
    align-content: flex-start;
    flex-wrap: wrap;
    height: auto;
    max-height: 30vh;
    overflow: auto;
    width: 100%;
    --tags-disabled-bg: #f1f1f1;
    --tags-border-color: #D7DDE2;
    --tags-hover-border-color: #D7DDE2;
    --tags-focus-border-color: #D7DDE2;
    --tag-bg: #D7DDE2;
    --tag-hover: #D7DDE2;
}

.tagify__tag__removeBtn {
    margin-left: 5px;
    margin-right: 5px;
    height: 20px;
    width: 20px;
    overflow: visible;
}

.tagify__tag__removeBtn::after {
    content: none;
}

.tagify__tag__sendBtn {
    align-items: center;
    background: 0 0;
    background: var(--tag-resend-btn-bg--hover, none);
    border-radius: 50px;
    color: #000;
    color: var(--tag-resend-btn-bg--hover, #000);
    cursor: pointer;
    display: inline-flex;
    font: 14px/1 FontAwesome;
    justify-content: center;
    margin-left: auto;
    margin-right: 5px;
    order: 4;
    transition: 0.2s ease-out;
    height: 20px;
    width: 20px;
    overflow: visible;
}

.tagify[readonly] .tagify__tag__sendBtn {
    display: none;
}

.tagify__tag--loading .tagify__tag__sendBtn { display: none; }

.tagify__tag[readonly] .tagify__tag__sendBtn { display: none; }

.tagify__tag--editable > .tagify__tag__sendBtn { pointer-events: none; }

.tagify__tag--editable > .tagify__tag__sendBtn::after {
    opacity: 0;
    transform: translateX(100%) translateX(5px);
}

.tagify__tag__sendBtn:hover {
    background: #77b3c7;
    background: var(--tag-resend-btn-bg--hover, #77b3c7);
    color: #fff;
}

.tagify__tag__sendBtn:hover + div > span { opacity: 0.5; }

.tagify__tag__sendBtn:hover + div::before {
    box-shadow: 0 0 0 1.1em rgba(148, 148, 211, 0.3) inset !important;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-remove-bg, rgba(148, 148, 211, 0.3)) inset !important;
    transition: box-shadow 0.2s;
}

@keyframes tags--bump {
    30% {
        transform: none;
    }
}