.TabMain, .TabBarSpacerLeft, .TabBarSpacerRight, .SideBarBg {background-color: #29caff;} /*30CBFF*/ /*30CBFF*/
.TabMain:active, .TabMainSelected {background-color:#53D3FD;}
.TabMain:hover, .ListingTab:hover, .ListingTabSelected {background-color:#63D8FF;}
.TabOptionsArrow {border-color:transparent transparent #29caff transparent;}
.SideBarDivider {background-color:#00AFE8;}



/*------------------------------------------------------------------*/
/*-------------------------MOBILE-----------------------------------*/
/*------------------------------------------------------------------*/
@media only screen and (max-width: 767px)
    {
    .TabMain
        {
        display:inline-block;
        font-size:15px;
        font-weight:normal;
        color: #ffffff;
        cursor:pointer;
        padding:15px 20px 15px 20px;
        white-space:nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-width:0px 0px 1px 0px;
        border-color:#00AEED;
        border-style:solid;
        }
    
        
    .TabMainSelected
        {
        display:inline-block;
        font-size:15px;
        font-weight:normal;
        color: #ffffff;
        cursor:pointer;
        padding:15px 20px 15px 20px;
        white-space:nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-width:0px 0px 1px 0px;
        border-color:#00AEED;
        border-style:solid;
        }
        
    .LogoCover
        {
        position:absolute;
        top:-19px;
        left:0;
        height:38px;
        width:125px;
        background-color:#29caff; /*29caff*/
        
        animation-name: LogoCoverSlideRight;
    	animation-duration: 1.7s;	
    	animation-timing-function: ease-out;	
    	animation-fill-mode: both;
    	visibility: visible !important;	
        }
    @keyframes LogoCoverSlideRight
        {
        from {transform: translateX(0px);}
    	to {transform: translateX(125px); width:0;}	
        }
    }

/*------------------------------------------------------------------*/
/*-------------------------DESKTOP----------------------------------*/
/*------------------------------------------------------------------*/
@media only screen and (min-width: 768px)
    {
    .TabMain
        {
        font-size:14px;
        font-weight:normal;
        color: #ffffff;
        /*background-color:#30CBFF;*/
        cursor:pointer;
        /*padding:25px 22px 25px 22px;*/
        padding:25px 24px 25px 24px;
        white-space:nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }
        
    .TabMainSelected
        {
        color:#0099FF;
        font-size:14px;
        font-weight:normal;
        color: #ffffff;
        /*background-color:#58D5FF;*/
        cursor:pointer;
        padding:25px 22px 25px 22px;
        white-space:nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }
    .Main
        {
        /*display:inline-block;*/
        -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
        }
    .TabDownArrow
        {
        position:absolute;
        display:inline-block;
        top:-2px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 4px 0 4px;
        border-color: #ffffff transparent transparent transparent;
        }
    .TabOptionsArrow
        {
        position:absolute; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px;
        }
    .TabLink
        {
        color:#333333; font-size:12px; cursor:pointer; text-decoration:none; white-space:nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }
    .TabLink:hover {text-decoration:underline;}
    
    .ListingTab {padding:9px 30px 9px 30px; cursor:pointer;}
    /*.ListingTab:hover {background-color:#63D8FF;}*/
    .ListingTabSelected {padding:9px 30px 9px 30px; cursor:pointer;} /*background-color:#63D8FF;*/
    
    
    .ModeLink
        {
        font-size:12px; cursor:pointer; text-decoration:none; white-space:nowrap; padding:4px 10px 4px 10px; border-radius:3px; color:#33333;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }
    .ModeLinkSelected
        {
        font-size:12px; cursor:pointer; text-decoration:none; white-space:nowrap; padding:4px 10px 4px 10px; color:white; border-radius:3px; background-color:#333333;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        }
    .ModeLink:hover {text-decoration:underline;}
    
    .LogoCover
        {
        position:absolute;
        top:0;
        left:0;
        height:42px;
        width:140px;
        background-color:#29caff; /*29caff*/
        
        animation-name: LogoCoverSlideRight;
    	animation-duration: 1.7s;	
    	animation-timing-function: ease-out;	
    	animation-fill-mode: both;
    	visibility: visible !important;	
        }
    @keyframes LogoCoverSlideRight
        {
        from {transform: translateX(0px);}
    	to {transform: translateX(140px); width:0;}	
        }
    }


/*-------------- GRAY SIDEBAR --------------*/
.TabMainGray, .TabMainSelectedGray {
    background-color: #F9F9F9;
    font-size: 14px;
    color: #888888;
    padding: 8px 35px 8px 35px;
    min-width: 150px;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    }
.TabMainGray:hover {
    background-color: #F0F0F0;
    }
.TabMainSelectedGray {
    background-color: #EFEFEF;
    }
.SideBarDividerGray {
    background-color: #E6E6E6;
    }
.SideBarTriangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #999999 transparent transparent transparent;
    transform: rotate(0deg);
    }

/*-------------- HORIZONTAL TOP BAR --------------*/
.HorizontalTopBar {
    background-color:#29caff;
    }
/*
.TabDashboard {
    background-image: url("Images/BootstrapIcons/bar-chart-fill.svg");
    background-repeat: no-repeat;
    background-position: center right 35px;
    background-size: auto 16px;
    }
.TabSalesActivity {
    background-image: url("Images/BootstrapIcons/for-sale-sign-board-icon.svg");
    background-repeat: no-repeat;
    background-position: center right 35px;
    background-size: auto 16px;
    }
.TabIncome {
    background-image: url("Images/BootstrapIcons/currency-dollar.svg");
    background-repeat: no-repeat;
    background-position: center right 35px;
    background-size: auto 16px;
    }
.TabExpenses {
    background-image: url("Images/BootstrapIcons/currency-dollar.svg");
    background-repeat: no-repeat;
    background-position: center right 35px;
    background-size: auto 16px;
    }
.TabProfitLoss {
    background-image: url("Images/BootstrapIcons/file-bar-graph-fill.svg");
    background-repeat: no-repeat;
    background-position: center right 35px;
    background-size: auto 16px;
    }
.TabSalesStats {
    background-image: url("Images/BootstrapIcons/file-bar-graph-fill.svg");
    background-repeat: no-repeat;
    background-position: center right 35px;
    background-size: auto 16px;
    }
*/