/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-May-2016, 4:53:42 PM
    Author     : jb
*/
.ActionButton1 {
  color: #266bff;
  background: #BDDBFF;
  font-weight: bold;
  font-size: 150%;
  border: 1px solid #266bff;
  border-radius: 5px;
  margin-left: 10px;
  transition: all .3s ease-in-out;
  
}
 
.ActionButton1:hover {
  color: #FFF;
  background: #266bff;
  cursor: pointer;
  
}

.ActionButton3 {
  color: #266bff;
  background: #BDDBFF;
  font-weight: bold;
  font-size: 150%;
  border: 1px solid #266bff;
  margin-left: 20px;  
}
 
.ActionButton3:hover {
  color: #FFF;
  background: #266bff;
  cursor: pointer;
}



.ActionButton2 {

    color: #266bff;
    width: 412px;
    margin: 5px;
    background: #BDDBFF;
    font-weight: bold;
    font-size: 150%;
    border: 1.5px solid #266bff;
    border-radius: 5px;
    vertical-align: middle;
    transition: all .3s ease-in-out;
}

#VertButtonWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    
}

#VertHorizButtonWrapper {
    width: 950px;
    position: absolute;
    margin-top: 200px;

    
}


 
.ActionButton2:hover {
  color: #FFF;
  background: #266bff;
  cursor: pointer;
}



.LabelHeader1 {
    color: #001F4C;
    font-weight: bold;
}

.RadioFieldset {
    border: 0;
}

.HorizRadioLabel {
    margin: 0 10px 0 10px;
}

.FormQuestion {
    color: #001F4C;
    font-weight: bold;
}

.FormQuestionPadded {
    color: #001F4C;
    font-weight: bold;
    padding-bottom: 10px;
}


.Para1 {
    margin-left: 20px;
}

.Para1French {
    margin-left: 20px;
    padding-bottom: 10px;
}


.Para2 {

}



#supError {
    color: red;
}

#spanError {
    color: red;
    font-size: small;
}


.Label1 {
  	display: inline-block;
	/*float:left;*/
	/*width:200px;*/  
}

.Label1Contact {
        color: #001F4C;
        font-weight: bold;
  	display:block;
	float:left;
	width:200px;  
}




.Label1a {
  	display:block;
	float:left;
	width:200px; 
        margin-bottom: 50px;
      
}


.Label2 {
	width:200px;  
}

.Label2Radio {
    display:block;
    float:left;
    width:200px; 
    margin-left: 20px;
}

.Label3Radio {
    display:block;
    float:left;
    width:200px; 
}

/*PSS-1090*/
.Label3aRadio {
    display:block;
    float:left;
}

.Label4Radio {
    display:block;
    width:200px; 
    float:left;
}


.Label3 {
}

.Label4 {
  	display:block;
	float:left;
}

select.TextField1 {
/*    width: 214px;*/
    line-height: 1rem;
    padding: 6px;
}


.TextField1 {
  /*width:300px;*/
    width: 70%;
    display: block;
    height: 20px;
    padding: 5px 5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;  
}

.TextField10Char {
  width:100px;  
}

.AddressStreetNumberInput {
  width:100px;  
}

.AddressStreetAddInput {
  width:225px;  
}

.AddressStreetAddDiv {
  float:left;
  margin-right: 20px;  
}

.AddressMainCheckDiv {
    clear:both;
}

.TextFieldReadonly {
    
    width: 70%;
    display: block;
    height: 20px;
    padding: 5px 5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #eaeaea;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}


.TextAreaField1 {
  vertical-align: top;    
  width:700px;  
  height: 50px;
}


.LoginLabel {
    color: #001F4C;
    font-weight: bold;
}

.Buttonhref {
    text-decoration: none;
    background-color: #F1F1F1;
    color: #001F4C;
    margin-right: 0px;
    margin-left: 0px;    
    font-size: small;
    font-weight: bold;
    border: none;
    cursor: pointer;}


#ForgotLoginButton {
    color: #001F4C;
    border: none;
    font-size: smaller;
    font-weight: bold;
    background: #ffffff;
}

#ForgotLoginButton:hover {
  cursor: pointer;
  text-decoration:underline;
}


.LoginText {
    width: 400px;
    display: block;
    height: 20px;
    padding: 5px 5px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

.LoginPara {

}

#LoginInnerdiv {
    /*width: 950px;*/
    /*position: absolute;*/
    /*margin-top: 100px;*/
    /*margin-left: 30%;*/
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

.formfieldset { 
    display: block;
    margin-left: 20px;
    margin-right: 10px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    /*border: 1px groove #001F4C;*/
    border: none;
} 

.Questionformfieldset { 
    display: block;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px groove #001F4C;
} 

.formfieldsetselect {
    font-size: 1rem;
    padding: 5px;
    margin-right: 10px;
    width: 150px;
}

.formfieldsetlegend {
    color:#001F4C;
}

.divformfieldset { 
    display: block;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    /*border: 1px groove #001F4C;*/
} 

.divformfieldsetAlt1 { 
    overflow: hidden;
    display: block;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding-top: 0.35em;
    padding-bottom: 1.2em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px groove #001F4C;
} 



.divformfieldsetFrench { 
    min-height: 300px;
    display: block;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    /*border: 1px groove #001F4C;*/
} 


.divformfieldset1 { 
    display: block;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px groove #001F4C;
    height: 75px;
} 

.divformfieldset1Error { 
    display: block;
    margin-left: 20px;
    margin-right: 10px;
    margin-bottom: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 1px groove #001F4C;
    height: 150px;
} 



.divformfieldsetlegend {
    color:#001F4C;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    /*padding-left: 2px;*/
    /*padding-right: 2px;*/
    border: none;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}


.supRequired {
    color: #001F4C;
    font-weight: bold;
}


.formCheckbox{
 /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;

}
.formCheckbox:hover {
  /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);*/
  cursor: pointer;
}


.formCheckspan{
    margin-left: 10px;
}
.formCheckspan:hover {
  /* box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); */
  cursor: pointer;
}


.ReviewContainer {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #001F4C;
}

.reviewlabelspan {
    display: inline-block;
    width: 150px;
    font-style: italic;
    font-size: smaller;
}

.reviewlabelspannowidth {
    display: inline-block;
    font-style: italic;
    font-size: smaller;
}

#actionimagebutton {
    color: #001F4C;
    border: none;
    font-weight: bold;
    background: #F1F1F1;
    width:500px;
    height: 100px;
    border: none;
    text-align: center;

    
    
}

#actionimagebutton:hover {
  color:#001F4C;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  cursor: pointer;
}

.DashboardContainer {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.DashboardTable {
    width: 860px;
    border: 1px solid #001F4C;
}


.DashboardTableHeader {
    color: #001F4C;
    font-weight: bold;
    border: 1px solid #001F4C;
}

.DashTableCell {
    border: 1px solid #001F4C;
}

.DashTableCellAligned {
    border: 1px solid #001F4C;
    vertical-align: top;
    text-align: left;
    
}

.ShoppingCartContainer {
    overflow-y: scroll;
    height: 300px;
}

.ShoppingCartTable {
    width: 860px;
    border: 1px solid #001F4C;
}


.ShoppingCartTableHeader {
    color: #001F4C;
    font-weight: bold;
    border: 1px solid #001F4C;
}

.ShoppingCartCell {
    border: 1px solid #001F4C;
}

.ShoppingCartCellAligned {
    border: 1px solid #001F4C;
    vertical-align: top;
    text-align: left;
    
}

.divnavheadertext {
/*   float: left;
   width: 45%;
   height: 100px;*/
   margin: 0 auto;
}

.divnavheadersub {
/*   float: left;
   height: 100px;
position: absolute;
*/
    width: 208px;
    
}


.divdefaultformleft {
   float: left;
   margin: 5px;
}

.divdefaultformright {
    display: flex;
    /*position: absolute;*/
    right: 0;
   
}

.divdefaultdisptablerow {
    display: table-row;
}

.divdefaultdisptablecell {
    display: table-cell;
}

.divdefaulttextleft {
    text-align: left;
    margin-top: 40px;
}

.divdefaultformspacer {
   float: left;
   border-left: 4px solid #BDDBFF;
   margin-left: 2px;
   margin-right: 2px;
   margin-top: 10px;
   height:80px;
}

.breakclearboth {
    clear: both;
}

#ChangePassActionDiv {
    width: 500px;
    margin-left: -60px;
}

#DashNotifyDiv {
    border:1px solid #001F4C;
    margin: 10px;
}

#NoPaymentActionDiv {
    height: 100px;
}

#PayApprovedActionDiv {
    height: 100px;
}

#PayCancelledActionDiv100 {
    height: 100px;
}

#PayCancelledActionDiv5 {
    height: 5px;
}

#PrelimEligQDiv {
    width: 500px; 
    display: table-cell;
}

#PrelimEligInOttawaYesDiv {
    width: 100px;
    display: table-cell;
}

#PrelimEligInOttawaNoDiv {
    width: 100px;
    display: table-cell;
}

#PrelimEligInOttawaTempDiv {
    width: 100px;
    display: table-cell;
}

#LevelCompleteSpanCheckout {
    padding-top: 40px;
}

#LevelCompleteSpanNext {
    padding-top: 40px;
}

#LevelCompleteBufferDiv {
    height: 100px;
}

#LevelNoProfileBufferDiv {
    height: 100px;
}

#EivDLDataEntryDiv {
    padding-left:10px;
    float:left;
}

#ChooseLevelGroupDiv {
    /*float:left;*/
    width: 100%;
    margin: 10px;
    display: flex;
    background: #ffffff;
    justify-content: space-evenly;
    flex-wrap: wrap;
/*    padding-bottom: 10px;*/
}

#ChooseLevel1TypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #66cc66;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseLevel2TypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid red;
    flex-direction: column;
    justify-content: space-evenly;
}

#ChooseLevel3TypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}

#ChooseLevel1TypeDiv:after,#ChooseLevel2TypeDiv:after,#ChooseLevel3TypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseLevel1TypeDiv:hover:after,#ChooseLevel2TypeDiv:hover:after,#ChooseLevel3TypeDiv:hover:after {
    width: 100%;
}

.ChooseLevelImageSpan {
    color: white;
}



.ChooseLevelBufferDiv {
    /*float:left;*/
    display: inline-block;
    border-left: 4px solid #BDDBFF;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 10px;
    height:80px;
}

.ActionButtonIndexCreateAccount {
  color: #ffffff;
  background: #ed7d31;
  border: 2px solid #ed7d31;
  font-weight: bold;
  font-size: 150%;
  vertical-align: middle;
  border-radius: 25px;
  width: 700px;
  height: 60px;   
  
}

.ActionButtonIndexCreateAccount:hover {
  color: #001f4c;
  background: #ffffff;
  cursor: pointer;
  transition: color 0.20s ease-in-out,background-color 0.20s ease-in-out
}

.ActionButtonIndexLogon {
  color: #ffffff;
  background: #4472c4;
  border: 2px solid #4472c4;
  font-weight: bold;
  font-size: 150%;
  vertical-align: middle;
  border-radius: 25px;
  width: 700px;
  height: 60px;   
  
}

.ActionButtonIndexLogon:hover {
  color: #001f4c;
  background: #ffffff;
  cursor: pointer;
  transition: color 0.20s ease-in-out,background-color 0.20s ease-in-out
}

.ActionButtonIndexReturn {
  color: #ffffff;
  background: #aace9a;
  border: 2px solid #aace9a;
  font-weight: bold;
  font-size: 150%;
  vertical-align: middle;
  border-radius: 25px;
  width: 700px;
  height: 60px;  
  }

.ActionButtonIndexReturn:hover {
  color: #001f4c;
  background: #ffffff;
  cursor: pointer;
  transition: color 0.20s ease-in-out,background-color 0.20s ease-in-out
}

.IndexAltTextPara {
    font-weight: light;
    font-size: 15px;
    text-align: center;
    /*margin-left: 40px;*/
    
}

#IndexAltParaGroupDiv {
    margin-top: 100px;
    text-align: left;
}

#IndexAltHeader {
   text-align: center;
}

.IndexAltButtoncenter {
    padding-top: 10px;
    text-align: center;
    padding-bottom: 50px
}

.IndexAltHeaderInfo {
    color: #001F4C;
    font-weight: bolder;
    font-size: x-large;
    margin-left: 10px;
}


.collapsible {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #ccc;
}

.collapsible-content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

#NewApplicationButton {
    color: #001F4C;
    border: none;
    font-size: large;
    font-weight: bold;
    background: #ffffff;
}

#NewApplicationButton:hover {
  cursor: pointer;
  text-decoration:underline;
}


/* #bug 7628/7384/6552 */
#ChooseAdoptionTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseNPCustodyTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseNameChangeTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseReqForRecTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}

#ChooseKinshipTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}

/*PSS-243*/
#ChooseBRCTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}

#ChooseAdoptionTypeDiv:after,#ChooseNPCustodyTypeDiv:after,#ChooseNameChangeTypeDiv:after,#ChooseReqForRecTypeDiv:after,#ChooseKinshipTypeDiv:after,#ChooseBRCTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseAdoptionTypeDiv:hover:after,#ChooseNPCustodyTypeDiv:hover:after,#ChooseNameChangeTypeDiv:hover:after,#ChooseReqForRecTypeDiv:hover:after,#ChooseKinshipTypeDiv:hover:after,#ChooseBRCTypeDiv:hover:after {
    width: 100%;
}

/*PSS-1090*/
/* PSS-135 */
#ChooseCCDTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}

#ChooseCCDRTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseCCDRTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseCCDRTypeDiv:hover:after{
    width: 100%;
}

#ChooseCCDTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseCCDTypeDiv:hover:after{
    width: 100%;
}



#ChooseCSUMVSTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseCSUMVSTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseCSUMVSTypeDiv:hover:after{
    width: 100%;
}


#ChooseCSUORTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseCSUORTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseCSUORTypeDiv:hover:after{
    width: 100%;
}


#ChooseCSUONTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseCSUONTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseCSUONTypeDiv:hover:after{
    width: 100%;
}

#ChooseFOIAGTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseFOIAGTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseFOIAGTypeDiv:hover:after{
    width: 100%;
}


#ChooseFOIAPTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseFOIAPTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseFOIAPTypeDiv:hover:after{
    width: 100%;
}


#ChooseFOICPTypeDiv {
    /*float:left;*/
    text-decoration: none;
    font-size: larger;
    margin: 10px;
    padding: 30px;
    display: flex;
    width: 300px;
    height: 200px;
    background: #00539f;
    position: relative;
    border-radius: 25px;
    box-shadow: 0px 30px 40px -20px #506e93;
    border-top: 3px solid #57acf9;
    flex-direction: column;
    justify-content: space-evenly;
}


#ChooseFOICPTypeDiv:after {
    content: '';
/*    position: absolute;*/
    background-color: white;
    height: 3px;
    width: 0;
    left: 0;
    bottom: -1px;
    transition: 0.3s;
}

#ChooseFOICPTypeDiv:hover:after{
    width: 100%;
}