html {
   /* base colors */
    --branded-orange: #f65e0a;
    --branded-blue: #00d0c1;
    --branded-gray: #414141;
    --primary-color: var(--branded-orange);
    --secondary-color: var(--branded-blue);
    --secondary-color-darker: #037a72;
    --hover-color: #bd4300;
    --font-color: var(--branded-gray);
    --dark-gray-color: #051c2c;
    --gray-color: #6C6C6C;
    --medium-gray-color: #AAAAAA;
    --light-gray-color: #CECECE;
    --lighter-gray-color: #ebebeb;
    font-size: 16px;
}

/* theme colors */
/* Primary color for links, buttons, portal header, titles  */
a,.text-primary,.btn-primary .badge,.btn-link,.pagination>li>a,.pagination>li>span,.nav-site-sidebar .active>a,.portal-single-publication .publication-icon i,.portal-single-publication .publication-icon .fa,.publication-contents a:hover,.publication-contents h4 a,.titlepage h3.title {
    color: var(--branded-orange);
}
.titlepage h1.title,.titlepage h2.title {
    color: #000;
}

.bg-primary,.btn-primary,.publications-condensed .portal-single-publication a, .colored-top .site-sidebar-header,.pager li>a:hover,.pager li>span:hover  {
    background-color: var(--branded-orange)
}

.toolbar,.tool-search-form .search-field {
    background-color: #ffffff
}

.btn-primary,.nav .open>a,.nav .open>a:hover,.nav .open>a:focus,.colored-top .site-sidebar-header {
    border-color: var(--branded-orange)
}

/* Hover primary color */
a:hover,a:focus,a.text-primary:hover,a.text-primary:focus,.btn-link:hover,.btn-link:focus,.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    color: #bd4300;
}

a.bg-primary:hover,a.bg-primary:focus,.btn-primary:hover,.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus,.portal-header .portal-search button:hover {
    background-color: #bd4300    
}

.nav-site-sidebar li a:focus{
    background-color: transparent;
}

.btn-primary:hover,.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus {
    border-color: #bd4300    
}

/* Secondary color - For portal search button, publication count */
.portal-header .portal-search button {
    background-color: var(--branded-orange)    
}

.publication-contents h4 span {
    background-color: transparent;  
}


/* Other colors */
.portal-footer {
    background: var(--secondary-color-darker);
    color: var(--secondary-color);
}

/* portal image */
.portal-header::after {
    z-index: -5;
    background: url(image/portal-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: .4;
    filter: grayscale(10%);
}

@media (min-width: 768px) {
    .portal-header {
        padding: 30px 50px;
        height: 350px;
    }
}
/************************/
/*content styles*/
/************************/
body { 
    font-size: 16px;
    font-family: URW-DIN, sans-serif;
    font-style: normal;
    color: var(--branded-gray)
}
p {
    font-size: 16px;
}
.heading1,h1 
{font-family: "URW DIN Light", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        color: inherit;
        background-color: none;
        font-size: 2.5rem;
       }

	   
.heading2, h2
{font-family: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 2rem;
        color: #000;
       }
.heading3, h3
{font-family: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 1.5rem;
        color: var(--branded-orange);
       }
.heading4, h4
{font-family: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 1.4rem;
        color: var(--dark-gray-color);
       }
.heading5, h5
{font-family: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: normal;
        font-variant: normal;
        font-weight: 600;
        font-size: 1.4rem;
        color: var(--gray-color);
        text-transform: uppercase;
        background-color: inherit;
       } 
.heading6, h6, h7
{font-family: "URW DIN Medium", "Open Sans light", verdana, arial, helvetica, sans-serif;
        font-style: italic;
        font-variant: normal;
        font-weight: 600;
        font-size: 16px;
        color: var(--gray-color);
        background-color: inherit;
       }

.guimenu{
    font-weight: 600;
    font-style: italic;
}

div.toolbar{
    color: var(--branded-gray);
    font-weight: 500;
}
div.toolbar-tools{
    text-transform: uppercase;
    color: var(--branded-gray);
    font-weight: 500;
}
div.toolbar-tools .tool-search{
    color: var(--branded-gray);
    font-weight: 500;
    box-shadow: #414141;
    border: 6px;
    margin-top: 20px;
}
div.tool-search .tool-search-form.form-control.search-field{
    color: var(--branded-gray);
    font-weight: 500;
    border: 6px;
}
div.tool-search .search-field{
    color: var(--branded-gray);
    font-weight: 500;
        border: 6px;
}
div.tool-search .form-control{
    color: var(--branded-gray);
    font-weight: 500;
    border: 6px;
}
/***************************/
/*admonition styles*/
.warning,
.note,
.important,
.caution,
.tip{
    border-left-color: var(--secondary-color-darker);
}

.note:before,
.tip:before,
.warning:before,
.caution:before,
.important:before{
     color: var(--secondary-color);
}

.notice:before{
    color: var(--secondary-color);
}

.notice{
    border-left-color: var(--secondary-color);
    background-color: rgb(235, 235, 235);
    padding: 10px 18px 10px 65px;
}
.notice > p{
    margin-bottom: 0px;
}
.tip{
    border-left-color: var(--secondary-color);
    background-color: rgb(235, 235, 235);
}

.tip:before{
    content: '\f0d0';
    color: var(--secondary-color);
}

.warning{
    border-left-color: #CC0000;
    background-color: rgba(255, 183, 77, 0.08);
}

.warning:before{
    content: '\f071';
    color: #CC0000;
}

.warning.danger{
    border-left-color: #CC0000;
    background-color: rgba(239, 83, 80, 0.05);
}

.warning.danger:before{
    content: '\f071';
    color: #CC0000;
}

.caution{
    border-left-color: #ffe81a;
    background-color: rgba(255, 232, 26, 0.05);
}

.caution:before{
    content: '\f071';
    color: #ffe81a;
}

/***************************/
/*feedback styles*/


div.feedback-panel .btn{
    border: 1px solid var(--branded-orange);
}

div.feedback-panel .btn.active,
div.feedback-panel .btn:active{
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--branded-orange);
    color: #ffffff;
}

/***************************/
/*tables*/

th{
    background-color: #d7f5f4 !important;
}

.rules-rows td,
.rules-rows th{
    border-color: #7cdedc;
}


.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: var(--lighter-gray-color);
}

/*****************/
/*Landing page icons*/
/*Release notes = star*/
.cat-panel-1:before{
    content: "\f005"; 
}

/*Glossary = fa-th-list*/
.cat-panel-2:before{
    content: "\f00b"; 
}

/* Featued content*/
.featured-content-label {
    display:none;
}

.portal-contents featured-content {
    display:none;
}

.portal-contents .inner {
    display:none;
}

/*drop-down*/
   /* Basic styling for the dropdown */
        .nav-dropdown {
            padding: 8px;
            font-size: 18px;
            font-weight: 400;
            margin: 20px;
            color: var(--branded-gray);
            border-radius: 5px;
        }