/** UCSB CSS */


/* UCSB Font */
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');

body {
    background-color: #FFF;
    font-family: 'Nunito', sans-serif !important;
    font-size: 17px;
    color: #706e6e;
    line-height: 18px;
    font-kerning: auto;
    text-rendering: optimizelegibility;
}


    body a, .dropdown-menu .active a {
        color: #000080;
        text-decoration: none;
        background: none;
    }

        body a:hover, .dropdown-menu .active a:hover {
            color: #4054b2;
            text-decoration: none;
            background: none;
        }

body a:focus, .dropdown-menu .active a:focus {
	color:#444;
	text-decoration:none;

}


/****** COMPONENTS *****/
div.notification-popup .modal-content .modal-body label, div.notification-popup .modal-content .modal-body p {

color:#333 !important;

}
.categories-group ul.sub-categories, /*.modal*/ .categories-group ul.category-header {
    border-bottom: 1px solid #CCCCCC !important;
}
/*.modal*/ .categories-group .categories-list {
    border-top: 3px solid #1BA0DB;
}
/*.modal*/ .categories-group ul.sub-categories li {
    border-bottom: 1px solid #CCCCCC;
    padding: 0.8em 0.5em 0.8em 2.45em;
}

.icon-quickstart{
	color: #FF6600;
}
.icon-online-licensing{
	color: #7DAF38;
}
i.icon-info-circled {
float:none;
font-size:1em;
}
.btn {
    /*background:rgb(31, 103, 171);*/
    background-color: #4054b2;
    border-radius:0.4em;
}

    .btn:hover {
        /*background-color: #808080;*/
        background-color: #003660;
        /*background-image: -webkit-gradient(linear, left top, left bottom, from(#4054b2), to(#363636));
        background-image: -webkit-linear-gradient(top, #4054b2, #363636);
        background-image: -moz-linear-gradient(top, #4054b2, #363636);
        background-image: -ms-linear-gradient(top, #4054b2, #363636);
        background-image: -o-linear-gradient(top, #4054b2, #363636);
        background-image: linear-gradient(top, #4054b2, #363636);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4054b2, endColorstr=#363636);*/
        border-radius: 0.4em;
    }

/******** HEADER ********/
header {
    background: none;
    background-color: transparent;
    background-image: none;
    filter: none;
    
}

@media only screen and (min-width:768px) {
    header {
        border-top: 45px #003660 solid;
    }
    }

    header > section {
        /*margin-bottom: 10px;*/
    }

    @media only screen and (min-width:1025px) {


        .logo {
            height: 95px;
            margin-left: 0px;
        }
    }

    @media only screen and (max-width: 1024px) {
        .logo {
            height: 95px;
            margin-left: 10px;
        }


        header > section {
            margin-bottom: 0px;
        }

        div#dataToggle {
            border-left: 0px;
            background: none;
        }

            div#dataToggle button span {
                background: #1F67AB;
            }

            div#dataToggle button:focus span, div#dataToggle button:hover span, div#dataToggle button:active span {
                background: #333;
            }
    }


    @media only screen and (max-width: 640px) {
        .logo {
            height: 95px;
            margin-left: 10px;
        }
    }

    @media only screen and (max-width: 580px) {
        .logo {
            margin-top: 12px;
            height: 80px;
        }
    }

    @media only screen and (max-width: 480px) {
        .logo {
           
            height: 70px;
        }
    }

    @media only screen and (max-width: 420px) {
        .logo {
            height: 60px;
            /* margin-left: -0.250em;*/
        }
    }

    @media only screen and (max-width: 320px) {

        .logo {
            height: 50px;
        }
    }









.navbar-nav > li {
    /*border-right:#585858 1px solid;*/
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'Nunito', sans-serif !important;
}


        .navbar-nav > li:last-of-type {
            border-right: none;
        }
    /*.navbar-nav>li:hover, .navbar-nav>li:focus {
background-color: #808080;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
	background-image: -webkit-linear-gradient(top, #808080, #363636);
	background-image: -moz-linear-gradient(top, #808080, #363636);
	background-image: -ms-linear-gradient(top, #808080, #363636);
	background-image: -o-linear-gradient(top, #808080, #363636);
	background-image: linear-gradient(top, #808080, #363636);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
}*/

    .navbar-default .navbar-nav li a {
        color: #003660;
        font-size: 18px;
    }

        .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav > li > a:hover {
            color: #13aff0;
        }

        .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav > li > a:focus {
            color: #13aff0
        }



    /********* STICKY HEADER LAYOUT_NCD OVERRIDES ****/
    .sticky-header {
        z-index: 89999991;
        /*margin-top: 15px;*/
        background: #003660;
        height:45px;
    }


        .sticky-header .container-fluid ul li {
            /*border: 1px solid #1F67AB;*/
            border-radius: 0px;
            height:45px;
        }



        .sticky-header .container-fluid li.active {
            background: #13aff0;
            border-top-right-radius: 0px;
            /*border: 1px solid #1F67AB;*/
        }

            .sticky-header .container-fluid li.active a span, .sticky-header .container-fluid li.active a i {
                color: #FFF;
            }

        .sticky-header .container-fluid a {
            color: #FFF;
        }
            .sticky-header .container-fluid a:hover, .sticky-header .container-fluid a:focus {
                color: #13aff0;
            }



        .sticky-header.sticky-bar[style="position: fixed;"] {
            background: #003660 none repeat scroll 0% 0%;
            margin-top: 0px;
        }

            .sticky-header.sticky-bar[style="position: fixed;"] .container-fluid {
                background: none;
                padding-left: 15px;
                padding-right: 15px;
            }


                .sticky-header.sticky-bar[style="position: fixed;"] .container-fluid li.active {
                    border: none;
                    background: #13aff0;
                }

                .sticky-header.sticky-bar[style="position: fixed;"] .container-fluid ul {
                    border-radius: 0px;
                }

                .sticky-header.sticky-bar[style="position: fixed;"] .container-fluid li {
                    border: none;
                    border-radius: 0px;
                }

                    .sticky-header.sticky-bar[style="position: fixed;"] .container-fluid li a {
                        color: #FFFFFF;
                    }

                        .sticky-header.sticky-bar[style="position: fixed;"] .container-fluid li:hover a,
                        .sticky-header.sticky-bar[style="position: fixed;"] .container-fluid li a:focus {
                            color: #13aff0;
                        }

    .sticky-menu-bar ul li:hover a span, .sticky-menu-bar ul li a:focus span {
    }

.sticky-menu-bar ul li:hover a, .sticky-menu-bar ul li a:focus {
    color: #13aff0;
}

    .sticky-menu-bar ul li#request-info-icon {
        background: #FDB515;
    }

        .sticky-menu-bar ul li#request-info-icon a {
            color: #003262;
        }

        .sticky-menu-bar ul li#request-info-icon:hover, .sticky-menu-bar ul li#request-info-icon:focus {
            background: #C4820E;
        }

    .sticky-header .container-fluid ul {
        border-radius: 6px;
    }

        .sticky-header .container-fluid ul li:first-of-type {
            /*border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;*/
        }

        .sticky-header .container-fluid ul li:last-of-type {
            /*border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;*/
        }

    @media only screen and (max-width:1200px) {
        .sticky-header .container-fluid {
            padding-right: 10px;
            padding-left: 10px;
        }
    }

    @media only screen and (max-width:1024px) {
        .sticky-header {
            background: #E5E5E5;
        }



            .sticky-header .container-fluid ul {
                border-radius: 0px;
                border: 0px;
            }

                .sticky-header .container-fluid ul li, .sticky-header .container-fluid ul li:first-of-type, .sticky-header .container-fluid ul li:last-of-type {
                    border-radius: 0px;
                    border: 0px;
                    background: #E5E5E5;
                }

                    .sticky-header .container-fluid ul li.active {
                        border: 0px;
                        background: #1F67AB;
                    }
    }

    /************* FILTERS *******/
    a#advanceSearch, div.filters-count a {
        /*color: #666;*/
        text-decoration: none;
    }

    .category-filter-background > div {
        background-color: #1F67AB;
        border-radius: 0px;
    }

        .category-filter-background > div a, .filters-label.filter-active, .category-filter-background > div a:hover {
            color: #FFF;
            text-decoration: none;
        }


    .category-filter, .filters-count {
        border-radius: 0px;
    }





    /******* CONTENT ******/

    h1, .tech-heading-main {
        color: rgb(85,85,85);
        font-size: 23px; /*20px*/
       font-weight: bold;
    }

    .content-blocks {
        box-shadow: none;
        webkit-box-shadow: none;
        moz-box-shadow: none;
    }

    .middle-content, .wrapper, .sticky-menu-bar ul .active {
        background: transpartent;
    }

    .middle-content {
        margin-bottom: 1.8em;
    }

    .avail-tech-content.contents {
        border: #E5E5E5 solid 1px;
        border-radius: 6px;
        background-color: #F9F9F9;
    }


    .tech-link {
        line-height: 21px;
    }


    .qs-ol-keynote {
        background-color: #C6E6F9;
    }

    .error-block-img {
        float: left;
        background: url('../Images/Redesign_Images/searchresults_error_message.png') no-repeat;
        width: 21px;
        height: 21px;
        border-radius: 27px;
        background-size: 100%;
        /*margin-right: 0.7em;*/
        margin-top: -0.25em;
    }

    .error-blocks { /*20161211 v3.2*/
        background: #1F67AB;
    }







    /****** TABLES ****/



    .table .table-headers, .btn-group.dropdown-button a.dropdown-toggle, .btn-group.dropdown-button a.dropdown-toggle:hover, .btn-group.dropdown-button a.dropdown-toggle:focus {
        background: rgb(31, 103, 171);
        color: #FFF;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        text-shadow: none;
    }

    table tr:first-of-type th, table tr:first-of-type td {
        background: rgb(31, 103, 171);
        color: #FFF;
        text-shadow: none;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        font-weight: bold;
    }

    table tr td {
        padding: 5px;
    }

    .uc-recent-technologies-table .table-body .table-row.even {
        background: #EEF9FF;
    }

    .uc-recent-technologies-table .table-body .table-row.odd {
        background: #F8FDFF;
    }



    .results-page ul.dropdown-menu {
        left: -15px;
    }


        .results-page ul.dropdown-menu li {
            background-color: rgba(31, 103, 171,0.5);
            color: rgb(242, 240, 228);
        }

            .results-page ul.dropdown-menu li.active {
                background-color: rgba(31, 103, 171,0.85);
                color: #FFF;
            }

            .results-page ul.dropdown-menu li a {
                color: #FFF;
            }

            .results-page ul.dropdown-menu li:hover {
                background-color: rgba(31, 103, 171,0.7);
            }




    .tech-link, .tech-link:hover, a.refine-search, a.refine-search:hover {
        color: #0B4A67;
        text-decoration: underline;
    }

    .pagination-block {
        background: #EEF7FF;
    }

    .sub-categories li {
        color: #666666;
    }

    /********** FOOTER ****************/
footer {
    background: rgb(0, 54, 96);
    background-image: none;
    filter: none;
    color: rgb(161, 156, 156);
    padding-top:10px;
}

    footer a {
        color: rgb(161, 156, 156) !important;

    }


    /******* NCD PAGE ********/

    @media only screen and (min-width: 1025px) {
        div#ncd-content-sub {
            border-left: 1px rgb(153,153,153) solid;
        }
    }



    /******** SB ONLY *******/

    ul.social-icons {
        float: right;
    }

        ul.social-icons li {
            margin: 0px 10px 0px 10px;
        }

            ul.social-icons li a#linkedin, ul.social-icons li a#twitter {
                padding: 20px 10px 7px 10px !important;
                height: 100px !important;
                width: 100px !important;
            }

            ul.social-icons li a:hover, ul.social-icons li.a:focus {
                background-color: #a19c9c;
                border-radius:50px;
            }

    /******* FINAL RESET OF ITEMS *******/
    @media only screen and (max-width: 1024px) {
        .sticky-menu-bar ul li:last-child, .sticky-menu-bar ul li:first-child, .sticky-menu-bar ul li:first-child, .sticky-menu-bar ul li#print-icon, .avail-tech-content.contents, .table .table-headers {
            border-radius: 0px;
        }
    }

    /**** RESET COLORS FOR CATEGORIES ****/
.categories-group ul, .categories-group ul.categories-list li {

    background-color:transparent !important;
}