/*
-----------------------------------
TOC
-----------------------------------


Fonts:................................Available font-family declarations

Globals:..............................Styling of HTML and BODY

Bootstrap Overrides:..................Changes to base-Bootstrap CSS

Site Elements:........................Re-usable Site Elements   

Structure:............................Site structural components

Page/Element Specific:................Page, Element or Flow Specific CSS

Forms:................................Form Styling

Additive CSS:.........................Additive/Override CSS

Responsive:...........................Specific styles for Desktop, Tablet and Mobile

*/


/*-----------------------------------
   Fonts
-----------------------------------*/



/*-----------------------------------
   Globals
-----------------------------------*/



/*-----------------------------------
   Bootstrap Overrides
-----------------------------------*/

/* ---- Alerts ---- */
.alert > p + ul { margin-top:5px; }



/*-----------------------------------
   Site Elements
-----------------------------------*/
a.disabled { color:#c4c4c4 !important; }

.tab-pane { min-height:335px; padding:20px; border:1px solid #e6e6e6; border-top:0px; }
.tab-pane.single_tab { padding:0px; border:none; }
.tab-content { min-height:0px; padding:0px; border:none; }

p.progress_bar_msg { margin-top:137px; margin-bottom:5px; color:#333; font-size:17px; font-style:normal; font-weight:500; line-height:17px; text-align:center; }
#results_spinner { margin-top:137px; }
p.progress_bar_msg + #results_spinner { margin-top:0; }

.datatable { width:100%; }

.datatable.table tr th { border-bottom:none; }
.datatable.table tr td { border-top:none; }

.scrollable_table { height:400px; margin-bottom:20px; overflow-y:auto; }
.scrollable_table .datatable { margin-bottom:0px; }
.modal .scrollable_table { height:200px; }

.zebra { background:#fafafa; }

/* App Outage */
.outage { padding:5px; margin:0px 0px 20px 0px; background-color:#f0af3c; border:1px solid #c48f31; }
.outage p { margin-bottom:0px; }



/*-----------------------------------
   Structure
-----------------------------------*/



/*-----------------------------------
   Page/Element Specific
-----------------------------------*/

/* ---- Downloads Home Page ---- */
#latest_release_panel  { padding-top:50px; padding-bottom: 50px; background-image: url(/images/responsive/callouts/bg-box.png); background-position: 60% calc(50% + 10px); background-repeat: no-repeat; background-size: auto 185px; }
#latest_release_panel #release_mark { width: 125px; height: auto; }

  /* ---- Mobile ---- */
  @media only screen and (max-width: 767px) {
    #latest_release_panel  { background-image: none; }
  }


/* ---- Select Release and Platform ---- */
.panel.release_button .panel-body { height:243px; }

.release_btn { min-height:55px; margin:68px 0 0; color:#fff; font-size:30px; font-style:normal; font-weight:500; letter-spacing:-2px; line-height:1.00; }
.release_btn.ico_download p { padding-left:24px; padding-right:10px; margin-bottom:0;  background:url(/images/responsive/supporting/apps/downloads/ico-download-24.png) no-repeat -3px center; display:inline-block; text-align:center; white-space:normal; }
 
.release_mark { color:#e99619; font-weight:800; letter-spacing:0; }

.choose_another_release_container { height:245px; margin-bottom:20px; border:1px solid #e6e6e6; overflow-y:scroll; }
.choose_another_release_container ul { margin-bottom:0; }
.choose_another_release_container li { padding-left:0; margin-bottom:0; }
.choose_another_release_container ul > li:before { margin-left: 0; min-width: 0; content: none; display: inline; }
.choose_another_release_container button { width:100%; padding:10px 0; border:none; background-color:#fff; color:#626366; font-style:normal; font-size:20px; font-weight:500; line-height:1.40; letter-spacing:-1px; text-align:left; text-indent:20px; }
.choose_another_release_container button:hover { background:#0076a8; color:#fff; cursor:pointer; }
.choose_another_release_container li + li { border-top:1px solid #e6e6e6; }


/* ---- Select Products ---- */

  /* Polyspace Tab & Select ISO & Manual Download Intructions */
	.md5,
	.iso_md5 { color:#6f6f6f; display:none; font-style:italic; }

	.toggle,
	.iso_toggle { font-size:9px; }

	.ie_download { padding:10px; border:2px solid #e6e6e6; display:none; font-size:11px; }


/* ---- Download Installer ---- */
.installer_button_container { text-align:center; }
.installer_button_container .release_btn { min-width:250px; }


/* ---- Trials: Select Products ---- */
.updated { color:#6f6f6f; font-style:italic; }


/* ---- Trials: Assistance Required ---- */
li.trial_available { padding-left:22px; background: transparent url(/images/responsive/supporting/apps/downloads/ico-check.png) no-repeat 0 0; }
li.trial_requires_assistance { padding-left:22px; background: transparent url(/images/responsive/supporting/apps/downloads/ico-sales-assistance.png) no-repeat 0 0; }

li.trial_available:before,
li.trial_requires_assistance:before { content: '' !important; }



/*-----------------------------------
   Forms
-----------------------------------*/

input[type="submit"], input[type="button"] { height:36px; padding:0px 15px; margin:0px; font-size:16px; color:#fff; line-height:16px; background:#0053A3; border:none; display:block; overflow:hidden;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}




/*-----------------------------------
   Additive CSS
-----------------------------------*/
.incopy_image { margin:0px 5px; display:inline-block; }



/*-----------------------------------
   Responsive
-----------------------------------*/

/* ---- Desktop Small ---- */
@media only screen and (max-width: 1199px) {

  /* Site Elements */
  p.progress_bar_msg { font-weight:400; font-size:15px; }

  /* Tabs */
  .nav-tabs li { font-size:16px; line-height:16px; }  

}


/* ---- Tablet ---- */
@media only screen and (max-width: 991px) {

  /* Site Elements */
  p.progress_bar_msg { font-size:16px; }
  

  /* Tabs */
  .nav-tabs li { font-size:12px; line-height:12px; }  
  .nav>li>a { padding:10px 10px; }

}


/* ---- Mobile ---- */
@media only screen and (max-width: 767px) {

  /* Page/Element Specific */
  /* Select Release and Platform */
  .scrollable_table { height:auto; overflow:visible;  }

  /* ---- Download Installer ---- */
  .installer_button_container .release_btn { min-width:50px; }  

}
