/* ScIT branding overrides (derived from infrahost theme) — loaded after main.css, safe to edit */
/* Palette derived from scit.ch: accent #62ADEE/#638CBD family on dark slate-blue ground */

/* Logo + header: top bar raised 50px -> 70px so the logo gets real presence.
   The three offsets below it (sidebar, content) are pinned to the header height
   in main.css and must move together with it. */
.top-bar{height:70px !important}
.logo{width:300px !important;text-align:left !important;padding:7px 0 !important;margin-right:0 !important}
.logo img{height:56px !important;width:auto !important}
#col-left{margin-top:70px !important}
.fixed-top-active #col-right{padding-top:67px !important}
/* Login page uses its own logo sizing (width-based, no .logo wrapper) */
.page-login .top-bar img{width:225px !important}

/* Base page */
html,body{background-color:#16293D !important;color:#f4f7fb !important}

/* Broad text-color safety net: main.css sets #333/#555/#777 on countless small,
   specific elements we can't all hunt down by hand. This resets any element that
   doesn't have its own more-specific color rule to the light theme text color.
   It must stay FIRST among color rules — every rule below it uses a class (higher
   specificity) or comes later in the file, so those correctly win the tie and this
   only fills the gaps. */
body *{color:#f4f7fb !important}

a{color:#3E88C9 !important}
a:hover,a:focus{color:#8CC4F5 !important}
h1,h2,h3,h4,h5,h6{color:#f4f7fb !important}
hr{border-color:#35577C !important}
.text-muted,.help-block,label{color:#AFCCE8 !important}

/* Top bar + logo */
#TopMenu{background:#16293D !important}
.top-bar{background-color:#16293D !important;border-color:#35577C !important}

/* Primary buttons */
.btn-primary{background-color:#3E88C9 !important;border-color:#2F6DA6 !important}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active{background-color:#2F6DA6 !important;border-color:#1F4568 !important}
.btn-default{background-color:#234060 !important;border-color:#35577C !important;color:#f4f7fb !important}
.btn-default:hover,.btn-default:focus{background-color:#2A4A6E !important;color:#fff !important}

/* Left navigation */
.navbar-default{background-color:#16293D !important;border-color:#0F1E30 !important}
.main-menu li a{color:#AFCCE8}
.main-menu li a:hover,.main-menu li>a:hover{color:#fff !important;background-color:#234060 !important}
.main-menu li.active>a{color:#fff !important;background-color:#3E88C9 !important}
.main-menu li.active>a.submenu-toggle{background-color:transparent !important}
.main-menu .sub-menu li a{background-color:#16293D !important}
.main-menu .sub-menu li a:hover{background-color:#234060 !important}
.main-menu .sub-menu li.active a{background-color:#1F4568 !important}

/* Labels / badges */
.label-primary,.badge-info{background-color:#3E88C9 !important}

/* Panels / cards */
.panel{background-color:#234060 !important;border-color:#35577C !important;box-shadow:none !important}
.panel-default{border-color:#35577C !important}
.panel-default>.panel-heading{background-color:#1C3450 !important;border-color:#35577C !important;color:#f4f7fb !important}
.panel-body{color:#f4f7fb !important}
.panel-footer{background-color:#1C3450 !important;border-color:#35577C !important;color:#AFCCE8 !important}
.well{background-color:#1C3450 !important;border-color:#35577C !important;color:#f4f7fb !important}

/* Tables */
.table{background-color:#234060 !important;color:#f4f7fb !important}
.table>thead>tr>th{background-color:#1C3450 !important;color:#f4f7fb !important;border-color:#35577C !important}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>thead>tr>td{border-color:#35577C !important}
.table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{border-color:#35577C !important}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#1C3450 !important}
.table-hover>tbody>tr:hover{background-color:#2A4A6E !important}
tbody>tr:hover{background-color:#2A4A6E !important}

/* ASP.NET GridView AlternatingRowStyle renders as an inline style on the <tr>
   (no matching class rule exists in main.css at all) — needs !important to beat it */
tr.AspNet-GridView-Alternate,tr.AspNet-GridView-Alternate>td{background-color:#1C3450 !important}

.table-frozen,.table-actions{background-color:#234060 !important;border-color:#35577C !important}

/* Forms */
.form-control{background-color:#1C3450 !important;border-color:#35577C !important;color:#f4f7fb !important;box-shadow:none !important}
.form-control:focus{border-color:#3E88C9 !important;box-shadow:none !important}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#16293D !important;color:#AFCCE8 !important}
select.form-control,select{background-color:#1C3450 !important;color:#f4f7fb !important}
.input-group-addon{background-color:#234060 !important;border-color:#35577C !important;color:#AFCCE8 !important}
.checkbox,.radio,.checkbox label,.radio label{color:#f4f7fb}

/* Breadcrumbs */
.breadcrumb{background-color:transparent !important;color:#AFCCE8 !important}
.breadcrumb>li+li:before{color:#AFCCE8 !important}
.breadcrumb>.active{color:#f4f7fb !important}

/* Tabs */
.nav-tabs{border-color:#35577C !important}
.nav-tabs>li>a{color:#AFCCE8 !important;background-color:transparent !important}
.nav-tabs>li>a:hover{background-color:#234060 !important;border-color:#35577C !important;color:#fff !important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#fff !important;background-color:#234060 !important;border-color:#35577C #35577C transparent !important}

/* Dropdown menus */
.dropdown-menu{background-color:#234060 !important;border-color:#35577C !important;box-shadow:0 4px 12px rgba(0,0,0,.35) !important}
.dropdown-menu>li>a{color:#f4f7fb !important}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#1C3450 !important;color:#fff !important}
.dropdown-menu .divider{background-color:#35577C !important}

/* Modals */
.modal-content{background-color:#234060 !important;color:#f4f7fb !important;border-color:#35577C !important}
.modal-header,.modal-footer{border-color:#35577C !important}
.close{color:#f4f7fb !important;opacity:.6;text-shadow:none !important}

/* Pagination */
.pagination>li>a,.pagination>li>span{background-color:#234060 !important;border-color:#35577C !important;color:#AFCCE8 !important}
.pagination>li>a:hover,.pagination>li>span:hover{background-color:#1C3450 !important;color:#fff !important}
.pagination>.active>a,.pagination>.active>span{background-color:#3E88C9 !important;border-color:#3E88C9 !important;color:#fff !important}

/* List groups */
.list-group-item{background-color:#234060 !important;border-color:#35577C !important;color:#f4f7fb !important}
.list-group-item.active,.list-group-item.active:hover{background-color:#3E88C9 !important;border-color:#3E88C9 !important;color:#fff !important}

/* Login page: .page-login is a full-viewport div with its own bg, sits in front of body */
.page-login{background-color:#16293D !important}

/* Sidebar "widget" cards (account info, status, settings) — different component than .panel */
.widget{background-color:#234060 !important;border:1px solid #35577C !important}
.widget-header{background-color:#1C3450 !important;color:#f4f7fb !important;border-bottom:1px solid #35577C !important}
.widget-header h3,.widget-header .h3{color:#f4f7fb !important}
.widget-content{background-color:#234060 !important;color:#f4f7fb !important}
.widget-footer{background-color:#1C3450 !important;color:#AFCCE8 !important;border-top:1px solid #35577C !important}

/* Breadcrumb strip and content wrappers: painted explicitly (not "transparent") —
   something between body and these divs still carries a light background, so
   "transparent" was revealing that instead of body's navy. Confirmed by testing
   #SkinContent directly in DevTools: an explicit color wins and renders correctly,
   transparent does not. */
.primary-content-heading,#SkinContent,#ContentOneColumn,#Center,#Right{background-color:#16293D !important}

/* The real breadcrumb bar — #Breadcrumb .Path, not Bootstrap's .breadcrumb */
#Breadcrumb,#Breadcrumb .Path{background-color:#16293D !important}
#Breadcrumb .Path a{color:#AFCCE8 !important}
#Breadcrumb .Path a:hover{color:#fff !important}
#Breadcrumb .CurrentNode,.CurrentNode{color:#f4f7fb !important;border-bottom:none !important}

/* Footer — text is now real markup in App_Skins/infrahost/*.ascx (Copyright©
   infrahost / Powered by SolidCP, both real links), no CSS trick needed anymore */
#Footer{background-color:#16293D !important;border-top-color:#35577C !important;text-align:center}
#Footer a{color:#AFCCE8 !important}
#Footer a:hover{color:#fff !important}
.login-footer{text-align:center}

/* Login "Remember me": align checkbox+label with the field edge and center it
   vertically against the Login button next to it */
.page-login input[id*="chkRemember"]{vertical-align:middle;margin:0 6px 0 2px}
.page-login label[for*="chkRemember"]{vertical-align:middle;margin:0;font-weight:400}
.page-login input[id*="chkRemember"],.page-login label[for*="chkRemember"]{position:relative;top:8px}

/* Plain ASP.NET inputs without CssClass (e.g. Service Settings under Servers)
   render as bare <input> — white UA background + our forced light text = invisible.
   Style every text-entry control, not just .form-control. */
input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="search"],textarea,select{background-color:#1C3450 !important;border:1px solid #35577C !important;color:#f4f7fb !important;border-radius:3px}
input::placeholder,textarea::placeholder{color:#7F9FBF !important;opacity:1}

/* Icon-grid hover (Hosting Space home): was a white box (#e9e9e9 + white border) */
.Icon.Hover{border-color:#35577C !important;background:#2A4A6E !important}

/* .Huge (domain name banner on Edit Domain etc.): background comes as an inline
   style from the control, so only !important can beat it */
.Huge{background-color:#1C3450 !important;border-color:#35577C !important;color:#f4f7fb !important}

/* Hide the theme selector on the login page (language stays visible — the built-in
   HideThemeAndLocale flag would hide both). The single enabled DB theme makes the
   dropdown pointless anyway; this just removes the visual clutter. */
.page-login select[id$="ddlTheme"],.page-login span[id$="lblTheme"]{display:none !important}

/* Login submit button: scoped to the login page only, so "success" buttons
   elsewhere (Save, Activate, ...) keep their green meaning */
.page-login .btn-success{background-color:#3E88C9 !important;border-color:#2F6DA6 !important}
.page-login .btn-success:hover,.page-login .btn-success:focus,.page-login .btn-success:active{background-color:#2F6DA6 !important;border-color:#1F4568 !important}

/* Generic table fallback (covers GridView-rendered tables without a .table class).
   Transparent body, not a fixed navy, so a plain layout table doesn't show a seam
   against whatever surface (body vs. card) it happens to sit on. */
table{background-color:transparent !important;color:#f4f7fb !important}
table>thead>tr>th,table>thead>tr>td,thead th,thead td{background-color:#1C3450 !important;color:#f4f7fb !important;border-color:#35577C !important}
table td,table th{border-color:#35577C !important}

/* Badges — default badge was a white pill, now brand blue */
.badge{background-color:#3E88C9 !important;color:#fff !important}

/* Semantic buttons (success/info/warning/danger) keep their meaning-carrying hue on
   purpose — a red Delete button should still read as dangerous — only the chrome
   around them changes. */

/* Alerts + status panels: keep the semantic hue but switch from pastel-on-white to a
   tinted wash on the dark surface, matching how the rest of the panel now looks */
.alert-success{background-color:rgba(92,184,92,.15) !important;border-color:rgba(92,184,92,.4) !important;color:#8fd88f !important}
.alert-info{background-color:rgba(91,192,222,.15) !important;border-color:rgba(91,192,222,.4) !important;color:#8fd6ec !important}
.alert-warning{background-color:rgba(240,173,78,.15) !important;border-color:rgba(240,173,78,.4) !important;color:#f5c887 !important}
.alert-danger{background-color:rgba(217,83,79,.15) !important;border-color:rgba(217,83,79,.4) !important;color:#f19490 !important}
.alert-success .alert-link{color:#b3e6b3 !important}
.alert-info .alert-link{color:#b3e6f5 !important}
.alert-warning .alert-link{color:#f9dcae !important}
.alert-danger .alert-link{color:#f7bcb9 !important}

.panel-success{border-color:rgba(92,184,92,.4) !important}
.panel-success>.panel-heading{background-color:rgba(92,184,92,.15) !important;color:#8fd88f !important;border-color:rgba(92,184,92,.4) !important}
.panel-info{border-color:rgba(91,192,222,.4) !important}
.panel-info>.panel-heading{background-color:rgba(91,192,222,.15) !important;color:#8fd6ec !important;border-color:rgba(91,192,222,.4) !important}
.panel-warning{border-color:rgba(240,173,78,.4) !important}
.panel-warning>.panel-heading{background-color:rgba(240,173,78,.15) !important;color:#f5c887 !important;border-color:rgba(240,173,78,.4) !important}
.panel-danger{border-color:rgba(217,83,79,.4) !important}
.panel-danger>.panel-heading{background-color:rgba(217,83,79,.15) !important;color:#f19490 !important;border-color:rgba(217,83,79,.4) !important}
.panel-primary{border-color:#3E88C9 !important}
.panel-primary>.panel-heading{background-color:#3E88C9 !important;border-color:#3E88C9 !important;color:#fff !important}

/* Popovers */
.popover{background-color:#234060 !important;border-color:#35577C !important;color:#f4f7fb !important}
.popover-title{background-color:#1C3450 !important;border-color:#35577C !important;color:#f4f7fb !important}
.popover.top>.arrow:after{border-top-color:#234060 !important}
.popover.bottom>.arrow:after{border-bottom-color:#234060 !important}
.popover.left>.arrow:after{border-left-color:#234060 !important}
.popover.right>.arrow:after{border-right-color:#234060 !important}

/* Code, quotes, misc typography */
code{background-color:#1C3450 !important;color:#f19490 !important}
pre{background-color:#1C3450 !important;border-color:#35577C !important;color:#f4f7fb !important}
blockquote{border-color:#35577C !important;color:#AFCCE8 !important}
kbd{background-color:#16293D !important}

/* Nav pills (alt tab style used in a few places) */
.nav-pills>li>a{color:#AFCCE8 !important}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background-color:#3E88C9 !important;color:#fff !important}

/* Borders that default to light grey everywhere */
.btn-group.open .dropdown-toggle{box-shadow:none !important}
.input-group-btn .btn{border-color:#35577C !important}
fieldset legend{color:#f4f7fb !important;border-color:#35577C !important}

/* ASP.NET Calendar control (Common.skin: CalendarTitle / CalendarSelectedDate / CalendarWeekEnd) */
.CalendarTitle{background-color:#1C3450 !important;color:#f4f7fb !important}
.CalendarSelectedDate{background-color:#3E88C9 !important;color:#fff !important}
.CalendarWeekEnd{color:#7F9FBF !important}
.CalendarDayHeader{background-color:#16293D !important;color:#AFCCE8 !important}

/* Toggle switches (bootstraptoggle addon) */
.bootstrap-switch{border-color:#35577C !important;background-color:#1C3450 !important}
.bootstrap-switch .bootstrap-switch-handle-off,.bootstrap-switch .bootstrap-switch-handle-on{border-color:#35577C !important}

/* Text selection + scrollbar, cosmetic polish */
::selection{background:#3E88C9;color:#fff}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#16293D}
::-webkit-scrollbar-thumb{background:#35577C;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#3E88C9}