section{padding:60px 0px 60px 0px;}

.clear-fix{clear:both;}

.flex-center{display:flex!important;flex-wrap: wrap;justify-content:center;align-items:center;}

.al-lt{text-align:left;}
.al-rt{text-align:right;}
.al-cntr{text-align:center;}

.fl-lt{float:left;}
.fl-rt{float:right;}
.fl-none{float:none;}
.fl-left{float:left;}
.fl-right{float:right;}

.pd-0{padding:0px;}
.mg-0{margin:0px;}
.mg-auto{margin:0px auto;float:none;}

.mg-top-10{margin-top:10px;}
.mg-top-20{margin-top:20px;}
.mg-top-30{margin-top:30px;}
.mg-top-40{margin-top:40px;}
.mg-top-50{margin-top:50px;}
.mg-top-60{margin-top:60px;}
.mg-top-90{margin-top:90px;}

.mg-bottom-10{margin-bottom:10px;}
.mg-bottom-20{margin-bottom:20px;}
.mg-bottom-30{margin-bottom:30px;}
.mg-bottom-40{margin-bottom:40px;}
.mg-bottom-50{margin-bottom:50px;}
.mg-bottom-60{margin-bottom:60px;}
.mg-bottom-90{margin-bottom:90px;}

.mg-tp-bt-10{margin-bottom:10px;margin-top:10px;}
.mg-tp-bt-20{margin-bottom:20px;margin-top:20px;}
.mg-tp-bt-30{margin-bottom:30px;margin-top:30px;}
.mg-tp-bt-40{margin-bottom:40px;margin-top:40px;}
.mg-tp-bt-50{margin-bottom:50px;margin-top:50px;}
.mg-tp-bt-60{margin-bottom:60px;margin-top:60px;}
.mg-tp-bt-90{margin-bottom:90px;margin-top:90px;}

.box-shadow{box-shadow: 0px 0px 15px -5px #323B36;}



/* -------------------------------------Form Style--used in preplan page as a sample--------------------------------------------*/
.form-control{height:46px;border:2px solid #e0e0d8;border-radius:2px;box-shadow:none;}
.form-control:focus{border-color:#b69829;box-shadow:none;}
.form-group { position: relative; margin-bottom: 10px;}

.input-form,
.input-group{margin-bottom:10px;font-weight:500;}
.input-group-addon{color:#303030;background:transparent;border:2px solid #e0e0d8;border-right:0;font-size:14px;font-weight: 600;}

.lbl {font-weight: 700;font-size: 16px;}
.form-label { position: relative; top: 0; left: 0; -webkit-transform: translateY(0%); transform: translateY(0%);}

.btn {padding: 10px 16px; font-size: 18px;}














/* ------------------------------------------------Custom Checkbox-------------------------------------------------*/  
.chkbx_list input[type=checkbox] + label,
.chkbx_list input[type=checkbox]:checked + label::before{ width: 30px;height: 30px;}

.rdbtn_list input[type=radio] + label,
.rdbtn_list input[type=radio]:checked + label::before{ width: 30px;height: 30px;}
/*.chkbx_list input[type=radio] + label,
.chkbx_list input[type=radio]:checked + label::before{ width: 30px;height: 30px;}*/

.chkbx input,
.chkbx .checkmark{ width: 30px;height: 30px;}
.custom-checkbox .input,
.custom-checkbox .checkmark { width: 30px;height: 30px;}
      	
/*----------------Custom checkbox list----------------*/
.chkbx_list input[type=checkbox]{display: none !important;}
.chkbx_list label{display: inline;float: left; color: #666666; cursor: pointer; text-indent: 35px;white-space: nowrap;}
.chkbx_list input[type=checkbox] + label { display: block;padding-left: 0px;border-radius: 0%; border: 3px solid #c1ccc1; background: #f1fff1;vertical-align: middle;line-height: 30px;font-size: 16px;-moz-box-shadow:-3px 3px 3px #c2c2c2;-webkit-box-shadow:-3px 3px 3px #c2c2c2;box-shadow:-3px 3px 3px #c2c2c2;}
.chkbx_list input[type=checkbox]:checked + label {border: 3px solid #ae8e46; background: #ac9156;-moz-box-shadow:-3px 3px 3px #c1c1c1;-webkit-box-shadow:-3px 3px 3px #c1c1c1;box-shadow:-3px 3px 3px #c1c1c1;}
.chkbx_list input[type=checkbox]:checked + label::before{content: "\2714"; color: #efefef; display: inline;margin-right: 14px;margin-left: -30px;font-size: 20px;line-height: 26px; font-weight: 900;}

/*----------------Custom radio button list----------------*/
/*circular radio box*/
.rdbtn_list input[type=radio]{display: none !important;}
.rdbtn_list label{display: inline;float: left; color: #666666; cursor: pointer; text-indent: 35px;white-space: nowrap;}
.rdbtn_list input[type=radio] + label { display:block; padding-left: 0px; border-radius: 100%; border: 3px solid #c1ccc1; background: #f1fff1;vertical-align: middle; line-height: 30px; font-size: 16px;-moz-box-shadow:-3px 3px 3px #c2c2c2;-webkit-box-shadow:-3px 3px 3px #c2c2c2;box-shadow:-3px 3px 3px #c2c2c2;}
.rdbtn_list input[type=radio]:checked + label  {border: 3px solid #ae8e46; background: #ac9156;-moz-box-shadow:-3px 3px 3px #c1c1c1;-webkit-box-shadow:-3px 3px 3px #c1c1c1;box-shadow:-3px 3px 3px #c1c1c1;}
.rdbtn_list input[type=radio]:checked + label::before{ content: "\2714"; color: #efefef; display: inline; margin-right: 14px;margin-left: -30px; font-size: 20px;line-height: 26px; font-weight: 900;}	
/*squre radio box*/
/*.chkbx_list input[type=radio]{display: none !important;}
.chkbx_list label{display: inline;float: left; color: #666666; cursor: pointer; text-indent: 35px;white-space: nowrap;}
.chkbx_list input[type=radio] + label { display:block; padding-left: 0px; border-radius: 3px; border: 3px solid #c1ccc1; background: #f1fff1;vertical-align: middle; line-height: 30px; font-size: 16px;-moz-box-shadow:-3px 3px 3px #c2c2c2;-webkit-box-shadow:-3px 3px 3px #c2c2c2;box-shadow:-3px 3px 3px #c2c2c2;}
.chkbx_list input[type=radio]:checked + label  {border: 3px solid #ae8e46; background: #ac9156;-moz-box-shadow:-3px 3px 3px #c1c1c1;-webkit-box-shadow:-3px 3px 3px #c1c1c1;box-shadow:-3px 3px 3px #c1c1c1;}
.chkbx_list input[type=radio]:checked + label::before{ content: "\2714"; color: #efefef; display: inline; margin-right: 14px;margin-left: -30px; font-size: 20px;line-height: 26px; font-weight: 900;}	
*/

.chkbx_list input[type=radio]{display: none !important;}
.chkbx_list label{display: inline;float: left; color: #666666; cursor: pointer; text-indent: 35px;white-space: normal;}

.chkbx_list input[type=radio] + label,
.chkbx_list input[type=radio]:checked + label  {margin-bottom: 10px;margin-bottom: 10px;margin-right: 25px;margin-top: 5px;}

.chkbx_list input[type=radio] + label::before          {border: 3px solid #c1ccc1; background: #f1fff1;-moz-box-shadow:-3px 3px 3px #c2c2c2;-webkit-box-shadow:-3px 3px 3px #c2c2c2;box-shadow:-3px 3px 3px #c2c2c2;color: transparent;}
.chkbx_list input[type=radio]:checked + label::before  {border: 3px solid #ae8e46; background: #ac9156;-moz-box-shadow:-3px 3px 3px #c1c1c1;-webkit-box-shadow:-3px 3px 3px #c1c1c1;box-shadow:-3px 3px 3px #c1c1c1;color: #efefef; }

.chkbx_list input[type=radio] + label::before, 
.chkbx_list input[type=radio]:checked + label::before  {width: 30px;height: 30px; content: "\2714";display: inline; margin-right: 14px;margin-left: -30px; font-size: 20px;line-height: normal;padding: 0px 5px;}	




/*----------------Custom checkbox and radio button (single)----------------*/
/* The container */
.chkbx {display: block;position: relative;/*margin-left:5px;margin-top: 10px;*/margin-bottom: 12px;cursor: pointer;/*font-size: 22px;*/line-height: 26px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.chkbx input {position: absolute; opacity: 0;margin-top: 0;margin-top: 0px;z-index:1;}
.chkbx .checkmark {position: absolute;top: 0px;left: 0;border: 3px solid #c1ccc1;background: #f1fff1;}
 .chkbx .checkmark {-moz-border-radius: 3px;border-radius: 3px;-moz-box-shadow:-3px 3px 3px #c2c2c2;-webkit-box-shadow:-3px 3px 3px #c2c2c2;box-shadow:-3px 3px 3px #c2c2c2;}
.chkbx:hover input ~ .checkmark {border: 3px solid #c1ccc1;background-color: #ac9156; -moz-border-radius: 3px;border-radius: 3px;-moz-box-shadow:-3px 3px 3px #c2c2c2;-webkit-box-shadow:-3px 3px 3px #c2c2c2;box-shadow:-3px 3px 3px #c2c2c2;}
.chkbx input:checked ~ .checkmark {border: 3px solid #ae8e46;background-color: #ac9156; -moz-border-radius: 3px;border-radius: 3px;-moz-box-shadow:-3px 3px 3px #c1c1c1;-webkit-box-shadow:-3px 3px 3px #c1c1c1;box-shadow:-3px 3px 3px #c1c1c1;}
.chkbx .checkmark:after {content: "";position: absolute;display: none;}
.chkbx input:checked ~ .checkmark:after {display: block;}
.chkbx .checkmark:after {left: 7px;top: 0px; width: 10px; height: 20px;border: solid #efefef;border-width: 0 4px 4px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.chkbx .chkbx-label{padding-left:40px}

/*----------------Custom checkbox and radio button (single)----------------*/
.custom-checkbox {/*display: block;position: relative;*/cursor: pointer;/*font-size: 22px;*/-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-right: 10px;}
.custom-checkbox input {margin: 0px !important;position: absolute;opacity: 0;cursor: pointer;}
.custom-checkbox .checkmark {position: absolute;top: 0;left: 0;border: 3px solid #c1ccc1;background-color: #f1fff1;}
.custom-checkbox:hover input ~ .checkmark {border: 3px solid #ae8e46;background-color: #ac9156;}
.custom-checkbox input:checked ~ .checkmark {border: 2px solid #ae8e46;background-color: #ac9156;}
.custom-checkbox .checkmark:after {content: "";position: absolute;display: none;}
.custom-checkbox input:checked ~ .checkmark:after { display: block;}
.custom-checkbox .checkmark:after {left: 10px;top: 0px; width: 12px;height: 23px;border: solid white;border-width: 0 5px 5px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.custom-checkbox .input-group-addon{float: left !important;border: 0px !important;line-height: 30px !important;}
.custom-checkbox .chkbx{width: 35px !important;height: 35px !important;margin: 0px !important;}
.lbl-chkbx{padding-left: 10px; padding-top: 6px;display: flex; align-content: center;align-items: center;}