@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500');

 .small-font {
	font-size: 12px !important;
}

.center-controls {
	margin: auto;
	float: none;
}

   .adjusted-select {
        padding: 0;
    }
    .undo-formgroup-padding, .undo-controls-padding > .controls {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .form-group.DatePicker_3_0_0 .bootstrap-select.btn-group .dropdown-menu.inner,
    .form-group.limit-height .bootstrap-select.btn-group .dropdown-menu.inner {
        max-height: 270px !important;
    }
.text-left, .text-left .button-radio button, .text-left .button-checkbox button, .text-left .button-checkbox-alt button {
	text-align: left;
}
.input-group-addon.add-on {
	padding: 6px 17px !important;
}

.set-width-40 {
	width: 40px !important;
}

.icons {
	font-weight: normal !important;
	cursor: pointer;
}
.icons i {
	font-size: 23px;
    font-weight: lighter;
    padding-right: 8px;
    vertical-align: bottom;
}
.icons span {
	text-decoration: underline !important;
}

.grey {
	color: #777 !important;
}

.two-col-header {
	padding-top:0 !important;
	display: inline-block;
}

.remove-button-style {
	cursor: pointer;
	display: inline-block;
    	vertical-align: middle;
	margin-left: 70px;
	margin-bottom: 10px;
}

.icons-header {
	clear: right !important;
	float: left; 
	padding-top: 0px;
	text-decoration: none !important;
}

.icons-header i {
	color: #d9001b;
	font-weight: normal !important;
	vertical-align: middle !important;
	font-size: 17px !important;
}

.icons-header > span {
	text-decoration: none !important;
}

.back-curve-box {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}

.front-curve-box {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.fix-preset-prettify {
        clear: left; 
        font-size: 14px !important;
        font-weight: bold !important;
        padding-top: 30px;
        padding-left: 0px;
}

.removePadding
{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.tooltip-inner {
    max-width: 200px;
    width:200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px;
}

.TestModeBox
{
  background-color: #f0946a;
}

.TestModeHeader
{
  font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    color: #fff !important;
    font-size: 30px !important;
    text-align: center !important;
  text-align: center;
  padding-top: 10px;

}

.TestModeText
{
  font-family: 'Montserrat', sans-serif !important;
    font-weight: 200 !important;
    color: #fff !important;
    font-size: 16px !important;
    text-align: center !important;
  text-align: center;
  padding-bottom: 10px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance: textfield;
}

/*
 .tooltipstyle + .tooltip > .tooltip-inner {

      font-size: 12px;
      width: 400px !important;
      max-width: 500px !important;
      min-width: 400px !important;
      text-align: left !important;
      padding: 15px;
      
  }
  .tooltip-inner
  {
    width: 500px !important;
  }
  
  .tooltipstyle + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid black;
  }
 
  .tooltipstyle + .tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid black;
  }
  
  .tooltipstyle + .tooltip.left > .tooltip-arrow {
      border-left: 5px solid black;
  }
 
  .tooltipstyle + .tooltip.right > .tooltip-arrow {
      border-right: 5px solid black;
  }

.tooltip.top-left .tooltip-arrow {
  bottom: -5px;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.top-right .tooltip-arrow {
  bottom: -5px;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.bottom-left .tooltip-arrow {
  top: -5px;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
.tooltip.bottom-right .tooltip-arrow {
  top: -5px;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
*/

html, body 
{
    min-width: 320px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
}

.HeaderBox
{
  margin-top: 10px;
}
.BrokerHeaderInfo
{
  padding-top: 20px;
  text-align: right !important;
  margin-top: 10px;
  height: 100px;
}
.BrokerHeaderLogo
{
  text-align: left;
}

.modaltext
{
  color: #01529b;
  text-align: center;
  margin-bottom: 20px;
  margin-top: -15px !important;
}

.CoverageButton
{
    border: 2px solid #29648d;
    color: #29648d;
    font-size: 14px;
    width: 80%;
}

.AddCoverageIcon 
{
    color: #939393;
    padding-top: 10px;
}

.AddCoverageText
{
    color: #939393;
    padding: 20px;
}

.AddCoverageButton
{
    padding-bottom: 10px;
}


.radiotextbutton
{
  padding-right: 0px !important;
   padding-left: 0px !important;
}
.radiotextbuttondiv
{
   padding-right: 0px !important;
   padding-left: 0px !important;
}
.radiotextbuttongroup
{
  padding-bottom: 20px !important;
  padding-right: 5px !important;
   padding-left: 5px !important;
}
.radiotextbuttonbuttons
{
   padding-right: 0px !important;
   padding-left: 0px !important;
}

.validationFeedback
{
    margin-left: 10px;
}


.checkbox.checkbox-circle label::before 
{
    border-radius: 0% !important; 
}

.checkbox.checkbox-circle.round label::before 
{
    border-radius: 50% !important; 
}

.payment
{
    margin-top: 15px !important;
}

.GreenBox
{
    background: #dff1d8;
    color: #3b754b;
    border: 1px solid #d0eac6;
    border-radius: 5px !important;
    font-size: 14px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
    margin-bottom: 25px;
    margin-top: 25px;
}



.SecondaryButton
{
    background-color: #fff !important;
    padding-top: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    height: 45px;
    vertical-align: middle;
}
   
.GreyBox
{
    background: #f2f2f2;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
    font-size: 16px !important;
    margin-bottom: 25px;
    margin-top: 25px;
}

.package
{
    border: 1px solid #cccccc;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-bottom: 15px;
}

.packageTitle
{
    background: #2f4451;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.packagePremium
{

    padding-right: 0px !important;
    padding-left: 0px !important;
}

.packageYearly, .packageMonthlyReplace
{
    text-align: center;
    font-size: 36px;
    color: #fff;
    padding-right: 0px !important;
    padding-left: 0px !important;

    font-family:'Montserrat-ExtraLight', 'Montserrat ExtraLight', 'Montserrat';
    font-weight:200;
}

.packageAnnual
{
  text-align: center;
  font-size: 16px;
  color: #fff;
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-bottom: 5px;
  font-family:'Montserrat-ExtraLight', 'Montserrat ExtraLight', 'Montserrat';
  font-weight:200;
}

.packagePerYearly, .packagePerMonthlyReplace
{
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.packageMonthly
{
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.packageFields
{
    text-align: center;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 20px;
}
.packageFieldsLeft
{
    text-align: left;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 20px;
}

.PackageDropdown
{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.packageCoverageVal {
	background: #f5f5f5;
	padding: 10px;
	text-align: left;
	border-radius: 4px;
	font-weight: normal;
}

.PackagesPremium {
	min-height: 55px;
}

.has-feedback .form-control, .has-feedback .select2
{
    padding-right: 0px !important;
    /*text-align: center;*/
}

.submit 
{
    border-radius: 4px !important;
    background-color: #2675bb !important;
    color: #ffffff !important;
    margin-top: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
}

button.cancel {
	background-color: #fff !important;
  border-color: transparent !important;
}

.center 
{
    text-align: center;
}
.left 
{
    text-align: left;
}
.right 
{
    text-align: right;
}
.termsCheckbox, .termsCheckboxCustom, .termsCheckboxPadding .checkbox
{
    padding-top: 25px;
    padding-bottom: 25px;
}

        .termsCheckboxCustom {
            background: #DFF0D8;
            margin: 10px 0 20px !important;
            padding: 10px 35px;
        }

        .termsCheckboxCustom, .termsCheckboxCustom .control-label {
            font-weight: bold !important;
            color: #3c763d;
        }

	.termsCheckboxCustom input {
	    margin-right: 10px;
	    vertical-align: top;
	    cursor: pointer;
	}

.FullTermsCheck label span.text
{
  color: #3c763d !important;
  font-weight: bold !important;
}

.FullTermsCheck 
{
  margin-top: 10px !important;
  //border: 1px solid #e5e5e5;
  color: #fff !important;
  border-radius: 5px;
  margin-top: 10px;
  padding-left: 40px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 80%;
  background-color: #dff0d8 !important;
}


.button-radio-image button:focus, .button-radio-image button.active:focus, .button-radio-image button:active, .button-radio-image button.active 
{
    
    color: #fff !important;
    font-weight: 500 !important;
    box-shadow: unset !important;
   
    outline:0 !important;
}

/* SPECIAL: For 004-boat and 004-boat-cp-v2 */
.button-radio-image-BIG button:focus, .button-radio-image-BIG button.active:focus, .button-radio-image-BIG button:active, .button-radio-image-BIG button.active 
{
    color: #fff !important;
    font-weight: 500 !important;
    box-shadow: unset !important;
   
    outline:0 !important;
}

.button-radio-image button 
{
    border-radius: 4px !important;
}

/* SPECIAL: For 004-boat and 004-boat-cp-v2 */
.button-radio-image-BIG button 
{
    border-radius: 4px !important;
}

.button-radio-image button:hover 
{
    color: #000 !important;
}

/* SPECIAL: For 004-boat and 004-boat-cp-v2 */
.button-radio-image-BIG button:hover 
{
    color: #000 !important;
}

.button-radio-image 
{
    padding-left: 0 !important;
    margin-right: 15px;
    min-width: 130px !important;
    margin-left: 0px!important;
}

/* SPECIAL: For 004-boat and 004-boat-cp-v2 */
.button-radio-image-BIG
{
    padding-left: 0 !important;
    margin-right: 15px;
    min-width: 130px !important;
    margin-left: 0px!important;
}

.button-radio-image button
{
    height: 180px !important;
    width: 100% !important;
    box-shadow: 0px 0px 2px #dddddd;
}

/* SPECIAL: For 004-boat and 004-boat-cp-v2 */
.button-radio-image-BIG button
{
    height: 230px !important;
    width: 100% !important;
    box-shadow: 0px 0px 2px #dddddd;
}

.tall-boxes .button-radio-image button {
    height: 220px !important;
}

.RadioImageBox
{
  padding-left: 10px !important; 
  padding-right: 10px !important;  
}

.RadioImageBox-BIG
{
  padding-left: 10px !important; 
  padding-right: 10px !important;  
}

.RadioImageBoxIcon
{
  height: 50%;
  font-size: 50px;
  padding-top: 10px;
}

.RadioImageBoxIcon-BIG
{
  height: 40%;
  font-size: 50px;
  padding-top: 10px;
}

.RadioImageBoxText
{
  height: 30%;
}

.RadioImageBoxText-BIG
{
  height: 45%;
}

.RadioImageBoxSelect
{
  height: 20%;
}

.RadioImageBoxSelect-BIG
{
  height: 10%;
}

.CheckModalBox
{
  padding-left: 10px !important; 
  padding-right: 10px !important;  
}
.CheckModalBoxIcon
{
  font-size: 60px;
  padding-top: 20px;
}
.CheckModalBoxText
{
  height: 30%;
  padding-left: 0px !important; 
  padding-right: 0px !important;  
}
.CheckModalBoxSelect
{
  font-size: 35px;
  text-align: left;
  padding-left: 0px !important; 
  padding-right: 0px !important;  
}

.CheckModalBoxTop
{
  height: 65% !important;
    padding-left: 0px !important; 
  padding-right: 0px !important;  
}
.CheckModal
{
padding-left: 0px !important; 
  padding-right: 0px !important;  
}

.CheckModalSpan
{
  height: 180px !important;
}

.modalspan
{
  cursor: pointer;
}




.PackageCheckModalBox
{
  padding-left: 10px !important; 
  padding-right: 10px !important;  
}
.PackageCheckModalBoxIcon
{
  font-size: 30px;
  padding-top: 20px;
  padding-left: 0px !important; 
  padding-right: 0px !important; 
}
.PackageCheckModalBoxText
{

  height: 40%;
  padding-left: 0px !important; 
  padding-right: 0px !important;  
}
.PackageCheckModalBoxSelect
{
  font-size: 20px;
  text-align: left;
  padding-left: 0px !important; 
  padding-right: 0px !important;  
}

.PackageCheckModalBoxTop
{
  height: 60% !important;
  padding-left: 0px !important; 
  padding-right: 0px !important;  
}
.PackageCheckModal
{
padding-left: 0px !important; 
  padding-right: 0px !important;  
}

.PackageCheckModalSpan
{
  height: 140px !important;
}

.Packagemodaltext
{
    font-size: 10px;
    padding-bottom: 15px;
    text-align: center;
    margin-top: -10px;
}

.PackageCheckModalBoxText
{
  font-size: 11px;

}


.DetailsIcon
{
  font-size: 50px;
  text-align: center;
  padding-left: 20px;
}

.DetailsText
{
  
}
.DetailsFieldBox
{
  padding-top: 20px;
}


.AddRemoveBox
{
  height: 180px;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px; 
  border-color: #cccccc;
  background: #fff; 
  color: #000 !important;
  margin-left: 10px; 
  margin-right: 10px;  
  text-align: center;
}

.AddRemoveBoxImage
{
  height: 55%;
  font-size: 50px;
  padding-top: 10px;
}

.AddRemoveBoxLabel, .AddRemoveBoxNote
{
    height: 23%;
    padding: 0 5px;
}

.AddRemoveBoxNote {
  padding-top: 5px;
}

.AddRemoveBoxButtons
{ 
  height: 25%;
}
.AddRemoveBoxAddRemove
{
  background-color: #8cbb6c !important;
  font-size: 15px; 
  width:30px; 
  height: 30px; 
  color: white;
  border: none;
}

.AddRemoveBoxInput
{
  width: 45px; 
  height: 30px; 
  text-align: center; 
  font-size:15px; 
  padding-bottom: s0px;
}

.shortImage {
	height: 45% !important;
}



.button-radio button:focus, .button-radio button.active:focus, .button-radio button:active, .button-radio button.active,
.button-checkbox-alt button.active:focus, .button-checkbox-alt button.active
{
    
    color: #000 !important;
    font-weight: 500 !important;
    box-shadow: unset !important;
   
    outline:0 !important;
}
.button-radio button,
.button-checkbox-alt button
{
    border-radius: 4px !important;
}

.button-checkbox-alt button {
  font-size: 13px;
}

.button-radio button:hover,
.button-checkbox-alt button:hover 
{

 
    color: #ffffff !important;
}

.button-checkbox-alt button:focus, .button-checkbox-alt button:active {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

i.state-icon.fa.fa-circle-o, i.state-icon.fa.fa-dot-circle-o {
    display: none;
}
.button-radio, .button-checkbox-alt
{
    padding-left: 0 !important;
    margin-right: 5%;
    min-width: 130px !important;
    margin-left: 0px!important;
}

.button-checkbox-alt
{
    margin-right: 0 !important;
}

.button-radio button, .button-checkbox button, .button-checkbox-alt button
{
    white-space: normal;
    min-height: 40px !important;
    width: 100% !important;
    box-shadow: 0px 0px 2px #dddddd;
}

div.button-checkbox-alt {
  margin-bottom: -4px !important;
}

.back-button
{
	margin-bottom: 10px !important;
}

.new-back-button
{
    color: #fcf8e3;
    background-color: #FCF8E3;
    border: 1px solid #C6B140;
    font-size: 16px;
    padding: 8px;
    border-radius: 3px;
}

.change-button
{
  color: #31708e;
  background-color: #d9edf7;
  border: 1px solid #31708e;
    font-size: 16px;
    padding: 8px;
    border-radius: 3px;
}
.DetailedHeaderPage
{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
    font-style: normal;
    font-size: 34px;
    color: #333333;
    line-height: normal;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.DetailedHeaderProduct
{
    font-family: 'Montserrat-Medium', 'Montserrat Medium', 'Montserrat';
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    color: #666666;
    line-height: normal;
}

.DetailedHeaderInfo
{
	font-family: 'Montserrat-Medium', 'Montserrat Medium', 'Montserrat';
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.DetailedHeaderNumber
{
	font-family: 'Montserrat-Regular', 'Montserrat';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-align: right;
}

.information-box {
  border: 1px solid #bcdff1;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}

.YellowBox
{
    background: #fcf8e3;
    color: #8A6D3B;
    border: 1px solid #fcf8e3 !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
    margin-bottom: 25px;
    margin-top: 25px;
}

.GreenBox2
{
    background: #dff0d8;
    color: #8A6D3B;
    border: 1px solid #fcf8e3 !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
    margin-bottom: 25px;
    margin-top: 0px;
}

.controls .BasicCheckbox {
    margin-top: 0 !important;
    margin-left: 10px !important;
}

.information-box h4 {
  font-weight: 500 !important;
  margin: 0 0 10px !important;
}

.AppInfoBox, .Content-Outter
{
  padding-left: 0px !important; 
    padding-right: 0px !important; 
}


#app-content-box h4 
{
  color: #333 !important;
  font-weight: 300 !important;
}

#app-footer-box 
{
  //border-top: 1px solid black;
}

.content-box 
{
  margin-bottom: 10px;
  overflow-y: auto;
   padding-left: 0px !important; 
    padding-right: 0px !important; 
}

.controls, .controls h3 
{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.content-box .inner-box 
{
  //border-bottom:1px solid black;
  //border-radius: 4px;
  line-height: 1.75;
  margin-bottom:20px;
  padding: 20px;
  overflow-y: auto;
}

.content-box h3 
{
  margin-top: 0;
}

.content-box label 
{
  color: #333;
}

.greyBox 
{
  background-color: #e9e9e9;
  border-radius: 10px;
  min-height:60px;
  margin-bottom:40px
}

.lightBlueBox 
{
  background-color:#D9EDF7;
  color: #31708f !important;
}

.lightBlueBox h3 
{
  background-color:#D9EDF7;
  color: #31708f !important;
}

.lightYellowBox .contentBox 
{
  background-color: #f2f2f2;
}

.lightBlueBorder .inner-box 
{
    border: 1px solid #f3f3f2;
    border-radius: 4px;

}

#next-button
{
  border-radius: 4px !important;
  padding-left: 30px;
  padding-right: 30px;
}
.day
{
  font-weight: 700 !important; 
}
.old
{
  font-weight: 700 !important; 
}.new
{
  font-weight: 700 !important; 
}
.disabled
{
  font-weight: 100 !important; 
}
.control-label
{
  padding-right: 20px !important;
}
.datepicker table tr td.old, .datepicker table tr td.new
{
  color: #000 !important;
}

h1, h2, h3, h4, h5, h6 
{
    line-height: 1.25 !important;
}

h1
{
  margin-top: 0px !important;
  font-weight: 500 !important; 
  font-size: 34px !important;
  color: #333333 !important;
} 
h2
{
  font-weight: 200 !important; 
  font-size: 30px !important;
} 
h3
{
  font-weight: 300 !important;
} 
h4
{
  margin-top: 0px !important;
  font-weight: 500 !important; 
  font-size:  18px !important;
  color: #666666 !important;

}
h5
{
  font-weight: 600 !important;
}
h6
{
  margin-top: 0px !important;
  font-weight: 700 !important; 
  font-size:  18px !important;
}

.section-heading {
    clear: both;
    padding: 70px 15px 15px 30px;
}

p, label 
{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size:  14px !important;
    color: #777777;
}

.total-label-container {
    margin-bottom: 0 !important;
}

.total-label-container .total-label {
    border: none !important;
    box-shadow: none !important;
    min-height: 1px;
}

.form-group label.hide-validation i.validationFeedback {
    display: none !important;
}

.form-control, .btn-default, .select2 .select2-selection
{
   border: 1px solid #333333 !important;
}

.select2 {
	width: 100% !important;
}

.select2 .select2-selection:hover {
	background-color: #e6e6e6;
	cursor: pointer;
} 

.select2 ul {
	padding-top: 10px !important;
	padding-bottom: 3px !important;
}

.select2 ul li {
	cursor: pointer !important;
	margin-top: 0 !important;
}

.select2-selection__arrow {
    top: 8px !important;
}

.select2-selection--single {
    padding-top: 8px;
}

.bootstrap-select, .select2-selection--single
{
    min-height: 47px !important;
}
.form-control .btn-default
{
   border: 0px solid #333333 !important;
}
.form-control, .bootstrap-select>.dropdown-toggle, .chosen-container, .chosen-single 
{
    min-height: 45px;
   
}

.select-caret ul.select2-selection__rendered:after {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.ModalClose
{
  text-align: right;
}

.modal-content
{
  padding: 15px;
  margin-top: 50px;
}
.modaltexttitle
{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
}
.modaltextmiddle
{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.modaltextbottom
{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 10px !important;
}
.modal-close
{
  padding: 0px !important;
  font-size: 25px !important;
}
.modaltextbox
{
  /*margin-top: -20px;*/
}
.modaldiv
{
  height: 0px !important;
}


.newPackage
{
  
}


.CustomPackage
{
    border-radius: 5px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.CustomPackagePrice
{
    color: #fff;
    font-size: 60px;
    font-family: 'Montserrat', sans-serif !important;
    text-align: center;
    padding-top: 20px;
}
.CustomPackageDescription
{
    color: #fff;
    text-align: center;
    font-size: 12px;
}
.CustomPackagePerYear
{
    color: #fff;
    text-align: center; 
    font-size: 14px;
    padding-bottom: 15px;
}
.CustomPackageFieldAlt
{
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px !important;
}
.CustomFieldAlt
{
    padding-left: 20px;
}
.CustomPackageField
{
    color: #fff;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}
.CustomPackageFieldItems
{
    color: #fff;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
}
.PackageDropDown
{
    padding-right: 0px !important;

}
.PackageDropDownContainer
{
    margin-bottom: 0px !important;
}
.CustomPackageContinue
{
    text-align: center;
    padding-bottom: 20px;
    padding-top: 12px;
}
.ContineButton
{
    background-color: #fff !important;
    color: #36708e !important; 
}

.SummeryTitle
{
  background-color: #666666;
  color: #ffffff;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif !important;
  padding: 10px;
  border-radius: 4px;
}
.SummeryLine
{
  background-color: #f2f2f2;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif !important;
  padding: 10px;
}
.SummeryLineAlt
{
  background-color: #ffffff;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif !important;
  padding: 10px;
}
.SummaryBox
{

  padding-top: 15px;
  padding-bottom: 15px;
}



.confimationPageHeading
{
  text-align: center;
}
.confirmationpolicyline
{
  padding: 3px;
}
.confirmationpolicylineitem
{

}
.confirmationAddressHeading
{
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.confirmationaddressline
{
  padding: 3px;
}
.confirmationaddresslineitem
{

}
.confirmationPaymentHeading
{
    text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.confirmationpaymentline
{
  padding: 3px;
}
.confirmationpaymentlineitem
{

}
.confirmationPurchaseHeading
{
      text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.confirmationpurchaseline
{
  padding: 3px;
}
.confirmationpurchaselineitem
{

}

.TermsBorder
{
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-top: 10px;
}
.RadioBorder
{
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-top: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.CheckLabel
{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px !important;
}
.FooterText
{
  font-size: 12px;
  margin-top: 20px; 
}
.BasicCheckbox
{
  margin-bottom: 15px;
  margin-left: 0px !important;
}
.mailingcheck
{
  padding-left: 0px !important;
}

.padding-top-alt-checkbox .mailingcheck {
  padding-top: 17px;
}


.packageline
{
  padding-top: 10px;
}

.DetIcon
{
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-bottom: 20px;
  font-size: 80px;
}
.DetIconBox
{
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px; 
  border-color: #cccccc;
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-top: 20px;
  padding-bottom: 20px;
}
.DetModalBox
{
  text-align: center;
  height: 30px;
}
.DetIconText
{
  padding: 0px !important;
}
.DetFieldBox
{
  padding: 0px !important;
}
.detsfieldbox
{
  padding: 0px !important;
}
.detmain
{
  padding: 0px !important;
}
.IconBox
{
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px; 
  border-color: #cccccc;
  padding-top: 20px;
  padding-bottom: 20px;

}
.IconBoxIcon
{
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-bottom: 20px;
  font-size: 80px;
}
.IconBoxText
{

}

.FactoidBox
{
  text-align: center;
}
.FactoidBoxHeading
{

}
.FactoidBoxIcon
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.FactoidBoxText
{

}
.clear-left {
   clear: left;
}
.fix-preset {
   margin-bottom: 25px; 
   text-align: left;
}
.padding-left-none {
   padding-left: 0px !important;
}

.btn-no-bot-spacing {
    margin-bottom: -15px !important;
}

.add-bot-spacing {
    margin-bottom: 25px !important;
}

.font-400 {
   font-weight: 400 !important;
}

.padding-left-0 {
   padding-left: 0 !important;
}

.col-4 {
    width: 350px !important;
}
}
@media (min-width: 991px)
{

.col-4 {
    width: 390px !important;
}
}

@media (max-width: 991px) {
	.tall-boxes .button-radio-image button {
    		height: 340px !important;
	}
}

@media (min-width: 768px) {
	button.cancel {
		margin-left: 2% !important;
	}
}

@media (max-width: 767px)
{
  .col-4
  {
    position: relative !important;
    width: 100% !important;
  }
	button.cancel {
		margin-top: -10px !important;
	}
}

.detailedFieldContainer
{
  padding-bottom: 30px;
}

/*
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}*/




html, body { width: 100%; }

small.validation_message { background-color: red; color: #fff; padding: 0.25em; }

body #app, body #loader { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

body.loading #app { opacity: 0; position: absolute; }

body:not(.loading) #app { opacity: 1; }

body.loading { position: fixed; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; }

body.loading #loader { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; opacity: 1; }

body:not(.loading) #loader { opacity: 0; }

body.loading #loader, body.loading #loader:before, body.loading #loader:after { border-radius: 50%; width: 1.75em; height: 1.75em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 0.8s infinite ease-in-out; animation: load7 0.8s infinite ease-in-out; }

body.loading #loader { color: #888; font-size: 1em; margin: 1em auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

body.loading #loader:before, body.loading #loader:after { content: ''; position: absolute; top: 0; }

body.loading #loader:before { left: -3em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

body.loading #loader:after { left: 3em; }

@-webkit-keyframes load7 { 0%,
  80%,
  100% { -webkit-box-shadow: 0 2.5em 0 -1.3em; box-shadow: 0 2.5em 0 -1.3em; }
  40% { -webkit-box-shadow: 0 2.5em 0 0; box-shadow: 0 2.5em 0 0; } }
@keyframes load7 { 0%,
  80%,
  100% { -webkit-box-shadow: 0 2.5em 0 -1.3em; box-shadow: 0 2.5em 0 -1.3em; }
  40% { -webkit-box-shadow: 0 2.5em 0 0; box-shadow: 0 2.5em 0 0; } }
.row.v-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.row.v-center p { margin: 0; }

::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: black; opacity: 0.25; /* Firefox */ }

:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: black; opacity: 0.25; /* Firefox */ }

::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: black; opacity: 0.25; /* Firefox */ }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: black; opacity: 0.25; /* Firefox */ }


            .StripeElement {
              background-color: white;
              padding: 8px 12px;
              border-radius: 4px;
              border: 1px solid #cccccc;
              box-shadow: 0 1px 3px 0 #e6ebf1;
              -webkit-transition: box-shadow 150ms ease;
              transition: box-shadow 150ms ease;
              margin-bottom:20px;
              
              
            }
            .StripeElement--focus {
              box-shadow: 0 1px 3px 0 #cfd7df;
            }
            .StripeElement--invalid {
              border-color: #fa755a;
            }
            .StripeElement--webkit-autofill {
              background-color: #fefde5 !important;
            }
            .cardholder-name {
              font-family: \"Helvetica Neue\", Helvetica;
              font-size: 15px;
              font-variant: normal;
              padding: 0;
              margin: 0;
            }
            .group {
              background: white;
              border-radius: 4px;
              margin-bottom: 20px;
            }
            .group label {
              position: relative;
              color: #8898AA;
              font-weight: 300;
              height: 40px;
              line-height: 40px;
              margin-left: 20px;
              display: block;
            }
            .group label:not(:last-child) {
              border-bottom: 1px solid #F0F5FA;
            }
            .group label > span {
              width: 20%;
              text-align: right;
              float: left;
            }
            .group .field {
              background: transparent;
              font-weight: 300;
              border: 0;
              color: #31325F;
              outline: none;
              padding-right: 10px;
              padding-left: 10px;
              cursor: text;
              width: 70%;
              height: 40px;
              float: right;
            }
            .group .field::-webkit-input-placeholder { color: #CFD7E0; }
            .group .field::-moz-placeholder { color: #CFD7E0; }
            .group .field:-ms-input-placeholder { color: #CFD7E0; }
            .group button {
              float: left;
              display: block;
              background: #666EE8;
              color: white;
              border-radius: 4px;
              border: 0;
              margin-top: 20px;
              font-size: 15px;
              font-weight: 400;
              width: 100%;
              height: 40px;
              line-height: 38px;
              outline: none;
            }
            .group button:focus {
              background: #555ABF;
            }
            .group button:active {
              background: #43458B;
            }
            .group .outcome {
              float: left;
              width: 100%;
              padding-top: 8px;
              min-height: 24px;
              text-align: center;
            }
            .success, .error {
              display: none;
              font-size: 13px;
            }
            .success.visible, .error.visible {
              display: inline;
            }
            .error {
              color: #E4584C;
            }
            .success {
              color: #666EE8;
            }
            .success .token {
              font-weight: 500;
              font-size: 13px;
            }