/*
{{0}} LOGO
{{1}} Header Color 1 
{{2}} Header Color 2 
{{3}} Footer Color
{{4}} Body Text Color
{{5}} Body Background Color
{{6}} button Color
{{7}} button Background Color
{{8}} Heading Color

*/


:root {
    --background-image-url: url("/images/default-source/default-album/projectLogo.png"); /*{0} Logo*/
    --header-color-1: White;
    --header-color-2: var(--primary-color);
    --footer-color: var(--accent-gray);
    --body-background-color: white;
    --body-text-color: black;
    --button-background-color: #00b3b8;
    --button-color: #000;
    --heading-color: #000;
	--Footer-background-image-url: url("/images/default-source/default-album/web_footer.jpg");

    --primary-color:#00b3b8;
    --accent-orange:#f58220;
    --accent-gray:#67686e;
}

/*----------------------------------Project Specific Section(Custom Modification)-------------------------------*/
 /* Navigation pane settings Start*/
 .menuactive {
         background-color: #00b3b8 !important;
         color: #fff !important;
    }
	
	.togglebar-button {
    background-color: #00b3b8 !important;
    border: none;
    color: White !important;
    padding: 10px 16px;
    font-size: 16px;
    cursor: pointer;
}
	
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #00b3b8 !important;
}


.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1px !important;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
	.list-group-item-action {
    width: 100%;
    color: #000000;
    text-align: inherit;
}
	
/* Navigation pane settings end*/
	
	.k-button, 
    .k-button-group.k-state-disabled .k-button:not(.k-state-active), 
    .k-button-group .k-button.k-state-disabled:not(.k-state-active), 
    .k-list-container .k-nodata .k-button, 
    .k-grouping-header .k-group-indicator, 
    .k-spreadsheet-filter, 
    .k-pivot-toolbar .k-button, 
    .k-fieldselector .k-list li.k-item, 
    .k-dropdowntree .k-dropdown-wrap, 
    .k-editor-toolbar a.k-tool, 
    .k-numerictextbox .k-select, 
    .k-handle, 
    .k-map .k-navigator, 
    .k-gantt-views li, 
    .k-task-single, 
    .k-scheduler-navigation 
    .k-nav-today, 
    .k-scheduler-navigation .k-nav-prev, 
    .k-scheduler-navigation .k-nav-next, 
    .k-scheduler-views li, 
    .k-scheduler-footer li {
        border-color: transparent!important;
        color: #111!important;
        background-color: var(--primary-color) !important;
        font-weight:bold;
        padding-left: 1.25rem !important;
        padding-right: 1rem !important;
    }

    .k-button:hover, 
    .k-button-group.k-state-disabled .k-button:not(.k-state-active):hover, 
    .k-button-group .k-button.k-state-disabled:not(.k-state-active):hover, 
    .k-list-container .k-nodata .k-button:hover, 
    .k-grouping-header .k-group-indicator:hover, 
    .k-spreadsheet-filter:hover, 
    .k-pivot-toolbar .k-button:hover, 
    .k-fieldselector .k-list li.k-item:hover, 
    .k-dropdowntree .k-dropdown-wrap:hover, 
    .k-editor-toolbar a.k-tool:hover, 
    .k-numerictextbox .k-select:hover, 
    .k-handle:hover, 
    .k-map .k-navigator:hover, 
    .k-gantt-views li:hover, 
    .k-task-single:hover, 
    .k-scheduler-navigation .k-nav-today:hover, 
    .k-scheduler-navigation .k-nav-prev:hover, 
    .k-scheduler-navigation .k-nav-next:hover, 
    .k-scheduler-views li:hover, 
    .k-scheduler-footer li:hover {
        color: #fff!important;
        background-color: var(--accent-gray) !important;
    }
	
body {
    
    background-size: 50% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
	
.draw-line {
    width: 100%;
    height: 10px;
    border-top: 2px solid var(--button-background-color);
    margin-top: 15px;
    /*position: absolute;*/
}
.btn{
    border-radius:0px !important;
}

body.campus-management:not(.sfPageEditor) .btn-primary:hover,
body.campus-management:not(.sfPageEditor) .btn-primary:focus {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    transform:scale(1.05);
    color: var(--button-color) !important;
}


.campus-management .campus-nexus-engage-footer {
    height: 30px;
}

/*----------------------------------Common Section(No Modification required)------------------------------------*/

html body.campus-management {
    background: var(--body-background-color) ;
    color: var(--body-text-color) !important;
}

    html body.campus-management h1,
    html body.campus-management h2,
    html body.campus-management h3,
    html body.campus-management h4,
    html body.campus-management h5,
    html body.campus-management h6 {
        color: var(--heading-color) !important;
    }


    html body.campus-management .campus-nexus-engage-footer {
        /*background: var(Footer-background-image-url) !important;*/
        background-color:var(--footer-color);
        color:#fff;
    }

    html body.campus-management .campus-management-header {
        background: var(--header-color-1) !important;
        border-color: var(--header-color-2) !important;
    }

        html body.campus-management .campus-management-header .navbar {
            background: var(--header-color-1) !important;
			padding-right:15px !important;
			
        }

            html body.campus-management .campus-management-header .navbar #logo .img {
                background: var(--background-image-url) !important;
				height:70px;
                background-size: contain !important;
                background-repeat: no-repeat !important;
				
            }

            body.campus-management .campus-management-header .navbar li a:active, 
            body.campus-management .campus-management-header .navbar li a:focus, 
            body.campus-management .campus-management-header .navbar li a:hover {
                color:#555!important;
                background:#eee;
            }


    html body.campus-management .btn-primary {
        color: var(--button-color) !important;
        background-color: var(--button-background-color) !important;
        border-color: var(--button-background-color) !important;
    }

        html body.campus-management .btn-primary:hover {
            color: var(--button-color) !important;
            background-color: var(--button-background-color) !important;
            border-color: var(--button-background-color) !important;
        }

        html body.campus-management .btn-primary:focus,
        html body.campus-management .btn-primary.focus {
            box-shadow: 000.2rem var(--header-color-2) !important;
        }


        html body.campus-management .btn-primary.disabled,
        html body.campus-management .btn-primarydisabled {
            color: var(--button-color) !important;
            background-color: var(--button-background-color) !important;
            border-color: var(--button-background-color) !important;
        }

    html body.campus-management .btn-primarynot(disabled)not(.disabled)active,
    html body.campus-management .btn-primarynot(disabled)not(.disabled).active,
    html body.campus-management .show.btn-primary.dropdown-toggle {
        color: var(--button-color) !important;
        background-color: var(--button-background-color) !important;
        border-color: var(--button-background-color) !important;
    }


    html body.campus-management .btn-primarynot(disabled)not(.disabled)activefocus,
    html body.campus-management .btn-primarynot(disabled)not(.disabled).activefocus,
    html body.campus-management .show.btn-primary.dropdown-togglefocus {
        box-shadow: 000.2rem var(--header-color-2) !important;
    }

    /* html body.campus-management .navbar-toggler {
        display: none;
    } */
/* mobile rendering */
/* #sidebar-wrapper .list-group {
  width:100% !important;
}
@media (max-width:676px ) {
  #wrapper {
    flex-wrap: wrap !important;
    }
  #sidebar-wrapper {
    min-height: 1px !important;
    width: 100% !important;
    display: none !important;
    }
  #wrapper.toggled #sidebar-wrapper {
    display:block !important;
  }
}

.navbar-brand {
    padding-top: .01rem !important;
}
 */

body.campus-management .campus-management-header .navbar .dropdown-item.active {
    background: #00b3b8 !important;
}


body.campus-management .campus-management-header .navbar li a {
    
    color: #000 !important;
}

body.campus-management .campus-management-header #campus-management-main-nav .campus-management-login-container {
    border: 0px;
    border-top: 1px solid White !important;
    padding-top: 10px;
    background: White !important;
    border-radius: 4px;
    padding: 10px;
} 

body.campus-management .campus-management-header .navbar .navbar-collapse .dropdown-menu {
    background-color: #303033 !important;
}


@media only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 960px), not all, not all, only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, only screen and (min-width: 240px) and (max-width: 320px) {
.sfPublicWrapper {
    width: 375 !important;
}


body.campus-management:not(.sfPageEditor) .k-widget.k-window.k-window-maximized { min-height: 100% !important; height: 100% !important; }
.k-window.k-window-maximized {
    max-width: 100vw !important;
    max-height: 100vh !important;
    box-shadow: none;
}
/* .k-widget.k-window {
    width: 400px !important;
    height: 800px !important;
} */
}

.tpc-FormNavigation #sidebar-wrapper a:hover {
    color: #000 !important;
}

.k-icon.k-i-fa.fa-plus-circle {
    font-family: "FontAwesome";
}

#page-content-wrapper .k-link:hover {
    color: inherit !important;
    opacity: 0.6;
    text-decoration: underline;
}

body.campus-management .engagePopUp input[type="submit"], 
body.campus-management .engagePopUp button[type="submit"], 
body.campus-management .engagePopUp label[role="button"] {
    padding: 0.5rem 2rem;
}
#sidebar-wrapper .menuactive {
    color: inherit !important;
}
#page-content-wrapper .k-header-column-menu:focus,
#page-content-wrapper .k-header-column-menu:hover {
    color: #333 !important;
    background: rgba(0,0,0,0.05);
}
body.campus-management .k-widget a.k-window-action {
    padding: 0 !important;
    width: 2rem;
    height: 2rem;
}
body.campus-management .k-widget a.k-window-action:hover,
body.campus-management .k-widget a.k-window-action:focus {
    color: #000 !important;
    background: #ddd !important;
}

/* LOGIN STYLES */
.engage-registration, .engage-login {
    max-width:60rem;
    padding:0;
    margin: 0 auto !important;
}
.engage-registration .checkbox, 
.engage-login .checkbox {
    margin:0;
}
.inner {
    border: 2px solid #ddd;
    padding: 2.25rem;
    height:100%;
    background:#f2f2f2;
}
.ssoLogin {
    margin-top:1.5rem;
}
.engage-login .btn.btn-primary {
    padding: 1rem 2rem;
    line-height: 1;
    text-transform: uppercase;
  }
@media (min-width:768px) {
    .ssoLogin {
        margin-top:0;
    }
}