﻿
/* STYLES SPECIFIC TO THIS APPLICATION */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
}

strong, .strong {
    font-weight: 600;
}

b, .b{
    font-weight: 700;
}

label {
    font-weight: 600;
}

a {
    color: #283891;
}

.footer {
    background-color: #283891;
}

.navbar-divider {
    padding: 15px;
    display: block;
    color: #283891;
}


.jumbotron {
    margin-top: 30px;
    background-color: inherit;
    border: 1px solid #ddd;
}

.jumbotron h1 {
    color: #283891;
}


.glyphicon-btn {
    color:#777777; 
    font-size:large;
    margin-left:3px;
    margin-right:3px;
}

.k-button > .glyphicon {
    color:#777777; 
    font-size:large;
    margin-left:3px;
    margin-right:3px;
}


/* Kendo Grids */
.k-grid .k-button {
    border: none;
    background: none;
}

.k-grid-header .k-header > .k-link {
    font-weight: bold;
    font-size: 12px;
    color: #666;
}


/* Tabstrip Tab Headings */

.k-tabstrip-items .k-state-default .k-link {
    color: #283891;
}



/* Kendo Multiselect */

span.k-icon.k-i-close {
    position: absolute;
    top: 6px;
    right: 6px;
}

span.k-select > span.k-icon.k-i-close {
    position: absolute;
    top: 4px;
    right: 4px;
    color: white;
}



/* Job Index Page */

@media (max-width: 767px) {
    .search-panel {
        display:none; 
        width:230px; 
        vertical-align:top;
    }

    .search-panel-top {
        display:inline-block;
    }

    .search-grid {
        display:inline-block; 
        width:100%;
    }
}

@media (min-width: 768px) {
    .search-panel {
        display:inline-block; 
        width:230px; 
        vertical-align:top;
    }

    .search-panel-top {
        display:none;
    }
    .search-grid {
        display:inline-block; 
        padding-left:15px; 
        width:calc(100% - 245px)
    }
}