/*Check through boostrap and see what common classes it has so we can replace any of these with the bootstrap variant.*/

/*Classes for different widths*/

.FullWidth{
    width:100%;
}

.SeventyFiveWidth{
    width:75%;
}

.HalfWidth{
    width: 50%;
}

/*This is the most used two. it is used for the labels and fieldfs used in the inc_DynFieldsVBScriptOnly*/
.Small{
    width:35%;
}
.ExtraSmall{
    width:12.5%;
}

/*In retroprespect I didn't think we would need something as small as the next too. I might refactor thm to small a dn extra small. Than turn the above to medium or something.
*/
.Tiny{
    width:7.5%;
}

.ExtraTiny{
    width:5%;
}

/*Classes for different table values. This may have some repeating values of other classes, but these values work across the board so putting them in one class to make it faster.*/
.Table{
    width:100%;
    border:0;
    border-spacing:0;
    margin:0;
    padding:0;
    empty-cells: hide;
}

.AltColorTable .RowLightBlue {
    background-color: #c7d6e9;
}


/*@Media screen{
	.BreakWord{
		display: inline-block;
		word-break: break-word;
	}
}*/
.NavBarNotFloating {
    border-top: 1px solid #2b4b91;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}
.BorderCollapse{
	border-collapse: collapse;
}

.HalfTable {
    width: 50%;
    border: 0;
    border-spacing: 0;
    empty-cells: hide;
}

.SeventyFiveTable {
    width: 75%;
    border: 0;
    border-spacing: 0;
    empty-cells: hide;
}

.SixtyTable {
    width: 60%;
    border: 0;
    border-spacing: 0;
    empty-cells: hide;
}

.FixedLayoutTable {
    width: 100%;
    border: 0;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    /*The below is used in Some dynamic fields to allow their size to be changes. Most tables by defualt have a controlled width depending on their internal cells. layout mode fixed allows you to give the individual TD 
        A width and height that isn't effected by other td, tr, or anything that uses colspans.
    */
    table-layout: fixed;
    empty-cells: hide;
}



#MainTable {
    text-align: left;
    width: 100%;
    border: 0;
    border-spacing: 0;
    background-color: white !important;
    /*padding-bottom:3%;*/
}

/*This class sadly exists becuase there are some blank td that have nothing in them and is purely there for layout purposes.
    Empty cells is set to hidden for most pages since it works best that way, but there are some spots that need empty cells to be marked show.
*/
.ShowEmptyCells{
    empty-cells: show;
}

.BorderSpacingLow{
    border-spacing: 0 5px;
}

/*Classes for normal borders and table borders*/
.Borderless {
    border: 0 !important; 
}


.BorderedTop {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.BorderedThickTop {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.BorderFull {
    border-radius: 15px;
}

.BorderThickFull {
    border-radius: 25px;
}

.NoBorderSpacing {
    border-spacing: 0;
}

.BorderTopWhite {
    border-top: 2px solid white;
}
.BorderTopOrange{
    border-top: solid #F87C1D 2px;
}
.BorderBottomOrange {
    border-bottom: solid #F87C1D 1px;
}
.BorderBottomOrangeThick {
    border-bottom: solid #F87C1D 2px;
}


.BorderFullBlack {
    border: 1px solid black;
}

.BorderTopWhite {
    border-top: 2px solid white;
}


/*Classes for colors for backgrounds*/

.WhiteBackground {
    background-color: white;
}
.GreyBackground {
    background-color: #D3D3D3;
}
.DarkBlue {
    background-color: #2b4b91;
}
.BlueBackground {
    background-color: rgb(99,127,175);
}
.LightBlueBackground{
	background-color: rgb(58,101,179);
}

.PaleBlue {
    background-color: #c7d6e9 !important;
}

.LightPaleBlue {
    background-color: white;
}
.GreyBlue {
    background-color: rgb(103,131,178);
}

.Highlightyellow {
    background-color: lightgoldenrodyellow;
}

/*Classes for padding*/

/*Might make the class below for bottom of tables only since not everything would use a 3% padding.*/
.PaddingBot{
	padding-bottom:3%;
}

.PaddingBotSmall {
    padding-bottom: 1%;
}

.PaddingTopSmall{
    padding-top: 1%;
}

td{
    padding:0;
}



.NoPadding {
    padding: 0 !important;
}

td.NoPadding {
    padding: 0;
}

.PaddingLeft{
    padding-left:1%;
}
/*Clases for Margins*/
.MarginTop{
     margin-top:3%;
}

.MarginBot{
    margin-bottom: 3%;
}

.MarginLeft {
    margin-left: 3%;
}

.NoMargin{
    margin:0;
}

.MarginAuto{
    margin:auto;
}
/* This is used to center buttons on different resolutions. There is a media query down below for the other resolutions.*/
.MarginButtonLeft {
    margin-left: 29%;
}

/*Classes for different text allingment*/
.TextLeft{
    text-align:left;
}

.TextRight {
    text-align: right;
}

/*Classes for Box Shadows*/
.DarkBlueShadow {
    box-shadow: 0px 0px 10px 3px rgb(58,76,119);
}



/*Classes for premade fonts. in the future some of these should be changed from px values to em*/
.TimesRomanFont {
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
    color: black;
    text-align: left;
}

.ThirtyTwoFont{
    font-size:32pt;
}
/*Classes with little helpers. Some use cases is for element selectors. 
Imagine a table that you want only the td's in this table to have no borders, but don't want to individual add the class to every td. 
    You can add an empty class to the table with no css code and do a child selector to make all elements of a certain type to have special css code.*/


/*Add the BorderLessTdParent class to a table (or anything else with td childs) where you want all child td's to have no borders. This is used in example in the singlePrintableNote.asp*/
.BorderLessTdParent td {
        border: 0;
}

.NoPaddingLeft td {
    padding-left: 0;
}

.PaddingTop td {
    padding-top: 6px;
}

/*There are a lot of places that have tables and the first and last td in the table are &nbsp.
    We don't want these to have borders. */
.NoBorderFirstLastChild:first-child, .NoBorderFirstLastChild:last-child {
    border: none;
}

/*Classes for widgets that are on multiple pages. Example the change password popup.*/
.ChangePasswordTable {
    width: 55%;
    margin: 3% auto;
    padding: 0 50px;
    padding-bottom: 5%;
}

.ChangePasswordText {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 14pt;
    color: black;
    padding-bottom: 5%;
}


/*Classes for alignment*/
.VerticalBottomAlign{
    vertical-align:bottom;
}

.BlackText{
    color:black;
}


.Divider{
    border-bottom: 5px black solid;
}

.vAlign{
    vertical-align:top;
}

@media only screen and (max-width:1440px) {
    /* This is used to center buttons on different resolutions. There is a media query down below for the other resolutions.*/
    .MarginButtonLeft {
        margin-left: 19%;
    }
}