/*
Title: TDC Fs Styles
Author: Steve Thomas
Purpose: Provides re-usable CSS classes for forms.
*/
  
    /* Begin alerts */ 
    .tdcFsStyle-alert {
        padding:15px;
        margin-bottom:20px;
        border: 1px solid transparent;
        border-radius:4px;
    }
        
    .tdcFsStyle-alert-success {
        color: #000; /* #3c763d */;
        background-color: #7eba27; /*#dff0d8*/;
        border-color: #7eba27; /*#d6e9c6;*/
    }
    
    .tdcFsStyle-alert-info {
        color: #fff; /*#31708f; */
        background-color:#3f97cb;
        border-color:#3f97cb;
    }
    
    .tdcFsStyle-alert-warning {
        color: #000000; /*#8a6d3b;*/
        background-color:#D9BA21;
        border-color:#fcd825;
    }
    
    .tdcFsStyle-alert-danger {
        color: #fff; /*#a94442;*/
        background-color: #a94442; /*#f2dede;*/
        border-color: #a94442; /*#ebccd1;*/
    }
    
    .tdcFsStyle-alert-success a
    {
        color: #000;
	font-weight:bold;
	text-decoration:underline;
    }
    
    .tdcFsStyle-alert-info a
    {
        color: #fff;
	font-weight:bold;
	text-decoration:underline;
    }
    
    .tdcFsStyle-alert-warning a
    {
        color: #000;
	font-weight:bold;
	text-decoration:underline;
    }
    
    .tdcFsStyle-alert-danger a
    {
        color: #fff;
	font-weight:bold;
	text-decoration:underline;
    }
    
    /* End alerts */
    
    /* Start basic tables */
    .tdcFsStyle-table
    {
        background-color:transparent;
        border-collapse:collapse;
        box-sizing:border-box;
        border-spacing:0;
        max-width:100%;
        width:100%;
    }
    
    .tdcFsStyle-table caption
    {
        padding-top:8px;
        padding-bottom:8px;
        color:#444;
        text-align:left;
    }
    
    .tdcFsStyle-table > tbody
    {
        display:table-row-group;
        vertical-align:middle;
        border-color:inherit;
    }
    
    .tdcFsStyle-table > tbody > tr > td
    {
       padding:8px;
       vertical-align:top;
       border-top:1px solid #ddd;
    }
    
    .tdcFsStyle-table > thead > tr > th
    {
        padding:8px;
        vertical-align:bottom;
        border-bottom: 2px solid #ddd;
    }
	
	.tdcFsStyle-table > thead > tr > th,
	.tdcFsStyle-table > tbody > tr > th
	{
		font-weight:bold;
	}
    
    /* End basic tables */
    
    /* Start summary table */
    .tdcFsStyle-summaryTable {

        width:100%;
     }

    .tdcFsStyle-summaryTable th,td {
        vertical-align:top;

        padding-bottom:1em;

    }
    /* End summary table */

    
    /* Start striped tables */
    .tdcFsStyle-table-striped > tbody > tr:nth-of-type(odd)
    {
        background-color: #f9f9f9;
    }
    /* End striped tables */
    
    /* Start bordered table */
    .tdcFsStyle-table-bordered
    {
        border: 1px solid #ddd;
    }
    
    .tdcFsStyle-table-bordered > thead > tr > th,
    .tdcFsStyle-table-bordered > tbody > tr > th,
    .tdcFsStyle-table-bordered > tfoot > tr > th,
    .tdcFsStyle-table-bordered > thead > tr > td,
    .tdcFsStyle-table-bordered > tbody > tr > td,
    .tdcFsStyle-table-bordered > tfoot > tr > td
    {
    border: 1px solid #ddd;
    }
    
    .tdcFsStyle-table-bordered > thead > tr > th,
    .tdcFsStyle-table-bordered > thead > tr > td
    {
    border-bottom-width: 2px;
    }
    /* End bordered table */
    
    /* Start panels */
    
    .tdcFsStyle-panel
    {
        background-color:#fff;
        border: 1px solid transparent;
        border-radius:4px;
        box-shadow:0 1px 1px rgba(0,0,0,.05);
    }
    
    .tdcFsStyle-panel-default
    {
        border-color:#ddd;
    }
    
    .tdcFsStyle-panel-body
    {
	padding:15px;
    }

    .tdcFsStyle-panel-body a
    {
        font-weight:bold!important;
	text-decoration:underline!important;
    }
    
    .tdcFsStyle-panel-heading
    {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius:3px;
        border-top-right-radius:3px;
    }
    
    .tdcFsStyle-panel-default > .tdcFsStyle-panel-heading
    {
    background-color:#f5f5f5;
    border-color:#ddd;
    }

    .tdcFsStyle-panel-primary
    {
	border-color:#316173;
    }

    .tdcFsStyle-panel-primary > .tdcFsStyle-panel-heading
    {
	background-color:#316173;
	border-color:#316173;
	color:#fff;
    }

   .tdcFsStyle-panel-danger
    {
	border-color:#a94442;
    }

    .tdcFsStyle-panel-danger > .tdcFsStyle-panel-heading
    {
	background-color:#a94442;
	border-color:#a94442;
	color:#fff;
    }

    .tdcFsStyle-panel-info
    {
	border-color:#3f97cb;
    }

    .tdcFsStyle-panel-info > .tdcFsStyle-panel-heading
    {
	background-color:#3f97cb;
	border-color:#3f97cb;
	color:#fff;
    }

    .tdcFsStyle-panel-warning
    {
	border-color:#D9BA21;
    }

    .tdcFsStyle-panel-warning > .tdcFsStyle-panel-heading
    {
	background-color:#D9BA21;
	border-color:#D9BA21;
	color:#000;
    }

    .tdcFsStyle-panel-success
    {
	border-color:#7eba27;
    }

    .tdcFsStyle-panel-success> .tdcFsStyle-panel-heading
    {
	background-color:#7eba27;
	border-color:#7eba27;
	color:#000;
    }
    
    
    div.tdcFsStyle-panel-info a
    {
        color:#245269;
    }
    
    .tdcFsStyle-panel-warning a
    {
        color:#66512c;
    }
    
    .tdcFsStyle-panel-danger a
    {
        color:#843534;
    }

    .tdcFsStyle-panel-success a
    {
        color:#2b542c;
    }

    /* End panels */


/* Start loading */
.tdcFsStyle-loading {
	height:64px;
	font-family:sans-serif;
}

.tdcFsStyle-loading:after{
	clear:both;
}

.tdcFsStyle-loading-activity {
	animation-name: loading;
	animation-duration:1s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(0.0, 0.0, 1.0, 1.0);
	border: 8px solid silver;
	border-top: 8px solid #316173;
	border-radius:50%;
	box-sizing:border-box;
	float:left;
	height: 64px;
	width: 64px;
}

.tdcFsStyle-loading-message {
	float:left;
	margin-left:8px;
	font-weight:bold;
	line-height:64px!important;
}

@keyframes loading {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}
/* End loading */


/* Non Labels with wrapping text are too cramped so increase line height to reflect labels */
.fakeLabel span{
	line-height:1.6em;
}

/* Address selection is fixed at a small width but for SNN at least, 
   we want them full width so you can see more of address */
.fullWidthAddress #selectAddress {
	width:58.33% !important;
}