/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 60px;*/
}

.footer-row {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
}

/*
Turquoise (3125C) #009CB1
Light Blue (297C) #A2CEE2
Blue (295C) #16427F
Dark Yellow (7405C) #FFCE2F
Green (362C) #099D4C
Light Green (584C) #BBD736
Red (1795C) #E6232B
Orange (158C) #F56C21
Violet (226C) #DC3A76
Purple *258C) #804090
    */

.jumbotron {
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 8px;
}

.jumbotron p {
    font-size: 1em;
}

.jumbotron p:last-child {
    margin-bottom: 4rem;
}

.row.homeNav {
    padding: 2em 0 1em 0;
    border: 1px solid #EBEAE4;
}

.row.homeNav:first-child {
    margin-bottom: 2em;
}

.row-footer-last {
    background-color: #16427F;
    margin-top: 1em;
    padding-top: .5em;
    border-top: #FFF 1px solid;
	min-height: 5em; /* TRUSTe implementation */
}



.blue {
    color: #16427F;
}

.turquoise {
    color: #009CB1;
}

.ltblue {
    color: #A2CEE2;
}

.red {
    color: #E6232B;
}

.green {
    color: #099D4C;
}

.orange {
    color: #F56C21; 
}

.violet {
    color: #DC3A76;
}

.btn.purple {
    background-color: #804090;
    border-color: #804090;
}

.btn.green {
    background-color: #099D4C;
    border-color: #099D4C;
}

.btn.ltgreen {
    background-color: #BBD736;
    border-color: #BBD736;
}

p.first {
    padding-top: 6em;
}



#toast-container {
    top: 70px;
}

.reduced {
    width: 35%;
}

p.sourceLabel {
    min-height: 2em;
}

div.progressIcon.search {
    display: none;
    position: absolute;
    padding-top: 3em;
    z-index: 1000;
}

td > input[type=checkbox] {
    margin: .25em .5em .25em 1em;
}


#tblStdMetadata, #tblMsMetadata, #tblDdMetadata, #tblTfMetadata, #tblCbMetadata, #tblSdtMetadata {
    margin-bottom: 6em;
}

caption {
    font-weight: 700;
    font-size: 1.25em;
    padding-bottom: 1em;
}

#btnARSLRemove, #btnARSLAdd, #btnARSLSave, #getTemplateInfo {
    margin: .5em;
}

/*#btnARSLAdd {
    margin-left: 40%;
}*/

a.nextpg, a.previouspg {
    min-width: 112px;
}

.resultsText {
    font-size: 13px;
    font-weight: 700;
    display: block;
}

.resultsSpacer {
    width: 3em;
}

div.row.paging {
    display: none;
    margin-bottom: 2em;
}

.dropdown-menu {
    min-width: 225px;
}
    /* This is not ideal but allows the icons in the menu for the moment. Better to extend the current ActionLink, but ... */
    .dropdown-menu > li > a {
        width: 87%;
        float: right;
        padding: 3px 8px;
    }

    .dropdown-menu > li > i {
        padding-left: .5em;
    }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, :focus {
    outline: 0;
}

div.form-group {
    padding: 4px;
}

div#divMetadata {
    padding-top: 1em;
}

span.contextMenu {
    color: #009CB1;
    display: block;
    padding: 2px;
}

div.tooltip-inner {
    padding: 1em;
    background-color: #16427F;
}

    div.tooltip-inner > ul, div.tooltip-inner > ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        margin-top: -2px;
    }

    .tooltip.right {
        margin-left: 2px;
    }

    .tooltip.bottom {
        margin-top: 2px;
    }

    .tooltip.left {
        margin-left: -2px;
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #16427F;
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #16427F;
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #16427F;
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #16427F;
    }

.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    display:none;
}

.form-control.arslSelect, select[name^=lbMultiSelect] {
    font-size: 15px !important;
}

.page-title-min {
    min-height: 160px;
}

.help-block-sm {
    font-size: 12px;
}

.bboxTemplateDisplay {
    margin: 0 auto;
    width: 75%;
}

/* All datepicker elements */
div.input-group.date {
    max-width: 15em;
}

div.help-block.date {
    font-size: .8em;
    margin: -4px 0 2px 4px;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 4px;
}


.row.errorpage {
    margin-top: 2em;
}

p.smaller {
    margin-top: 2em;
    font-size: 75%;
}

select[multiple].optDisplayMed {
    height: 8em;
}

select[multiple].optDisplayLg {
    height: 20em;
}

@media all and (max-width: 800px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose, .btnPrevious, .btnNext {
        padding: 8px 16px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .9em;   
    }
}

@media all and (min-width: 320px) and (max-width: 580px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose, .btnPrevious, .btnNext  {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose, .btnPrevious, .btnNext  {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose, .btnPrevious, .btnNext  {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose, .btnPrevious, .btnNext  {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose, .btnPrevious, .btnNext  {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose, .btnPrevious, .btnNext  {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch, .btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser, .btnAddUser, .btnContinue, .btnRefresh, .btnDownload, .btnFailureFilter, .btnHelp, .btnClose, .btnPrevious, .btnNext  {
        padding: 6px 8px;
        font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
        font-size: .8em;   
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
.btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch,
.btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser,
.btnAddUser, .btnContinue, .btnRefresh, .btnDownload,
.btnFailureFilter, .btnHelp, .btnClose {
    padding: 10px 18px;
    font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 1em;   
}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
.btnClear, .btnMediaSearch, .btnCreateNew, .btnSearch,
.btnBack, .btnSave, .btnCopy, .btnUserSearch, .btnNewUser,
.btnAddUser, .btnContinue, .btnRefresh, .btnDownload,
.btnFailureFilter, .btnHelp, .btnClose {
    padding: 10px 18px;
    font-family: Helvetica, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 1em;   
}

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


a.footerlink, a.footerlink:hover {
    color: #FFF;
}

li#logon {
    padding-top: 1em;
}

li#logon i.fa-user {
    color: #FFF;
    padding-left: .5em;
}

li#logon > a.logonlink {
    float: right;
    padding: 0px 8px;
}

/*table#productVariations, table#assets {
    font-size: 14px;
}*/

table#productVariations tr.variant {
    font-weight: 500;
}

table#productVariations tr.product, table#assets tr.asset {
    font-weight: 300;
}

img.productimage {
    width: 32px;
    margin-left: 1rem;
}

th {
    font-size: smaller;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: inherit;
    background-color: #fff;    
    border-left: 4px solid #428bca;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: inherit;
}

.list-group-item-text {
    font-size: smaller;
}

.form-group.required .control-label:before, .required-field {
  content: "* ";
  color: red;
  font-weight: bold;
}

.glyphicon-click {
    cursor: pointer;
    font-size: 1.2em;
}