#colortest .BackgroundColor                         {background-color: Color [A=255, R=255, G=255, B=255];}
#colortest .BackgroundColor::after                  {content: "#FFFFFF";}

#colortest .BackgroundOuterGradientStop             {background-color: Color [A=255, R=191, G=191, B=191];}
#colortest .BackgroundOuterGradientStop::after      {content: "#BFBFBF";}

#colortest .ContentPanelInnerColor                  {background-color: Color [A=255, R=15, G=43, B=71];}
#colortest .ContentPanelInnerColor::after           {content: "#0F2B47";}

#colortest .ContentPanelOuterGradientStop           {background-color: Color [A=255, R=23, G=68, B=113];}
#colortest .ContentPanelOuterGradientStop::after    {content: "#174471";}

#colortest .GradientForegroundColor                 {background-color: #FFFFFF;}
#colortest .GradientForegroundColor::after          {content: "#FFFFFF";}

#colortest .LoginPanelBackgroundColor               {background-color: #0F2B47;}
#colortest .LoginPanelBackgroundColor::after        {content: "#0F2B47";}

#colortest .LoginPanelForegroundColor               {background-color: #FFFFFF;}
#colortest .LoginPanelForegroundColor::after        {content: "#FFFFFF";}

#colortest .PrimaryColor                            {background-color: #FFFFFF;}
#colortest .PrimaryColor::after                     {content: "#FFFFFF";}

#colortest .PrimaryForegroundColor                  {background-color: #3C3C3C;}
#colortest .PrimaryForegroundColor::after           {content: "#3C3C3C";}

#colortest .SecondaryColor                          {background-color: #0F2B47;}
#colortest .SecondaryColor::after                   {content: "#0F2B47";}

#colortest .SecondaryForegroundColor                {background-color: #000044;}
#colortest .SecondaryForegroundColor::after         {content: "#000044";}

#colortest .MainHeaderGradientColorA                {background-color: #F0F0F0;}
#colortest .MainHeaderGradientColorA::after         {content: "#F0F0F0";}

#colortest .MainHeaderGradientColorB                {background-color: #F0F0F0;}
#colortest .MainHeaderGradientColorB::after         {content: "#F0F0F0";}

#colortest .LinkColor                               {background-color: #FFFFFF}
#colortest .LinkColor::after                        {content: "#FFFFFF";}

#colortest .LinkHoverColor                          {background-color: #C0C0C0}
#colortest .LinkHoverColor::after                   {content: "#C0C0C0";}

#colortest .LinkVisitedColor                        {background-color: #3C3C3C}
#colortest .LinkVisitedColor::after                 {content: "#3C3C3C";}

#colortest .TabTopColor                             {background-color: #0F2B47}   
#colortest .TabTopColor::after                      {content: "#0F2B47";}   

#colortest .TabBottomColor                          {background-color: #0F2B47} 
#colortest .TabBottomColor::after                   {content: "#0F2B47";} 

#colortest div{
    float: left;
    width:300px;
    padding: 10px;
    border:1px dotted black;
    color: #FFF;
    text-shadow: 0px 0px 3px #000;}

#colortest { display:none; }

@font-face {
  font-family: 'Dell Regular';
  src: url('fonts/museosansfordell-regular-webfont.eot');                                    /* IE9 Compat Modes */
  src: url('fonts/museosansfordell-regular-webfont.eot?#iefix')  format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/museosansfordell-regular-webfont.woff')       format('woff'),              /* Modern Browsers */
       url('fonts/museosansfordell-regular-webfont.ttf')        format('truetype')           /* Safari, Android, iOS */
}

/* apply a natural box layout model to all elements */
*, *:before, *:after
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.dialog{
    display: none;
}

.dialogIFrame{
    width: 100%;    height: 100%;    margin: 0px;    padding: 0px;    border: 0px;
}

html
{
    height:100%;
}

body
{
    font-size: 90%;

 
	background-color: #FFFFFF !important;

    color: #FFFFFF;
    /*font-family: "Dell Regular", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; /* makes this a little more refined*/

    font-family: 'Montserrat', sans-serif !important;
    /*margin: 0px 7% 0px 7%;*/  /* Set to 0 so the colors run to the edge of the browser */
    height:100%;
    /*background: url(Content/background.jpg) no-repeat center center fixed;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;*/
    }

    iframe body
    {
     
    background-color: #FFFFFF !important;

    }

    .loginBody
    {
    background-color: #F0F0F0;
    }

    .loginError{
    visibility:visible;
    color: #FFFFFF;
    font-weight: bold;
    margin: -5px 5px 10px 5px;
    }

    .loginNoError{
    visibility:collapse;
    display:none;
    }

    form
    {
    /*height:90%;	*/
    }

    hr
    {
    margin-right:50px;
    margin-left:50px;
    margin-bottom:10px;
    }

    .topNavOuter {
    width: 100%;
    height: 40px; 
    background-color: #FFFFFF;
    padding-right: 10%;
    }

    .TopNav {
    position: relative;
    float: right;
    xxbackground-color: #6A2;
    height: 40px; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    }

    .topNavTab {
    
    background: #0F2B47; 
    
    background-image: -moz-linear-gradient(top,  #0F2B47 0%, #0F2B47 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0F2B47), color-stop(100%,#0F2B47)); 
    background-image: -webkit-linear-gradient(top,  #0F2B47 0%,#0F2B47 100%); 
    background-image: -o-linear-gradient(top,  #0F2B47 0%,#0F2B47 100%); 
    background-image: -ms-linear-gradient(top,  #0F2B47 0%,#0F2B47 100%); 
    background-image: linear-gradient(to bottom,  #0F2B47 0%,#0F2B47 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F2B47', endColorstr='#0F2B47',GradientType=0 ); 

    float: right;
    margin-left: 2px;
    margin-right: 2px;
    max-width: 170px;
    margin-top: 10px; 
    padding-left: 4px;
    padding-right: 4px;

    height: 30px; 
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    border-radius: 2px 2px 0px 0px;

    transition: height .1s, margin-top .1s;
    }

    
    
    .topNavTab:first-child:nth-last-child(1) {
    width: 98%;
    }

    
    .topNavTab:first-child:nth-last-child(2),
    .topNavTab:first-child:nth-last-child(2) ~ .topNavTab {
    width: 48%;
    }

    
    .topNavTab:first-child:nth-last-child(3),
    .topNavTab:first-child:nth-last-child(3) ~ .topNavTab {
    width: 31.3333%;
    }

    
    .topNavTab:first-child:nth-last-child(4),
    .topNavTab:first-child:nth-last-child(4) ~ .topNavTab {
    width: 23%;
    }


    .topNavTab.topNavTabSelected
    {
    font-weight: bold;
    margin-top: 0;
    height: 40px; 

    transition: height .1s,
    margin-top .1s;

    }

    .topNavTab a
    {
    line-height: 30px; 
    text-decoration:none;
    border: none;
    color:#FFFFFF;

    transition: line-height .1s;

    }

    .topNavTab.topNavTabSelected a
    {
    line-height: 40px; 

    transition: line-height .1s;
    }

    .MasterHeader
    {
    overflow:hidden;
    height:160px;
    margin:0px; /* Set to 0 so the colors run to the edge of the browser */
    width:100%; /* Set the width to run the colors to the end*/
    background-color: #FFFFFF;

    

    
    
    }

    
    .MainPanel
    {
    min-width:900px; /* set this to 800 for a standard minimum width */
    min-height:600px; /*  set this to 600 for a standard minimum height */
    height:100%;
    width:100%;

    }

    #footer {
    position:fixed;
    left:0px;
    bottom:0px;
    width:100%;
    }

    .footershadow
    {
    height:20px;
    
    

    }

    #ajaxBusy
    {
    
    line-height: 4em;

    position: fixed;
    top: 50%;
    left: 50%;

    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:     translate(-50%, -50%);
    -ms-transform:      translate(-50%, -50%);
    transform:          translate(-50%, -50%);

    border-radius: 5px;
    background-color: #0F2B47; 
    color: #FFFFFF;

    border: 2px solid #FFFFFF;
    box-shadow: 0px 0px 18px -2px rgb(0, 0, 0);

    z-index: 9999;

    display: none;
    }

    

    #ajaxBusySpinnerImage
    {
    float:left;
    }

    #ajaxBusySpinnerText
    {
    margin-left: 35px;
    text-align: center;
    font-size: 1.25em;
    color:  #FFFFFF; 
    padding: 0px 30px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    }

    

    .ajaxProcessing
    {
    padding:5px;
    /*float:left;*/
    }

    #headerLogo
    {
    width:500px;
    height:125px;
    xmargin-top:25px;
    margin-left:10%;
    float:left;
    background-image:url('/vlabs_pre/Content/Images/QuestSoftwareLogo.png');
    background-repeat:no-repeat;
    }

    
    

    
    .LoginPanel
    {
    


    background-color: #0F2B47;
    
     width: 740px; ;
    border-radius: 5px;
    display: table;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%;

    }



    .LoginPanelAlone
    {
    


    background-color: #0F2B47;
    
    width: 400px;
    border-radius: 5px;
    display: table;
    height: 271px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%;

    }


    #loginPanelLeft
    {
    color: #FFFFFF;
    width: 300px;
    float: left;
    text-align: center;
    /*padding-top: 6%;*/
    padding-right: 2%;
    padding-left: 2%;
    }

    #loginPanelLeft.noMsgCenter
    {
    width: 450px;
    }

    .ssoAccess
    {
    color: #FFFFFF;
    height: 70px;
    }

    #loginPanelDivider
    {
    float: left;
    height: 241px;
    width: 1px;
    margin-top: 16px;
    box-shadow: 0px 0px 10px rgb(213, 213, 213);
    background-color: #FFFFFF;

    display:none;
    }

    #loginPanelRight {
    color: #FFFFFF;
    width: 414px;
    float: left;
    margin: 12px;
    /*margin-left: 8px;*/
    padding-left: 20px;
    text-align: left;
    min-height: 236px;
    border-left: 1px solid #FFFFFF;;
    overflow: visible;
    height: 95%;
    }

    #loginPanelRight a,
    #loginPanelRight a:visited
    {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px dotted #FFFFFF;
    }

    #loginPanelRight a:hover
    {
    color:#C0C0C0;
    }

    #loginPanelMessageCenterHeader
    {
    color: #FFFFFF;
    padding: 3px;
    padding-left: 11px;
    border-radius: 5px;
    margin-bottom: 8px;
    margin-left: -10px;
    margin-top: 0px;
    /* font-weight: bold; */
    text-transform: uppercase;
    xxmargin-right: -16px;
    }


    .imgLoginPanelTop img
    {
    vertical-align:bottom;
    width:275px;
    height:18px;
    background-color:#0F2B47;

    
    display: none;

    }

    .imgLoginPanelBottom
    {
    padding-top:25px;
    }

    .imgLoginPanelBottom img
    {
    width:275px;
    height:18px;
    background-color:#0F2B47;
    }

    .loginButton
    {
    margin-top: 14px;
    margin-bottom: 10px;
    }

    .loginInputControl {
    width: 200px;
    height: 1.8em;
    border: none;
    border-radius: 50px;
    padding-left: 4px;
    font-size: 90%;
    }

    .loginInputControlAlone {
    width: 250px;
    height: 1.8em;
    border: none;
    border-radius: 50px;
    padding-left: 4px;
    font-size: 90%;
    }

    

    .ContentPanel
    {
    background-color:#0F2B47;
    min-height:300px;
    
    

    height:400px;
    }

    .ContentPanelLeft
    {
    width:25%;
    float:left;
    min-height:300px;
    height:100%;

    
    
    }

    .ContentPanelRight
    {
    width:25%;
    float:right;
    min-height:300px;
    height:100%;

    
    
    }

    #autoDetect {
    padding-top: 20px;
    color: #3C3C3C;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    }

    #autoDetect a:link    {color:#3C3C3C; background-color:transparent}
    #autoDetect a:visited {color:#3C3C3C; background-color:transparent}
    #autoDetect a:hover   {color:#3C3C3C; background-color:transparent}
    #autoDetect a:active  {color:#3C3C3C; background-color:transparent}

    .autoDetectResults
    {
    padding-top: 20px;
    color: #3C3C3C;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    font-size: 1.3em;
    }

    #autoDetectHeading
    {
    font-size: 1.5em;
    }

    #autoDetectProgress {
    width: 90%px;
    max-width: 250px;
    padding: 1px;
    border: 1px solid #C0C0C0;
    height: 8px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 3px;
    }

    #autoDetectProgress div {
    background-color: #3C3C3C; 
    width: 0%;
    height: 100%;
    border-radius: 2px;
    }

    .autoDetectDownloadInstructions {
    font-size: .8em;
    }

    a.autoDetectActionButtonSecondary,
    input[type=button].autoDetectActionButtonSecondary {
    text-decoration: none;
    xxdisplay: block;
    display: inline-block;
    padding-left: 0.7em;
    padding-right: 0.7em;
    margin: 7px auto;
    line-height: 2.0em;
    font-size: 0.7em;
    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
    text-align: center;
    color: #FFFFFF;
    background-color: #0F2B47;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 1px #FFFFFF;
    }

    a.autoDetectActionButtonPrimary,
    input[type=button].autoDetectActionButtonPrimary {
    text-decoration: none;
    xxdisplay: block;
    display: inline-block;
    padding-left: 1.4em;
    padding-right: 1.4em;
    margin: 10px auto;
    line-height: 2.0em;
    font-size: 1.4em;
    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;
    text-align: center;
    color: #FFFFFF;
    background-color: #0F2B47;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 1px #FFFFFF;
    }

    .installInstructionsDownload {
    width:25%;
    margin-left:25%;
    float:left;
    }

    .installInstructionsInstall {
    width:25%;
    margin-right:25%;
    float:left;
    }

    .installInstructionsSubtext {
    font-size:.7em;
    }

    .lblLogin {
    text-align: left;
    float: left;
    width: 40px;
    /*margin-left: 20px;*/
    padding-right: 6px;
    /*overflow: hidden;*/
    line-height: 1.8em;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1.8em;
    }

    #lblClientTypeTxt
    {
    color:#FFFFFF;
    }

    .lblPasswordReset
    {
    text-align:left;
    float:left;
    width:100px;
    margin-left: 5px;
    color:#FFFFFF;
    }

    .CompanyLogo
    {
    /*height:71px;
    width:245px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    background-image:url('/vlabs_pre/Content/Images/Feature_Graphic__tny.png');
    background-repeat:no-repeat;
    background-position: center center;
    background-size: 100%;*/
    }

    .buttons button{
    background-image :url('/vlabs_pre/Content/images/LargeButton.png');
    background-repeat:no-repeat;
    background-color:#0F2B47;
    height:38px;
    width:128px;
    border:1px solid #0F2B47;
    line-height:130%;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
    }

    .buttons button:hover{
    color:#C0C0C0;
    }

    .buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
    }
    *:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
    }



    .custom-button button{
    color:#FFFFFF!important;
    }

    .custom-button button:hover{
    color:#C0C0C0!important;
    }

    

    


    #btnLogin {
    text-decoration: none;
    xxdisplay: block;
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
    /*margin: 10px auto 16px auto; */
    margin-top:16px;
    margin-bottom:16px;
    line-height: 1.5em;
    font-size: 1.2em;
    text-align: center;
    color: #0F2B47;
    background-color: #FFFFFF;
    border-radius: 2px;
    border: none;
    cursor:pointer;
    }

    #btnSso {
    text-decoration: none;
    xxdisplay: block;
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
    /*margin: 10px auto 16px auto; */
    margin-top:16px;
    margin-bottom:16px;
    line-height: 1.5em;
    font-size: 1.2em;
    text-align: center;
    color: #0F2B47;
    background-color: #FFFFFF;
    border-radius: 2px;
    border: none;
    cursor:pointer;
    }



    .lnkDownload
    {
    text-align:center;
    vertical-align:central;
    margin-left:auto;
    margin-right:auto;
    margin-top:8px;
    }

    #topBar
    {
    xposition: relative;
    xtop: 0px;
    xright: 0px;
    margin-right:10%;
    margin-bottom:0px;
    padding-bottom:0px;
    height: 2em;
    overflow: hidden;
    }

    .topBarItem                    
    {
    font-size: 80%;
    float:right;
    margin:5px;
    text-decoration: none;
    }

    .topBarItemLink                
    {
    color:#FFFFFF;
    border-bottom: 1px dotted;
    cursor:pointer;
    }

    .topBarItemStatic
    {
    color:#FFFFFF;  
    }

    .topBarItemDivider
    {
    font-size: 50%;
    margin-top: 1em;
    xline-height: 50%;
    xborder: 1px solid;
    xmargin: 2px;
    xwidth: 1px;
    xheight: 1em;
    }

    #topBarItemDownloads  
    {
    display:none;
    }

    .topBarItem #cultureSelector
    {
    text-transform: none;  
    }

    .topBarPopUpMenu
    {
    display: none;
    border: 1px solid #333333;
    margin-top: 4px;
    padding: 4px 0px;
    position: absolute;
    background-color:#FFFFFF;
    border-radius: 2px;
    box-shadow: 0px 0px 5px #333333;
    }

    .topBarPopUpMenu div
    {
    padding: 6px 8px;
    margin: 0px 4px;
    cursor:pointer;
    color: #FFFFFF;
    float: right;
    }
    .topBarPopUpMenu div:hover
    {
    color: #FFFFFF;
    background-color: #FFFFFF;
    border-radius: 2px;
    }

    #selector_width_tmp
    {
    display : none;
    }

    #messageCenter
    {
    display:block;
    margin-bottom:0px;
    margin-left:15%;
    margin-right:15%;
    display: none;

    -webkit-filter: drop-shadow(0px 0px 4px #000);
    -moz-filter:    drop-shadow(0px 0px 4px #000);
    -ms-filter:     drop-shadow(0px 0px 4px #000);
    -o-filter:      drop-shadow(0px 0px 4px #000);
    filter:         drop-shadow(0px 0px 4px #000);
    }

    #messageCenterHeader
    {
    height: 1.6em;
    cursor: pointer;
    color:#FFFFFF; 
    min-width:100px;
    padding-top:2px;
    padding-bottom:2px;
    }

    #messageCenterHeaderHeading
    {
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px 5px 0px 0px;
    background-color: #0F2B47;   
    height: 1.6em;
    text-align: center;
    padding-top: 3px;
    padding-left: 10px;
    display: table;
    padding-right: 10px;
    }

    #messageCenterContent
    {
    overflow-y:auto;
    border-radius: 5px 5px 0px 0px;
    word-wrap:break-word;
    text-align: left;
    margin-top:0px;
    color: #FFFFFF; 
    background-color: #0F2B47;  
    
    
    padding:20px;
    display:none;
    }

    #messageCenterContent a,
    #messageCenterContent a:visited
    {
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px dotted;
    }

    #messageCenterContent a:hover
    {
    color:#C0C0C0;
    }



    .lblWelcome
    {
    text-align:left;
    margin-left:25px;
    color:#FFFFFF;

    }
    .LoginInfoMessage
    {
    text-alingn:left;
    margin-bottom:10px;
    color:#FFFFFF;
    }

    


    .divLogin
    {
    margin-bottom: 20px;
    text-align: left;
    color:#FFFFFF;
    height: 1.8em;
    }

    .divLogin.noMsgCenter
    {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    }

    .MenuButtons
    {
    padding:2px 1px 1px 0px;
    cursor:default;
    cursor:hand;
    color:#FFFFFF;
    }

    .SessionInfo
    {   display:none;
    border:2px solid #8c8c8c;
    clear:right;
    width:250px;
    color: #3C3C3C; 
    float:right;
    margin:10px;
    margin-right:10%;
    background-color: #0F2B47;
    }

    

    .SourceIp
    {
    color:#FFFFFF;
    }

    .UserInfo
    {
    clear:both;
    text-align:left;
    margin-left:5px;
    margin-bottom:3px;
    }


    .DownloadsHeader
    {
    text-align:left;
    height:45px;
    padding-left:50px;

    
    background: #F0F0F0; 
    
    background-image: -moz-linear-gradient(top,  #F0F0F0 0%, #F0F0F0 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#F0F0F0)); 
    background-image: -webkit-linear-gradient(top,  #F0F0F0 0%,#F0F0F0 100%); 
    background-image: -o-linear-gradient(top,  #F0F0F0  0%,#F0F0F0 100%); 
    background-image: -ms-linear-gradient(top,  #F0F0F0  0%,#F0F0F0 100%); 
    background-image: linear-gradient(to bottom,  #F0F0F0  0%,#F0F0F0 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#F0F0F0',GradientType=0 ); 

    }

    .DownloadsHeader div
    {
    line-height: 45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding-left: 15px;
    }


    #downloadsList
    {
    color:  #3C3C3C;
    margin-top: 0px;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 20px;
    padding-bottom: 10px;
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
    width: 80%;
    }

    .DownloadLink
    {
    xheight: 40px;
    cursor: pointer;
    text-align: left;
    display: table-row;
    border-spacing: 6px;  
    }

    .downloadLinkOuterSelector
    {
    padding-top:4px;
    padding-bottom:4px;
    }

    .DownloadLink>a
    {
    color: inherit;
    text-decoration:none;
    border:none;
    }

    .DownloadLink:hover
    {
    background-color: #3C3C3C;  
    color:  #0F2B47;
    border-radius: 2px;
    }


    .DownloadLink i
    {
    display: table-cell;
    padding: 6px;
    }

    .DownloadLink div
    {
    display: table-cell;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    }



    .DownloadsContent
    {
    background-color:#FFFFFF;
    min-height:350px;
    height:70%;
    
    
    }


    .input-validation-error
    {
    background-color:Red;
    }
    .field-validation-error
    {
    color:Red;
    margin-left:25px;
    }

    .AppsHeader
    {
    clear:both;
    height:55px;
    

    
    background: #F0F0F0; 
    
    background-image: -moz-linear-gradient(top,  #F0F0F0 0%, #F0F0F0 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#F0F0F0)); 
    background-image: -webkit-linear-gradient(top,  #F0F0F0 0%,#F0F0F0 100%); 
    background-image: -o-linear-gradient(top,  #F0F0F0  0%,#F0F0F0 100%); 
    background-image: -ms-linear-gradient(top,  #F0F0F0  0%,#F0F0F0 100%); 
    background-image: linear-gradient(to bottom,  #F0F0F0  0%,#F0F0F0 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#F0F0F0',GradientType=0 ); 
    padding-left: 10%;
    }

    .FooterGradient
    {
    height:45px;
    background-image:url('/vlabs_pre/Content/images/MainHeader.png');
    background-repeat:repeat-x;
    }

    .PreferencesFooterGradient
    {
    height:2px;
    width: 100%;
    background-color: #F0F0F0;
    }

    .xPreferencesFooterGradient
    {
    height:45px;
    background-image:url('/vlabs_pre/Content/images/MainHeader.png');
    background-repeat:repeat-x;
    border-top:1px solid black;
    clear:both;
    }

    /*Custom values*/


    #divSearch i {
    float: right;
    padding: 6px 10px;
    margin-top: 8px;
    margin-right: 16px;
    background-color: #0F2B47;
    font-size: 17px;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    }

    #divSearch input[type=text] {
    padding: 6px;
    margin-top: 8px;
    font-size: 17px;
    border: none;
    }
    /*****/
    .SearchControl
    {
    float: right;
    overflow: hidden;
    margin-right: 3%;
    height: 100%;
    line-height: 45px;
    }

    .SearchControl div
    {
    float: left;
    height: 45px;
    padding: 0;
    line-height: 45px;
    padding-top: 2px;
    margin-left: 4px;
    }

    .SearchControl select
    {
    height: 1.7em;
    border: none;
    border-radius: 2px;
    padding-left: 5px;
    margin-left: 5px;
    }

    .SearchControl input[type="text"]
    {
    height: 1.7em;
    padding: 6px;
    border: none;
    border-radius: 2px;
    padding-left: 5px;
    }

    .SearchControl img
    {
    background-position:center;
    height:19px;
    width:19px;
    padding:0;
    float:left;
    margin-left:2px;
    }

    .searchBoxIcon
    {
    margin-right: 0px;
    margin-left: 14px;
    }

    .divAppsPanel
    {
    height:100%;
    background-color: rgb(0, 178, 195);
    }

    #divAppsHeader, #divDownloadsAppsHeader, #divGeneralHeader
    {
    color: #FFFFFF;
    }

    .AppsContent
    {
    min-height:300px;
    height:80%;
    background-color: #FFFFFF;
    overflow: auto;
    width:100%;
    margin-bottom:50px;
    
    
    
    }

    .AppsContentInner
    {
    min-height:300px;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    }

    .AppsHeaderContentInner
    {
    background-color: #FFFFFF;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    font-size: 2.5rem;

    }

    hr.style13 {
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #343a40 inset;
    }

    hr.style14 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #343a40, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #343a40, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #343a40, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #343a40, #f0f0f0);
    }

    .AppsHeaderContentInnerDiv
    {
    background-color: #FFFFFF;
    }

    .AppsMessage
    {
    clear:both;
    margin-left:15px;
    padding-top:10px;
    display:block;
    }


    #appsMessageDiv
    {
    line-height: 45px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding-left: 15px;
    }


    .RefreshButton
    {
    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
    float: left;
    height: 45px;
    cursor: pointer;
    line-height: 45px;
    width: 3.5em;
    text-align: center;
    padding-top: 3px;
    }

    .RefreshButton:Hover
    {
    background-color: #3C3C3C;
    color:  #0F2B47;
    }

    

    .AppCellDivIcon
    {
    width:100px;
    float:left;
    max-width:100px;
    min-width:100px;
    min-height:60px;
    padding-left:auto;
    padding-right:auto;
    margin:3px 3px 3px 3px;
    text-align:center;
    }
    .AppCellDivIcon div
    {
    float:left;
    margin-left:5px;
    margin-right:5px;
    }
    .AppCellDivIcon img
    {
    margin-left:auto;
    margin-right:auto;
    cursor:pointer;
    }



    .GeneralPanel
    {
    margin:0;
    padding:0;
    min-height:400px;
    height:80%;
    }

    .PageContent
    {
    /*height:60%;*/
    min-height:500px;

    }

    .SaveChanges:hover
    {
    color:#C0C0C0;
    }

    .SaveChanges
    {
    /* background-image: url('/WebAccess/Content/images/LargeButton.png'); */
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 36px;
    margin-top: 6px;
    margin-right: 20%;
    color: #FFFFFF;
    text-align: center;
    padding-top: 9px;
    border-radius: 2px;
    font-weight: bold;
    }

    .preferencesPanel
    {
    min-height:35em;
    xheight:35em;
    margin 0;
    padding:0;
    background-color:#0F2B47;
    position:relative;
    xdisplay:table;
    

    
    

    }

    .PreferencesNav
    {
    padding-right:20px;
    border-right:1px solid black;
    text-align:left;
    height:40px;
    float:left;
    width:100%;
    }

    

    .PreferencesNav A
    {
    text-align:right;
    padding-top:10px;
    text-decoration:none;
    display:block;
    float:left;
    background-image:none;
    color: #3C3C3C;     
    width:100%;
    height:100%;
    }

    .divPreferencesNav
    {
    margin:0;
    float:left;
    background-image :url('/vlabs_pre/Content/images/gradient_left.png');
    background-repeat:repeat-y;
    background-position:right;
    height:35em;
    display:block;
    width:20%;
    min-width: 13em;
    }

    .PrefrencesContent
    {
    padding-left:25px;
    padding-right:25px;
    height:auto;
    color:#3C3C3C;
    overflow:auto;
    }

    .PreferenceSetting
    {
    xfloat:left;
    margin:10px;
    xwidth:80%;
    }

    .PreferenceSetting div
    {
    float:left;
    width:100%;
    vertical-align:middle;
    }

    .PreferenceSetting label
    {
    float:left;
    margin-top:2px;
    }

    .PreferenceSetting h1
    {
    font-weight: bold;
    font-size: 1.1em;
    text-align:left;
    float:left;
    width:100%;
    margin-top: 23px;
    }


    .PreferenceSetting h2
    {
    font-weight:normal;
    font-style:italic;
    text-align:left;
    float:left;
    width:100%;
    }


    .PreferenceSetting input[type="checkbox"]
    {
    float:left;
    margin-right:10px;
    clear:both;
    }

    .PreferenceSetting input[type="text"]
    {
    float:left;
    margin-left:10px;
    margin-right:10px;
    }

    .PreferenceSetting select
    {
    float:left;
    margin-left:10px;
    width:300px;
    }

    .PreferenceSetting ul
    {
    list-style-type: none;
    float:left;
    width:100%;
    }

    .PreferenceSetting li
    {
    clear:both;
    }

    .PreferencesDivider
    {
    float:left;
    width:100%;

    height:1px;
    
    margin-bottom:0px;
    margin-top:0px;
    }

    .divIconViewSlider {
    width: 70%;
    margin-left: 12px;
    margin-right: auto;
    background: url('/WebAccess/Content/images/MainHeader.png');
    /* height: 5px; */
    /* margin-top: 10px; */
    max-width: 300px;
    }

    .SpacerDemoContainer
    {
    padding:3px;
    height:50px;

    }

    .divCustomRes
    {
    padding-left:25px;
    margin:0;
    float:left;
    }

    /*
    Applications
    */

    .btn-apps{
    background-color: #0F2B47 !important;
    color:#FFFFFF !important;
    }
    .appDetails
    {

    /*color:#000044;*/
    padding:0px;
    margin:0px;
    height:100%;
    display:block;
    }

    

    .appLink
    {
    color:#3C3C3C;
    margin-right:0;
    padding-right:0;
    text-align:left;
    }

    .appLink span
    {
    padding-left:25%;
    }

    .header
    {
    background-image :url('/vlabs_pre/Content/images/MainHeader.png');
    background-repeat:repeat-x;
    margin-left:0px;
    color:#3C3C3C;
    text-align:left;
    border-right:1px solid black;
    }

    .header span
    {
    padding-left:25%;
    }

    /*===========================================================================================*/
    /* App Icon View */
    /*===========================================================================================*/

    

    .appIcons
    {
    margin: 10px;
    }

    .appIconSpace
    {
    

    color:#3C3C3C;   
    xpadding-top:0;
    padding: 10px;
    float:left;
    display:block;
    cursor:pointer;
    min-height: 60px;  
    xxheight: 6em;
    width: 7.5em;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    }

    .appIconImage
    {
    font-size: 2em;
    height: 32px;
    width:  32px;  
    border: none;
    margin-top: 2px;
    }

    .appIconName
    {
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    display: block;
    width: auto;
    height: auto;
    font-size: 90%;
    }

    /*.appIconSpace:Hover
    {
    background-color: #3C3C3C;  
    color:  #0F2B47;
    border-radius: 2px;
    }*/

    


    /*===========================================================================================*/
    /* App List View */
    /*===========================================================================================*/

    .appList
    {
    margin:10px;
    }

    

    .appListSpace {
    position: relative;
    color:#3C3C3C;
    float: left;
    padding-left: 5px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 6px;
    margin-bottom: 2px;
    width: 17em;
    cursor: pointer;
    overflow: hidden;
    height: 3em;
    }

    

    .appListImage {
    font-size: 2em;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 50%;
    border: none;
    margin-top: -16px;
    }

    

    .appListName {
    border: none;
    line-height: 3em;
    margin-left: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 90%;
    }
    /*
    .appListSpace:hover
    {
    background-color: #3C3C3C;  
    color: #0F2B47;
    border-radius: 2px;
    }*/

    

    /*===========================================================================================*/

    /* App Split View */

    #splitFolders
    {
    
    color:#3C3C3C;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 18em;
    float:left;
    height: 100%;
    xmin-height:300px;
    overflow:auto;
    }

    .splitFolder
    {
    height: 2em;
    line-height: 2em;
    cursor: pointer;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;

    padding-left: 6px;

    }

    .splitFolder[id^="folder"]
    {
    margin-left: 16px;
    }

    .splitFolder.selected
    {
    font-weight: bold;
    }

    #splitFoldersSelectDiv
    {
    color: #000044;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    float:none;
    margin-top: 15px;
    xxfloat:left;
    
    display: none;
    }

    #splitFoldersSelect
    {
    width: 100%;
    font-family: inherit;
    border: 1px solid #000044;;
    border-radius: 2px;
    height: 1.7em;
    }


    

    

    .splitFolder:Hover
    {
    background-color: #3C3C3C;  
    color:  #0F2B47;
    border-radius: 2px;
    }

    #apps
    {
    overflow:auto;
    }

    xdiv#splitFolders div
    {
    padding-top: 5px;
    cursor:pointer;
    color:#3C3C3C;
    }

    x.splitFolder {
    height:25px;
    width:auto;
    }

    x.splitFolder:hover {
    background-image:url('/vlabs_pre/Content/images/StaticRollover.png');
    }

    x.splitFolder div {
    float:left;
    padding-left: 5px;
    padding-right:5px;
    padding-bottom:5px;
    }

    x.splitFolder img {
    float:left;
    padding-bottom:5px;
    padding-left:5px;
    }

    x#folderHeader {
    background-image: url('/Content/images/MainHeader.png');
    height:25px;
    width:auto;
    }

    *===========================================================================================*/


    

    #noApps
    {
    margin-left:auto;
    margin-right:auto;
    margin-top:50%;
    font-style:italic;
    }

    #imgRefresh {
    font-size: 1.5em;
    cursor: pointer;
    }

    #imgUpArrow
    {
    cursor:pointer;
    }

    /* App Details View */

    .appDetailsFolders
    {
    padding-top:10px;
    padding-bottom:10px;
    height:40px;
    cursor:pointer;
    }
    .appDetailsFolders img
    {
    float:left;
    margin-left:20%;
    }

    .appDetailsFolders div
    {
    float:right;
    margin-right:20%;
    }


    #topBar             {transition: all .5s ease}
    .AppsContentInner   {transition: all .5s ease}
    .SessionInfo        {transition: all .5s ease}
    #headerLogo         {transition: all .5s ease}
    .AppsHeader         {transition: all .5s ease}
    .SearchControl      {transition: all .5s ease}
    #messageCenter      {transition: all .5s ease}
    #downloadsList      {transition: all .5s ease}
    .DownloadsHeader    {transition: all .5s ease}
    .topNavOuter        {transition: all .5s ease}
    .LoginPanel         {transition: all .5s ease}
    #appsMessageDiv     {transition: all .5s ease}
    .MasterHeader       {transition: all .5s ease}
    #splitFolders       {transition: all .5s ease}
    #divPreferencesNav  {transition: all .5s ease}
    #divSessionInfo     {transition: all .5s ease}
    #headerLogo         {transition: all .5s ease}

    
    @media all and (max-width: 1000px)
    {
    #topBar{
    margin-right: 1%;
    }

    .AppsContentInner{
    width: 99%;
    }

    .SessionInfo{
    margin-right: 1%;
    }

    #headerLogo{
    margin-left: 1%;
    }

    .AppsHeader{
    padding-left: 1%;
    }

    .SearchControl{
    margin-right:1%;
    }

    #messageCenter{
    margin-left:0%;
    margin-right:0%;
    }

    #downloadsList{
    //margin-left:2%;
    }

    .DownloadsHeader{
    padding-left:0px;
    }

    .topNavOuter {
    padding-right: 1%;
    }

    }

    
    @media all and (max-width: 730px)
    {
    .LoginPanel
    {

    left: 10%;
        right:10%;
        top: 10%;
        bottom:10%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;

    text-align: center;

    overflow: auto;
    -webkit-overflow-scrolling: touch;

    width: 100%;
    height: auto;

    margin:0px;
    padding:0px;

    box-shadow: none;
    border-radius: 0;

    }

    .LoginPanelAlone
    {

    left: 10%;
        right:10%;
        top: 10%;
        bottom:10%;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        transform: none;

    text-align: center;

    overflow: auto;
    -webkit-overflow-scrolling: touch;

    width: 100%;
    height: auto;

    margin:0px;
    padding:0px;

    box-shadow: none;
    /*border-radius: 0;*/

    }

    .loginInputControlAlone {
    width: auto;
    }

    #loginPanelLeft
    {
    width: 275px;
    float: none;
    display: inline-block;
    }

    #loginPanelLeft.noMsgCenter
    {
    width: 275px;
    float: none;
    display: inline-block;
    }

    .divLogin.noMsgCenter
    {
    width: inherit;
    margin-left: inherit;
    margin-right: inherit;
    }

    #loginPanelDivider
    {
    }

    #loginPanelRight
    {
    width: 90%;
    float: none;
    margin: 12px;
    padding-left: 2px;
    text-align: left;
    border-left: none;
    border-top: 1px solid rgb(187, 187, 187);
    padding-top: 8px;
    height: auto;
    max-height: inherit;
    }

    #loginPageContent .AppsHeader
    {
    height: 12px;
    }

    }




    
    @media (max-width: 600px),  (max-height: 520px)
    {
    
    .MasterHeader
    {
    height: auto;
    }

    
    #divSessionInfo
    {
    display:none;
    }

    
    #headerLogo
    {
    width: 250px;
    height: 75px;
    background-size: 100%;
    z-index: 2;
    left: 0px;
    float: none;
    margin-top: -4px;
    }

    .topNavOuter {
    }

    .TopNav {
    }

    .topNavTabSpacer
    {
    }

    .topNavTab
    {
    }

    .topNavTab a
    {
    }

    .topNavTabSelected
    {
    }

    .topNavTabSelected a
    {
    }

    
    #appsMessageDiv
    {
    display: none;
    }

    .SearchControl
    {
    float: none;
    }


    
    #divSearch
    {
    xdisplay: none;
    }

    }


    @media (max-width: 600px)
    {
    
    #splitFolders
    {
    float:none;
    margin-left: auto;
    margin-right: auto;
    display:none;
    }

    #splitFoldersSelectDiv
    {
    display:block;
    }

    .splitFolder
    {
    
    }

    #divPreferencesNav
    {
    height: inherit;
    float: none;
    width: 100%
    }

    .PreferencesNav a
    {
    text-align: center;
    }

    .appIconSpace
    {
    width: 6.5em;
    }
    }

    @media (max-height: 450px)
    {
    .LoginPanel
    {
    xxtop: 30%;
    xxbottom: inherit;
    }

    .LoginPanelAlone
    {
    xxtop: 30%;
    xxbottom: inherit;

    }

    }



    /* Jquery Modal Dialog*/

    .ui-dialog
    {
    background-color:#0F2B47;
    }

    .ui-dialog-buttonpane
    {
    background:#FFFFFF;
    }

    .ui-dialog .ui-dialog-buttonpane BUTTON
    {
    color:#FFFFFF;
    }
    .ui-widget-content
    {
    color:#3C3C3C;
    text-align:left;
    }

    .ui-dialog .ui-dialog-title
    {
    color:#FFFFFF;
    }

    .resetPassTxtBox
    {
    margin-top:5px;
    height: 1.5em;
    }

    .resetPassLabel
    {
    color:#3C3C3C;
    margin-top:5px;
    height: 1.5em;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }

    .resetPassControlDivLeft
    {
    margin-left:5%;
    margin-right:5%;
    margin-top:15px;
    margin-bottom:15px;
    width:40%;
    float:left;
    }
    .resetPassControlDivRight
    {
    margin-left:5%;
    margin-right:5%;
    margin-top:15px;
    margin-bottom:15px;
    width:40%;
    float:right;
    }

    #changePassword
    {
    width:340px
    margin-left:5%;
    margin-right:5%;
    }

    
    .contextMenu {
    position: absolute;
    z-index: 99999;
    border: solid 1px #3C3C3C;
    background: #FFFFFF;
    padding: 0px;
    margin: 0px;
    display: none;
    }

    .contextMenu LI {
    list-style: none;
    padding: 0px;
    margin: 0px;
    }

    .contextMenu a {
    color:#3C3C3C;
    text-decoration: none;
    line-height: 23px;
    height: 20px;
    background-position: 6px center;
    background-repeat: no-repeat;
    outline: none;
    padding: 1px 5px;
    padding-left: 10px;
    padding-right:10px;
    border: none;
    }

    .contextMenu LI.hover a {
    color:#C0C0C0;
    background-image :url('/vlabs_pre/Content/images/StaticRollover.png');
    background-repeat:repeat-x;
    }

    .contextMenu LI.disabled A {
    color: #AAA;
    cursor: default;
    }

    .contextMenu LI.hover.disabled A {
    background-color: transparent;
    }

    .contextMenu LI.separator {
    border-top: solid 1px #CCC;
    }


    .exportImage
    {
    width:25px;
    height:25px;
    float:left;
    }
    

    
    table.display thead th {
    height:20px;
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;



    }

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * DataTables sorting
    */
    .sorting{
    background: url('/vlabs_pre/Content/images/MainHeader.png') repeat-x center right;
    cursor: pointer;
    * cursor: hand;
    }
    .sorting_asc {
    background: url('/vlabs_pre/Content/images/sort_asc.png') no-repeat center right;
    cursor: pointer;
    * cursor: hand;
    }

    .sorting_desc {
    background: url('/vlabs_pre/Content/images/sort_desc.png') no-repeat center right;
    cursor: pointer;
    * cursor: hand;
    }

    .sorting_disabled {
    background: url('/vlabs_pre/Content/images/MainHeader.png') repeat-x center right;
    }

    th:active {
    outline: none;
    }

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * DataTables row classes
    */

    tr.odd {
    background-color:#C0C0C0;
    }

    tr.odd td {
    color:  #3C3C3C !important;
    }

    tr.even {
    background-color:Color [A=255, R=255, G=255, B=255];
    }
    table.display tbody tr:hover{
    background-image :url('/vlabs_pre/Content/images/StaticRollover.png');
    }


    /*
    * Sorting classes for columns
    */
    /* For the standard odd/even */
    tr.odd td.sorting_1 {
    background-image :url('/vlabs_pre/Content/images/StaticRollover.png');
    }

    tr.even td.sorting_1 {
    background-image :url('/vlabs_pre/Content/images/StaticRollover.png');
    }

    div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
    }

    .dataTables_wrapper {
    position: relative;
    color:#3C3C3C !important;
    zoom: 1; /* Feeling sorry for IE */
    }

    .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid  #3C3C3C;
    text-align: center;
    color:  #3C3C3C !important;
    background-color:#C0C0C0;
    background-image :url('/vlabs_pre/Content/images/MainHeader.png');
    }

    .dataTables_length {
    width: 175px;
    margin-bottom:10px;
    float: left;
    }
    .dataTables_length select {
    width:60px;
    margin-top:7px;

    }
    .dataTables_filter {
    width: 200px;
    float: right;
    text-align: right;
    margin-right:15px;
    margin-bottom:10px;
    margin-top: 7px;
    }

    .dataTables_info {
    width: 200px;
    margin-bottom:10px;
    margin-top:10px;
    float: left;
    }

    .dataTables_paginate {
    float: right;
    text-align: right;
    }

    /* Pagination nested */
    .paginate_disabled_previous, .paginate_enabled_previous,
    .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #3C3C3C !important;
    }
    .paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
    .paginate_disabled_next:hover, .paginate_enabled_next:hover {
    text-decoration: none !important;
    }
    .paginate_disabled_previous:active, .paginate_enabled_previous:active,
    .paginate_disabled_next:active, .paginate_enabled_next:active {
    outline: none;
    }

    .paginate_disabled_previous,
    .paginate_disabled_next {
    color:  #FFFFFF !important;
    }
    .paginate_disabled_previous, .paginate_enabled_previous {
    padding-top:7px;
    padding-left: 23px;
    }
    .paginate_disabled_next, .paginate_enabled_next {
    padding-right: 20px;
    margin-left: 10px;
    padding-top:7px;
    }

    /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * DataTables display
    */
    table{

    }
    table.display {
    margin: 0 auto;
    width: 100%;
    min-width:90%
    color:#3C3C3C !important;
    overflow:auto;
    border-style:groove;
    border-top: 1px solid #3C3C3C;
    border-right:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
    border-left:1px solid #3C3C3C;
    margin-left:5px;


    /* Note Firefox 3.5 and before have a bug with border-collapse
    * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
    * border-spacing: 0; is one possible option. Conditional-css.com is
    * useful for this kind of thing
    *
    * Further note IE 6/7 has problems when calculating widths with border width.
    * It subtracts one px relative to the other browsers from the first column, and
    * adds one to the end...
    *
    * If you want that effect I'd suggest setting a border-top/left on th/td's and
    * then filling in the gaps with other borders.
    */
    }



    table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
    }

    table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
    }

    table.display td {
    padding: 3px 10px;
    }

    table.display td.center {

    text-align: center;
    }



    
    
    

    .toast-top-center
    {
    top:    10%;
    left:   50%;

    -webkit-transform:  translate(-50%, -50%);
    -moz-transform:     translate(-50%, -50%);
    -ms-transform:      translate(-50%, -50%);
    transform:          translate(-50%, -50%);
    }

    #toast-container > div
    {
    width:  23em;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    color: #FFFFFF;  
    }

    .toast-success
    {
    background-color: #0F2B47;  
    }
    .toast-error {}
    .toast-info {}
    .toast-warning {}

    

    #toast-container > .toast {
    background-image: none !important;
    }

    #toast-container > .toast:before {
    position: relative;
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 18px;
    float: left;
    margin-left: -1em;
    color: #FFFFFF;
    padding-right: 0.5em;
    margin-right: 0.5em;
    }

    #toast-container > .toast-success:before {
    content: "\f00c";
    }
    

    #FreezerCloseIssue {
    font-size: 16pt;
    margin-top: 175px;
    margin-left: 10%;
    margin-left: calc(10% + 160px);
    }

    #FreezerCloseAction {
    font-size: 16pt;
    margin-top: 50px;
    margin-left: 10%;
    margin-left: calc(10% + 160px);
    }
    

    #FreezerErrorMessage {
    font-size: 16pt;
    margin-top: 175px;
    margin-left: 10%;
    margin-left: calc(10% + 160px);
    }

    #FreezerErrorCountdown {
    font-size: 16pt;
    margin-top: 50px;
    margin-left: 10%;
    margin-left: calc(10% + 160px);
    }

    /************************************* Flexilabs Custom CSS************************************/
    /************************************** General ************************************************/

    /********Navbar****************/
    .bg-navbar
    {
    background-color: #0F2B47 !important;
    }

    .bg-navbar-button
    {
    background-color: #0F2B47 !important;
    }

    .bg-navbar-button:hover
    {
    filter: brightness(75%);
    }

    /* SiteLayout Page*/
    .circle {
    background-color: #ccc;
    border-radius: 50%;
    height: 40px;
    text-align: center;
    width: 40px;
    }

    .initials {
    font-size: calc(40px / 2); /* 50% of parent */
    line-height: 1;
    position: relative;
    top: calc(40px / 4); /* 25% of parent */
    }

    .flex-container-right {
    display: flex;
    flex-direction: row-reverse;
    }

    .flex-container-left {
    display: flex;
    flex-direction: row;
    }

    .brand-div{
    width:80%;
    }


    @media screen and (max-width: 768px) {
    .user-welcome-div{
    display:none;
    }

    .brand-div{
    width:auto;
    }
    }


    #body-row {
    margin-left:0;
    margin-right:0;
    }
    #sidebar-container {
    min-height: 100vh;
    background-color: #333;
    padding: 0;
    }

    /* Sidebar sizes when expanded and expanded */
    .sidebar-expanded {
    width: 230px;
    }
    .sidebar-collapsed {
    width: 60px;
    }

    /* Menu item*/
    #sidebar-container .list-group a {
    height: 50px;
    color: white;

    }

    /* Submenu item*/
    #sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
    }

    .sidebar-submenu {
    font-size: 0.9rem;
    }

    /* Closed submenu icon */
    #sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f0d7";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
    }
    /* Opened submenu icon */
    #sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f0da";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
    }

    .html5-activated{
    color:#007bff !important;
    }

    /************************ Apps Page **********************/

    .app-btn-change{

    float: left;

    -webkit-transition: all 0.1s ease-in-out;
    border: 0px;

    }
    .app-btn-change:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1,1);
    transform: scale(1.1);
    }

    /************************************* Help Page*********************************/

    .cd-faq-items{
    padding-left: 240px;
    padding-right: 2%;
    }

    .cd-faq{
    position: relative;
    z-index: 1;
    }

    main{
    margin-bottom:200%
    }

    .floating-menu{
    border-radius:100px;
    z-index:100;
    padding-top:10px;
    padding-bottom:10px;
    /*left:0;*/
    position: fixed;
    display:inline-block;
    top:444px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    margin-left: 20px;
    }



    .main-menu{
    margin:0;
    padding-left:0;
    list-style:none
    }

    .main-menu li a{
    display:block;
    padding:20px;
    color:#fff;
    border-radius:10px;
    position:relative;
    -webkit-transition:none;
    -o-transition:none;transition:none
    }

    .main-menu li a:hover{
    background:rgba(244,244,244,.3)
    }

    .menu-bg{
    background-image:-webkit-linear-gradient(top,#0F2B47 0,#0F2B47 100%);
    background-image:-o-linear-gradient(top,#0F2B47 0,#0F2B47 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#0F2B47),to(#0F2B47));
    background-image: linear-gradient(to bottom,#0F2B47 0,#0F2B47 100%);
    background-image: linear-gradient(to bottom, #0F2B47, #0F2B47);
    background-repeat:repeat-x;position:absolute;
    width:100%;
    height:100%;
    border-radius:10px;
    z-index:-1;
    top:0;
    left:0;
    -webkit-transition:.1s;
    -o-transition:.1s;
    transition:.1s
    }

    .ripple{
    position:relative;
    overflow:hidden;
    transform:translate3d(0,0,0)
    }

    .ripple:after{
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    pointer-events:none;
    background-image:radial-gradient(circle,#000 10%,transparent 10.01%);
    background-repeat:no-repeat;
    background-position:50%;
    transform:scale(10,10);
    opacity:0;
    transition:transform .5s,opacity 1s
    }

    .ripple:active:after{
    transform:scale(0,0);
    opacity:.2;
    transition:0s
    }

    @media screen and (max-width: 1000px) {
    .floating-menu {
    visibility: hidden;
    clear: both;

    display: none;
    }

    .cd-faq-items{
    padding-left: 2%;
    padding-right: 2%;
    }
    }

    /************************************ Downloads Page**********************************/

    .card-width{
    width:100%;
    }

    .card-body-fl{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 230px;
    }

    .os-icon{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    }

    .os-icon:hover{
    //background-color:#1d2124!important;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1,1);
    transform: scale(1.1);
    }

    .os-icon i{
    font-size:4rem;
    color:white;
    }
    .card-fl{
    width:27%;
    margin:1rem;
    }

    @media all and (max-width: 910px)
    {
    .card-fl{
    width:100%;
    margin:1rem;
    }
    }

    /**************************Password Page ****************************/
    

    
    .RegisterPanel
    {
    


    background-color: #0F2B47;
    
     width: 400px; ;
    border-radius: 5px;
    display: table;
    height: 271px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;

    }

    .RegisterPanelMessage
    {
    


    background-color: #0F2B47;
    
     width: 700px; ;
    border-radius: 5px;
    display: table;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;

    }

    #registerPanelLeft
    {
    width: 100%;
    float: left;
    text-align: center;
    }

    .lblRegister {
    text-align: left;
    float: left;
    width: 20%;
    margin-left: 20px;
    padding-right: 6px;
    overflow: hidden;
    line-height: 1.8em;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1.8em;
    }

    .registerInputControl {
    width: 70%;
    height: 1.8em;
    border: none;
    border-radius: 2px;
    padding-left: 4px;
    font-size: 90%;
    }

    .registerMessage {
    text-align: left;
    float: left;
    width: 100%;
    margin-left: 20px;
    padding-right: 6px;
    overflow: hidden;
    line-height: 1.8em;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1.8em;
    color: white;
    font-size: 1.4rem;
    margin-top: 25px;
    }

    .registerErrors {
    color: white;
    float: left;
    font-size: 0.8rem;
    margin-top: 5px;
    margin-left: 0px;
    }

    .divRegister
    {
    margin-bottom: 20px;
    text-align: left;
    color:#FFFFFF;
    height: 1.8em;
    }

    .ChangePasswordPanel
    {
    


    background-color: #0F2B47;
    
     width: 570px; ;
    border-radius: 5px;
    display: table;
    height: 271px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;

    }

    .lblChangePassword {
    text-align: left;
    float: left;
    width: 30%;
    margin-left: 20px;
    padding-right: 6px;
    overflow: hidden;
    line-height: 1.8em;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1.8em;
    }

    .changePasswordInputControl {
    width: 60%;
    height: 1.8em;
    border: none;
    border-radius: 2px;
    padding-left: 4px;
    font-size: 90%;
    }

    .titleChangePassword {
    text-align: center;
    margin-top: 20px;
    padding-right: 6px;
    overflow: hidden;
    font-size: 1.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1.8em;
    }