/*
    e-StudentTracker
    Main.css    
*/

@import url(Shared.css);

/* #region Tags */

body
{
    background: #16191c url(../images/css/background.png) no-repeat fixed center top;
    color: #fff;
}

h1, h2, h3, h4, h5, h6
{
    color: #fff;
}
h3
{
    color: #aba48f;
    font-size: 14px;
    font-weight: 700;
}

a
{
    color: #fff;
    font-weight: 400;
}

/* #endregion */


/* #region Inputs */

input.textbox, select, textarea, textarea.textbox
{
    background-color: #232529;
    border: 1px solid #4c5158;
    color: #ccc;
}
input.textbox:focus, select:focus, textarea:focus
{
    border-color: #6c7178;
    color: #fff;
}

/* #endregion */


/* #region Icon buttons */

.fa {
    color: #fff !important;
}
.fa.green {
    color: #6fb366 !important;
}

.fa.orange {
    color: #e28830 !important;
}

.fa.red {
    color: #e63d43 !important;
}

a.iconButton
{
    background-position: -1px -1px !important;
    border: 1px solid #fff;
    border-radius: 4px;
}

a#lbReset {
	background-position: -1px -33px !important;
	border: 1px solid #3d3e41 !important;
    border-radius: 4px !important;
}

a#lbReset:hover {
	background-position: -1px -1px !important;
    background-color: #3d3e41 !important;
}

.noTouchEvents a.iconButton:hover
{
    background-color: #fff;
    background-position: -1px -33px !important;
}

a.iconButton:active, a.iconButtonActive
{
    background-color: #191c1f;
    border-color: #191c1f;
    background-position: -1px -1px !important;
}

#customPrompts_container a.iconButton
{
    background-position: -1px -33px !important;
    border: 1px solid #191c1f;
    border-radius: 4px;
}

.noTouchEvents #customPrompts_container a.iconButton:hover
{
    background-color: #191c1f;
    background-position: -1px -1px !important;
}

#customPrompts_container a.iconButton:active, #customPrompts_container a.iconButtonActive
{
    background-color: #555;
    border-color: #555;
    background-position: -1px -1px !important;
}

a.iconButton.fa, a.iconButton.fab, a.iconButton.fal, a.iconButton.far, a.iconButton.fas {
    background-color: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}
.noTouchEvents a.iconButton.fa:hover, .noTouchEvents a.iconButton.fab:hover, .noTouchEvents a.iconButton.fal:hover, .noTouchEvents a.iconButton.far:hover, .noTouchEvents a.iconButton.fas:hover {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    color: #212121 !important;
}

/* #endregion */


/* #region General */

.separator
{
    border-color: #5a5654;
}

a.contract, a.expand
{
    background-image: url(../images/icons/pod-minimize-white.png);
}

.smallButton {
    background-image: url(../images/icons/pod-minimize-white.png);
}

.myBookmarks .existing .category h3:after {
    background-image: url(../images/icons/pod-minimize-white.png);
}

table.standardTable {

}

    table.standardTable tbody tr {

    }

        table.standardTable tbody tr td {
            background-color: transparent;
        }
        table.standardTable.noBorders tbody tr td {
            border: 0 none !important;
        }
        table.standardTable tbody tr.alternate td {
            background-color: rgba(255, 255, 255, 0.1);
        }

/* #endregion */


/* #region Header */

.mainNavigation li a .icon
{
    border: 1px solid #261d20;
    border-radius: 18px;
}

.noTouchEvents .mainNavigation li a:hover .icon
{
    background-color: #261d20;
    border-color: #261d20;
}

.mainNavigation li a .count
{
    background-color: #261d20;
    border: 0 none;
    border-radius: 50%;
    color: #fff;
}

.mainNavigation li a .count.pendingCount { right: -5px; bottom: -3px; }
.mainNavigation li a .count.unreadCount { left: -5px; bottom: -3px; }
.mainNavigation li a .count.proxyPendingCount { right: -5px; top: -3px; }
.mainNavigation li a .count.proxyUnreadCount { left: -5px; top: -3px; }

#header
{
    background-color: #c9282d;
}
    #header .logo
    {
        background-image: url(../images/logos/logo.png);
        height: 79%;
        top: 10.5%;
    }
    #header.shrunk .logo
    {
        height: 70%;
        top: 15%;
    }

/* #endregion */


/* #region Main */

#main
{
    padding: 24px 0;
}

    #main .clock
    {
        font-size: 18px;
        font-weight: 300;
        line-height: 40px;
    }

/* #endregion */


/* #region Pods */

.pod .pod-header
{
    padding: 0;
}
    .pod .pod-header .pod-header-center
    {
        background: transparent none no-repeat scroll 0 0;
        border-bottom: 4px solid #c9282d;
        color: #c9282d;
        font-size: 25px;
        font-weight: 400;
        line-height: 22px;
        padding: 13px 0;
        white-space: nowrap;
    }
        .pod .pod-header .pod-header-center a
        {
            background-image: url(../images/icons/pod-minimize.png);
            border-color: #c9282d;
            border-radius: 50%;
        }
        .noTouchEvents .pod .pod-header .pod-header-center a:hover
        {
            background-color: #c9282d;
        }

    .pod .pod-header .pod-header-left, .pod-header .pod-header-right
    {
        display: none;
    }

.pod .pod-middle .pod-middle-left, .pod .pod-middle .pod-middle-right
{
    background: transparent none no-repeat scroll 0 0;
    padding: 0;
}

.pod .pod-middle .pod-middle-center
{
    background: transparent url(../images/css/pod-background.png) repeat scroll 0 0;
}

.pod .pod-top, .pod .pod-bottom
{
    display: none !important;
}

.pod .pod-header .pod-header-center a.popup-item-help { background-image: url(../images/icons/pod-help.png); }

/* #endregion */

/* #region Pastoral Review Queue */

.pastoralReviewQueue { }
    .pastoralReviewQueue .tabs a {
        background: #5a5654;
        border-bottom: 1px solid #5a5654;
    }
    .pastoralReviewQueue .tabs a.selected {
        background: #343537;
        border: 1px solid #5a5654;
        border-bottom: 0 none;
    }
    .pastoralReviewQueue .queue {
        border: 1px solid #5a5654;
    }

/* #endregion */

/* #region Custom Prompts */

#customPrompts_container .pod .pod-header { background-color: #c9282d; }
    #customPrompts_container .pod .pod-header .pod-header-center { color: #fff; padding: 13px !important; }

#customPrompts_container .pod .pod-middle { box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2); }

#customPrompts_container #popup-content a {
    color: #666;
}

#customPrompts_container h2 { color: #191c1f; }

/* #endregion */


/* #region PopUps */

.popup-item .pod .pod-header
{    
}
    .popup-item .pod .pod-header .pod-header-center
    {        
    }
        .popup-item .pod .pod-header .pod-header-center a
        {            
        }
        .noTouchEvents .popup-item .pod .pod-header .pod-header-center a:hover
        {            
        }
    
    .popup-item .pod .pod-header .pod-header-left, .pod-header .pod-header-right
    {        
    }

.popup-item .pod .pod-middle {    
}

.popup-item .pod .pod-middle .pod-middle-left
{    
}

.popup-item .pod .pod-middle .pod-middle-right
{    
}

.popup-item .pod .pod-middle .pod-middle-center
{    
}

.popup-item .pod .pod-top, .pod .pod-bottom
{    
}

/* #endregion */


/* #region Tooltip */

#toolTip .pod-header, #toolTip .pod-middle .pod-middle-center
{
    background: transparent url(../images/css/toolTip-content.png) repeat scroll 0 0;
}

#toolTip .pod-header .pod-header-center
{
    font-size: 18px;
    padding: 10px;
}

#toolTip .pod-top
{
    display: none;
}

#toolTip .pod-top, 
#toolTip .pod-top .pod-top-center, 
#toolTip .pod-top .pod-top-left, 
#toolTip .pod-top .pod-top-right
{    
}

#toolTip .pod-middle 
{    
}

#toolTip .pod-top,
#toolTip .pod-bottom 
{    
}

#toolTip.minimal .pod-header 
{    
}

#toolTip.minimal .pod-header .pod-header-center 
{ 
}

/* #endregion */


/* #region News feed */

.newsFeed .feed
{
    border-color: #5a5654;
}

/* #endregion */


/* #region Timetable */

.timetable tr th, .timetable tr td
{
    background: transparent url(../images/css/tableCell-normal.png) repeat scroll 0 0;
    border-color: #3b3e40;
}

.timetable tr td:not(.heading):hover,
.timetable tr.alternate td:not(.heading):hover 
{
    background:rgba(255, 255, 255, 0.1);
}

.timetable tr.alternate td
{
    background: transparent none;
}

.timetable tr td.today, .timetable tr.alternate td.today
{
    background: transparent url(../images/css/tableCell-highlight.png) repeat scroll 0 0;
    border-color: #3b3e40;
}

.timetable tr th, .timetable tr td.heading
{
    background: #aba48f none;
    border-color: #b4ae9b;
    color: #191c1f;
}

/* #endregion */


/* #region Calendar */

.myCalendar .calendarWrapper > table
{
    background-color: transparent !important;
}

.myCalendar table tr.dayHeading td
{
    background: #aba48f none no-repeat scroll 0 0;
    border: 1px solid #b4ae9b;
    color: #191c1f;
}

.myCalendar table tr td.othermonth
{
    background: transparent none no-repeat scroll 0 0 !important;
}

.myCalendar table tr td
{
    background: transparent url(../images/css/tableCell-normal.png) repeat scroll 0 0;
    border: 1px solid #3b3e40;
}

.myCalendar table tr td.event
{
    background: transparent url(../images/css/tableCell-highlight.png) repeat scroll 0 0 !important;
    border: 1px solid #3b3e40;
}

.myCalendar table tr td.selected
{
    background: silver url(../images/css/tableCell-normal.png) repeat scroll 0 0 !important;
}

.myCalendar table tr td a
{
    color: #fff !important;
}

.myCalendar .item .item-middle
{
    background: transparent url(../images/css/tableCell-normal.png) repeat scroll 0 0;
}

/* #endregion */


/* #region Administrator panel */

.administratorPanel
{
    background-color: #c9282d;
    border: 4px solid #c9282d;
    border-radius: 4px;
}
    .administratorPanel .content
    {
        background-color: #c9282d;
        border: 6px solid #c9282d;
        border-radius: 4px 4px 0 4px;
    }

    .administratorPanel.open
    {        
    }        

    .administratorPanel a
    {            
    }

/* #endregion */


/* #region Quick search */

#QuickSearch
{    
}

#QuickSearch .textbox
{    
}

#QuickSearch input[type=submit]
{    
}

.noTouchEvents #QuickSearch input[type=submit]:hover
{    
}

/* #endregion */


/* #region Daily News Bulletin */

.dailyNewsBulletin .newsScrolling, .dailyNewsBulletin .newsSticky
{    
}

.dailyNewsBulletin .newsScrolling .item, .dailyNewsBulletin .newsSticky .item
{    
}

.dailyNewsBulletin .buttons
{    
}

/* #endregion */

/* #region Student Progress */

.pod-StudentProgress .studentProgressHistory {
    display: none !important;
}

/* #endregion */

/* #region Footer */

#footer
{
    background-color: #25282a;
    font-size: 13px;
    line-height: 1.8;
    padding: 54px 0 24px;
}
    #footer .main
    {
        font-size: 22px;
        line-height: 1;
        padding: 0 0 64px;
        text-align: center;
    }

    #footer .poweredBy,
    #footer #poweredBy 
    {
        position: relative;
        top: 8px;
    }
        #footer .poweredBy:hover,
        #footer #poweredBy:hover 
        {
            text-decoration: none;
        }
        
        #footer .poweredBy img,
        #footer #poweredBy img 
        {                       
        }

        #footer .poweredBy a,
        #footer #poweredBy a 
        {            
        }

/* #endregion */


/* #region Styles for medium screens */

@media (max-width: 1023px) {

    /* #region Pods */

    .pod .pod-header .pod-header-center
    {
        cursor: default;
        font-size: 20px;
    }

    /* #endregion */

}

/* #endregion */


/* #region Styles for small screens */

@media (max-width: 767px) {

    /* #region Pods */

    .pod .pod-header .pod-header-center
    {
        font-size: 18px;
        padding-right: 10px;
        padding-left: 10px;
    }

    /* #endregion */


    /* #region Clock */

    .clock 
    {
        max-width: 350px;
    }

    /* #endregion */

    
    /* #region QuickSearch */

    #QuickSearch 
    {
        float: none;
        max-width: 350px;
    }

    #QuickSearch .textbox 
    {
        max-width: 130px;
    }

    /* #endregion */
}

/* #endregion */


/* #region Styles for extra small screens */

@media (max-width: 320px) {

    /* #region Pods */

    .pod .pod-header .pod-header-center
    {
        font-size: 16px;
    }

    /* #endregion */

}

/* #endregion */

/* #region App Navigation */

.navigationBar {
    border-top: 4px solid #c9282d;
}

    .navigationBar a {
        border-radius: 20px;
    }

        .navigationBar a:hover {
            background-color: #c9282d !important;
        }

/* #endregion */