/*
    --------------------------------------------------------------------------
    First Sovereign Trust Grant Management Portal Custom CSS
    Table of Contents
    --------------------------------------------------------------------------
	1.0 Global
        1.1 General
        1.2 Bootstrap Overrides
        1.3 Global Page Structure
            1.3.1 Page Header
            1.3.2 Page Body
                1.3.2.1 Page Widgets
                    1.3.2.1.1 Chevron Tabs
            1.3.3 Page Footer
    2.0 Web Templates (Note: specific page styles can be found in the associated web page record in CRM)
        2.1 OOTB templates
        2.2 FSBGM Home template
    3.0 Forms & Grids
        3.1 Pop up forms
    4.0 Contextual Help Elements
	------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: 1.0 Global ::::::::::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: 1.1 General :::::::::::::::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

    @media print {
        .dontprint {
            display: none !important;
        }
    }

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: End General :::::::::::::::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: 1.2 Bootstrap Overrides :::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

    /* Alert message bars */
    .alert-danger {
        background-color: #ff3600 !important;
        border-color: transparent;
        color: #fff;
        margin-bottom: 0;
    }
    .alert-danger * {
        color: #fff;
    }
    
    .alert-danger a:hover,
    .alert-danger a:focus {
        color: #231f20 !important;
    }

    .alert-danger a{
        color: #fff!important;
        font-weight: bold;
        font-size: 18px;
    }

    /* Buttons */
    .btn:active, 
    .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.125);
        box-shadow: 0 3px 5px rgba(0,0,0,.125);
    }

    .btn-primary, 
    .btn-primary:active, 
    .btn-primary.active, 
    .btn-primary:focus,
    .open>.btn-primary.dropdown-toggle {
        background-color: #ff3600;
        border-color: #ff3600;
    }
    
    .btn-primary:hover,
    .btn-primary:active:hover, 
    .btn-primary:active:focus, 
    .btn-primary:active.focus, 
    .btn-primary.active:hover, 
    .btn-primary.active:focus, 
    .btn-primary.active.focus, 
    .open>.btn-primary.dropdown-toggle:hover, 
    .open>.btn-primary.dropdown-toggle:focus, 
    .open>.btn-primary.dropdown-toggle.focus {
        background-color: #231F20;
        border-color: #231F20;
    }

    .btn-default, 
    .btn-default:focus, {
        color: #ff3600;
        border-color: #ff3600;
    }
    .btn-default:hover {
        color: #fff;
        background-color: #231F20;
        border-color: #ff3600;
    }

    /* Tabs */
    .nav-tabs > li > a {
        color: #232222;
    }

    /* List groups */
    .list-group-item.active, 
    .list-group-item.active:hover, 
    .list-group-item.active:focus {
        background-color: #231F20;
        border-color: #231F20;
    }

    /* Datepicker */
    .bootstrap-datetimepicker-widget .disabled {
        opacity: .5 !important; /* Make unselectable dates greyed out looking */
    } 
	.checkbox input[type="checkbox"] {
		top:1px;    
	}
	
	/* --Added--21/11/22--------------------------------------------- */

	.checkbox-cell {
		position:relative;
	}
	
	/* -------------------------------------------------------------- */

    /*
        .breadcrumb > li a {
            color: #2500ff;
        }
        .breadcrumb > li a:hover {
            text-decoration: underline;
        }
    */

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: End Bootstrap Overrides :::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: 1.3 Global Page Structure :::::::::::::::::::: */
    /* -------------------------------------------------------------- */

        /* -------------------------------------------------------------- */
        /* ::::::::::::::: 1.3.1 Page Header :::::::::::::::::::::::::::: */
        /* -------------------------------------------------------------- */

        /* Mobile */
        #fsbgm_mobile-logo {
            float: left;
            padding: 0 5px 5px 15px;
        }

        .navbar-inverse .navbar-nav > li > a:hover, 
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #ff3600;
        }
        .navbar-inverse .navbar-nav > li > a {
            color: #e8e8e8;
        }

        /* Desktop */
        @media (min-width: 768px) {
            /* Nav wrapper */
            #fsbgm_navbar {
                background-color: #231F20;
                padding-top: 10px;
                padding-bottom: 15px;
            }

            #fsbgm_navbar:after {
                content: "";
                float: left;
                width: 100%;
                border-bottom: 1px #c4c4c4 solid;
                padding: 8px 0;
            }

            #fsbgm_navbar .navbar-nav > li > a {
                color: #e8e8e8;
            }

            #fsbgm_navbar .navbar-nav > li > a:hover, 
            #fsbgm_navbar .navbar-nav > li > a:focus,
            #fsbgm_navbar .navbar-nav > li.open > a {
                color: #ff3600;
            }

            #fsbgm_navbar .navbar-nav > li.open > a {
                background-color: #4a4a4a;
            }

            /* Desktop Logo */
            #fsbgm_logo {
                margin-top: -30px;
            }
        }

        /* -------------------------------------------------------------- */
        /* ::::::::::::::: End Page Header :::::::::::::::::::::::::::::: */
        /* -------------------------------------------------------------- */

        /* -------------------------------------------------------------- */
        /* ::::::::::::::: 1.3.2 Page Body :::::::::::::::::::::::::::::: */
        /* -------------------------------------------------------------- */

            /* -------------------------------------------------------------- */
            /* ::::::::::::::: 1.3.2.1 Page Widgets ::::::::::::::::::::::::: */
            /* -------------------------------------------------------------- */

                /* -------------------------------------------------------------- */
                /* ::::::::::::::: 1.3.2.1.1 Chevron Tabs ::::::::::::::::::::::: */
                /* -------------------------------------------------------------- */

                .chevron::before {
                    border-style: solid;
                    border-width: 0.25em 0.25em 0 0;
                    content: '';
                    display: inline-block;
                    height: 0.45em;
                    left: 0.15em;
                    position: relative;
                    top: 0.15em;
                    transform: rotate(-45deg);
                    vertical-align: top;
                    width: 0.45em;
                }

                .chevron.right:before {
                    left: 0;
                    transform: rotate(45deg);
                }
            
                /* -------------------------------------------------------------- */
                /* ::::::::::::::: End Chevron Tabs ::::::::::::::::::::::::::::: */
                /* -------------------------------------------------------------- */

            /* -------------------------------------------------------------- */
            /* ::::::::::::::: End Page Widgets ::::::::::::::::::::::::::::: */
            /* -------------------------------------------------------------- */

        /* -------------------------------------------------------------- */
        /* ::::::::::::::: End Page Body :::::::::::::::::::::::::::::::: */
        /* -------------------------------------------------------------- */

        /* -------------------------------------------------------------- */
        /* ::::::::::::::: 1.3.1 Page Footer :::::::::::::::::::::::::::: */
        /* -------------------------------------------------------------- */

        footer {
            float: left;
            width: 100%;
        }

        /* Footer Top */
        footer .footer-top a {
            color: #ff3600;
            text-decoration: none;
        }
        footer .footer-top a:hover, 
        footer .footer-top a:focus {
            color: #fff;
        }

        /* Footer Bottom */
        footer .footer-bottom ul li a, 
        footer .footer-bottom ul li a:active, 
        footer .footer-bottom ul li a.active,
        footer .footer-bottom ul li a:hover, 
        footer .footer-bottom ul li a:focus,  {
            font-size: 15px;
        }

        footer .footer-bottom ul li a, 
        footer .footer-bottom ul li a:active, 
        footer .footer-bottom ul li a.active {
            color: #e8e8e8;
        }
        
        footer .footer-bottom ul li a:hover, 
        footer .footer-bottom ul li a:focus {
            color: #ff3600;
            text-decoration: none;
        }

        /* -------------------------------------------------------------- */
        /* ::::::::::::::: End Page Footer :::::::::::::::::::::::::::::: */
        /* -------------------------------------------------------------- */

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: End Global Page Structure :::::::::::::::::::: */
    /* -------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: End Global  :::::::::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: 2.0 Web Templates :::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: 2.1 OOTB Templates ::::::::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

    .page_section p {
        border-top: 0;
    }

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: End OOTB Templates ::::::::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: 2.2 FSBGM Home Template :::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

    
    /* Main Headings */
    #fsbgm_template-home .section-landing-heading {
        font-size: 4rem;
    }

    #fsbgm_template-home .section-landing-sub-heading {
        font-size: 3rem;
    }

    /* Main Content Area */
    #fsbgm_template-home .section-main {
        position: static;
        background: none;
        float: left;
        width: 100%;
        min-height: 200px;
    }

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: End FSBGM Home ::::::::::::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: End Web Templates :::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: 3.0 Forms & Grids :::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */

    /* All forms */
    #EntityFormPanel {
        background: #f7f7f7;
        border-radius: 10px;
        padding: 30px;
        margin-bottom: 20px;
    }

    /* Validation header */
    .crmEntityFormView .validation-summary h2 {
        margin-bottom: 0;
    }

    /* Messages */
    div.message.error * {
        color: #444;
    }

    /* Tab headings */
    #EntityFormPanel .tab-title {
        margin-top: 0;
    }

    /* Button messaging (ex. Org details form) */
    .btnMsg {
        padding-top: 20px;
    }

	
   
    /* -------------------------------------------------------------- */
    /* ::::::::::::::: 3.1 Pop up Forms ::::::::::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

    /* These forms don't have a CSS property so must be loaded globally */

    /* New & Edit Employee form */
    #cat_fieldwork,
    #cat_adminwork {
        width: 100px;
    }
    table[data-name="tab_workpct"] .control:after {
        content: "%";
        font-size: 20px;
        padding-left: 5px;
    }
    table[data-name="tab_workpct"]:before {
        content: "The two fields must equal 100%";
        line-height: 30px;
    }

    /* -------------------------------------------------------------- */
    /* ::::::::::::::: End Pop up Forms ::::::::::::::::::::::::::::: */
    /* -------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: End Forms & Grids :::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: 4.0 Contextual Help Elements ::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */

.context-help {
    font-size: 12px !important;
    padding-bottom: 5px;
}

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: End Contextual Help Elements ::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */




/* -------------------------------------------------------------------------- */
/* ::::::::::::::: Starting Font Size  ::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */

.page-header h1{  
 font-size: 34pt !important;
    font-family: "Segoe UI" !important;
    font-weight: lighter !important;
}


.tab-title{
font-size: 25.5pt !important;
    font-family: "Segoe UI" !important;
    font-weight: lighter !important;
}

 
.section-title {
    font-size: 16.5pt !important;
    font-family: "Segoe UI" !important;
    font-weight: bold !important;
} 


.info {
    font-size: 12pt !important;
    font-family: "Segoe UI" !important;
}

/* -------------------------------------------------------------------------- */
/* ::::::::::::::: Ending Font Size  ::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------- */



.jquery-bootstrap-pagination{
   text-align:center;
    /* padding-bottom: 20px;  */
    /* margin-bottom: 100px;  */
}

footer{
	margin-top: 100px; 
}


.sort-disabled{
    color: #0f3cc3;
}