/************************************************************************/

/********** PROCEDURES ARCHIVE PAGES ************************************/

/************************************************************************/

.zup_archive_title {

  background-color: #F2F2F2;

}

.zup_archive_title .container {

  position: relative;

  padding-top: 35px;

  padding-bottom: 35px;

}

.zup_archive_title h1 {

  text-transform: uppercase;

  font-size: 28px;

  line-height: 1.2;

  margin: 0;

  color: #053365;

}



.container {

  max-width: 1200px;

  margin: 0 auto;

}



.zup_front_categories {

  padding: 25px 0;

  min-width: 700px;

}

.zup_front_categories .zup_home_cat_container {

  display: flex;

  flex-flow: wrap;

}

.zup_front_categories a.zup_sg_cat {

  padding: 80px 10px;

  border: 1px solid #DCDCDC;

  vertical-align: middle;

  text-decoration: none;

  color: #053365;

  text-align: center;

  text-transform: uppercase;

  font-weight: bold;

  font-size: 22px;

  line-height: 1.2;

  background-color: #F2F2F2;

  transition: all 0.3s ease-out;

  display: flex;

  width: 260px;

  margin: 0 10px 20px;

  align-items: center;

  justify-content: center;

}

.zup_front_categories a.zup_sg_cat:hover {

  color: #F2F2F2;

  background-color: #053365;

  transition: all 0.1s ease-in;

}



.cbnp-procedures {

  padding: 25px 0;

  opacity: 0;

}

.cbnp-procedures:after {

  content: "";

  display: table;

  width: 0px;

  height: 0px;

  overflow: hidden;

  clear: both;

}



.cbnp_procedure {

  width: 25%;

  float: left;

  padding: 0 8px 16px;

}

.cbnp_procedure:nth-of-type(4n+1) {

  clear: left;

}

.cbnp_procedure .proc_category a,

.cbnp_procedure .procedure_title a {

  color: #053365;

}

.cbnp_procedure .proc_category a:hover,

.cbnp_procedure .procedure_title a:hover {

  color: #F16623;

  text-decoration: none;

}

.cbnp_procedure .proc_category a {

  text-transform: uppercase;

  font-weight: 600;

  display: inline-block;

  text-decoration: none;

  font-size: 16px;

}

.cbnp_procedure .procedure_title {

  margin: 20px 0 30px;

}

.cbnp_procedure .procedure_title.zup_category_page {

  margin-top: 0;

}

.cbnp_procedure .procedure_title a {

  text-transform: capitalize;

  font-size: 26px;

  line-height: 1.3;

  display: block;

  text-decoration: none;

  letter-spacing: -0.3px;

}

.cbnp_procedure .procedure_content {

  border: 1px solid #DCDCDC;

  padding: 30px 20px 20px;

  background: #F2F2F2;

}

.cbnp_procedure .proc_meta_date {

  font-size: 14px;

}

.cbnp_procedure .proc_meta_date span {

  vertical-align: middle;

}

.cbnp_procedure .proc_meta_date .last_edit_date {

  margin-bottom: 5px;

  font-weight: 600;

}

.cbnp_procedure .proc_meta_date .publish_date {

  color: #636363;

}

.cbnp_procedure hr {

  height: 0;

  border-top: 1px solid #DCDCDC;

  margin: 15px 0;

}

.cbnp_procedure .proc_tags {

  margin-bottom: 20px;

}

.cbnp_procedure .proc_tags i {

  vertical-align: middle;

  margin-right: 5px;

  width: 22px;

}

.cbnp_procedure .proc_tags a {

  color: #000;

  font-size: 14px;

  text-decoration: none;

  font-weight: 400;

}

.cbnp_procedure .proc_tags a:hover {

  color: #053365;

  text-decoration: underline;

}

.cbnp_procedure .zup-icons {

  display: inline-block;

  height: 16px;

  width: auto;

  line-height: 1;

  vertical-align: middle;

}

.cbnp_procedure .proc_tags .zup-icons {

  margin-right: 10px;

}

.content_diff del {

  background-color: #ffabaf;

  color: red;

}

.content_diff ins{

  background-color: #68de7c;

  color: green;

  text-decoration: none;

}

.content_diff table td, .content_diff table th{

  border: none;

}

.content_diff .diff-sub-title{

  display: none;

}

.content_diff .dashicons{

  vertical-align: middle;

  padding-left: 6px;

}

.content_diff .diff-deletedline {

  position: relative;

  background-color: #f5e5e6 !important;

}

.content_diff .diff-addedline{

  position: relative;

  background-color: #e2f1e5 !important;

}

.content_diff .diff-unchanged {

  background: #fff !important;

}



.content_diff .diff-addedline,

.content_diff .diff-deletedline,

.content_diff .diff-unchanged{

  display: flex;

  width: 100%;

  align-items: center;

}



.content_diff .tree.vertical .diff-addedline,

.content_diff .tree.vertical .diff-deletedline,

.content_diff .tree.vertical .diff-unchanged{

  margin: 0;

  padding: 0;

}



.content_diff .lines{

  display: block!important;

  padding-left: 15px;

}

.content_diff .diff-deletedline h1, 

.content_diff .diff-deletedline h2, 

.content_diff .diff-deletedline h3, 

.content_diff .diff-deletedline h4, 

.content_diff .diff-deletedline h5, 

.content_diff .diff-deletedline h6,

.content_diff .diff-addedline h1, 

.content_diff .diff-addedline h2, 

.content_diff .diff-addedline h3, 

.content_diff .diff-addedline h4, 

.content_diff .diff-addedline h5, 

.content_diff .diff-addedline h6{

  display: inline-block;

  margin: 15px 0!important;

}

/* .diff_content {

  white-space: pre-line!important;

} */

.show_mod_range,

.show_pub_range{  

  display: flex!important;

}

.search_form_container .form-field-group {

  display: flex;

  flex-wrap: wrap;

}

.search_form_container{

  margin-bottom: 20px;

  /* min-width: 700px; */

}

.search_form_container .form-field input,

.search_form_container .form-field select,

.search_form_container .form-field label,

.search_form_container .form-field-group a.reset,

.select2-selection{

  font-size: 14px !important;

}

.search_form_container .form-field {

  width: 48%;

  padding: 10px;

  

}

.search_form_container .form-field input,

.search_form_container .form-field select,

.search_form_container .chosen-container-multi .chosen-choices {

  width: 100%;

  padding: 5px;

  border-radius: 4px;

  padding-left: 10px;

  border: 2px solid #053365;

  min-height: 37px;

  color: #053365;

}



.search_form_container .form-field-group a.reset,

.search_form_container .form-field-group a.reset:focus,

.search_form_container .form-field-group input[type=submit],

.search_form_container .form-field-group input[type=submit]:focus,

.run_proc, #next_quiz{

  display: block;

  text-align: center;

  text-decoration: none;

  padding: 5px;

  width: 45%;

  max-width: 200px;

  color: #fff!important;

  border-radius: 4px;

  font-weight: 600;

  font-size: 16px;

  letter-spacing: 0.0333em;

  text-transform: uppercase;

}

.run_proc{

  margin: 30px 0 0;

}

.user-data .zup-btn-secondary{

  display: block;

  text-align: center;

  text-decoration: none;

  padding: 5px;

  max-width: 200px;

  color: #fff!important;

  border-radius: 4px;

  font-weight: 600;

  letter-spacing: 0.0333em;

  background-color: #eb8c00!important;

  border: 2px solid #eb8c00!important;

  font-size: 16px;

}

.customer_quiz{

  display: none;

}



.customer_quiz {

  max-width: 500px;

  background: #fff;

  border-radius: 12px;

  padding: 30px;

  margin: auto;

  text-align: center;

}



.p_solid{

  font-weight: 700;

}



.search_form_container .form-field-group input[type=submit], 

.run_proc,

#next_quiz{

  background-color: #053365!important;

  border: 2px solid #053365!important;

  

}



.search_form_container .form-field-group a.reset,

.search_form_container .form-field-group a.reset:focus{

  background-color: #eb8c00;

  border: 2px solid #eb8c00!important;

  margin-left: 20px;  

}



.search_form_container button.select2-selection__choice__remove{

  /* line-height: 18px !important; */

  line-height: 1 !important;

}



.search_form_container .form-buttons{

  display: flex;

  flex-wrap: wrap;

  width: 100%



}

.search_form_container .chosen-container-multi .chosen-choices li.search-field input[type=text] {

  color: #053365;

}

.search_form_container #zup_date_pub_range input,

.search_form_container  #zup_date_mod_range input{

  width: 100%

}

.search_form_container .form-field-group input[type=date]{

  margin: 0px;

}

.search_form_container #zup_date_pub_range,

.search_form_container  #zup_date_mod_range{

  width: 50%

}

span.select2-selection.select2-selection--multiple:after {

  content: '' !important;

  position: absolute !important;

  top: 50% !important;

  right: 10px !important;

  transform: translateY(-50%) !important;

  width: 0 !important;

  height: 0 !important;

  border-left: 5px solid transparent !important;

  border-right: 5px solid transparent !important;

  border-top: 5px solid black !important;

}

.search_form_container input::placeholder {

  color: #053365;

  opacity: 1;

}

.search_form_container input:-ms-input-placeholder { 

 color: #053365;

}

span.select2-results li {

  font-size: 14px;

  margin: 0;

}

.search_form_container input::-ms-input-placeholder {

 color: #053365;

}

.search_form_container .select2-container{

  width: 100% !important;

}

.search_form_container .select2-container--default .select2-search--inline .select2-search__field{

  display: inline-block !important;

}

.search_form_container .select2-container--default .select2-selection--multiple,

.search_form_container .select2-container--default.select2-container--focus .select2-selection--multiple,

.search_form_container .select2.select2-container .select2-selection {

  border: 2px solid #053365 !important;

  min-height: 37px !important;

}

.search_form_container .select2-container .select2-selection--multiple .select2-selection__rendered {

  margin: 0 !important;

}



.tree {

  margin: 18px;

  padding: 0;

}

.tree:not(:empty):before, .tree:not(:empty):after,

.tree ul:not(:empty):before,

.tree ul:not(:empty):after,

.tree li:not(:empty):before,

.tree li:not(:empty):after {

  display: block;

  position: absolute;

  content: "";

}

.tree ul,

.tree li {

  position: relative;

  margin: 0;

  padding: 0;

}

.tree li {

  list-style: none;

}

.tree li > div {

  background-color: #eee;

  color: #222;

  padding: 5px;

  display: inline-block;

}

.tree.cascade li {

  margin-left: 24px;

}

.tree.cascade li div {

  margin-top: 12px;

}

.tree.cascade li:before {

  border-left: 1px solid #eb8c00;

  height: 100%;

  width: 0;

  top: 0;

  left: -12px;

}

.tree.cascade li:after {

  border-top: 1px solid #eb8c00;

  width: 12px;

  left: -12px;

  top: 24px;

}

.tree.cascade li:last-child:before {

  height: 24px;

  top: 0;

}

.tree.cascade > li:first-child:before {

  top: 24px;

}

.tree.cascade > li:only-child {

  margin-left: 0;

}

.tree.cascade > li:only-child:before, .tree.cascade > li:only-child:after {

  content: none;

}



/* .tree.vertical {

  display: flex;

} */

.zup_questionnaire{

  text-align: center;

}

div#proc_quic {

  text-align: left;

}

.tree.vertical ul {

  display: flex;

  justify-content: center;

}

.tree.vertical li {

  display: flex;

  flex-direction: column;

  align-items: center;

}

.tree.vertical li div {

  margin: 12px 6px;

}

.tree.vertical li:before {

  border-left: 2px solid #eb8c00;

  height: 12px;

  width: 0;

  top: 0;

}

.tree.vertical li:after {

  border-top: 2px solid #eb8c00;

  height: 0;

  width: 100%;

}

.tree.vertical li:first-child:after {

  border-top: 2px solid #eb8c00;

  height: 0;

  width: 50%;

  left: 50%;

}

.tree.vertical li:last-child:after {

  border-top: 2px solid #eb8c00;

  height: 0;

  width: 50%;

  right: 50%;

}

.tree.vertical li:only-child:after {

  content: none;

}

.tree.vertical li ul:before {

  border-left: 2px solid #eb8c00;

  height: 12px;

  width: 0;

  top: -12px;

}

.tree.vertical > li:only-child:before, .tree.vertical > li:only-child:after {

  content: none;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li, .tree.vertical.cascade-3 > li > ul > li > ul > li, .tree.vertical.cascade-2 > li > ul > li, .tree.vertical.cascade-1 > li, .tree.vertical .cascade {

  flex-direction: column;

  align-items: start;

  padding: 0 12px;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li:before, .tree.vertical.cascade-3 > li > ul > li > ul > li:before, .tree.vertical.cascade-2 > li > ul > li:before, .tree.vertical.cascade-1 > li:before, .tree.vertical .cascade:before {

  left: 24px;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li:after, .tree.vertical.cascade-3 > li > ul > li > ul > li:after, .tree.vertical.cascade-2 > li > ul > li:after, .tree.vertical.cascade-1 > li:after, .tree.vertical .cascade:after {

  left: 0;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li:first-child:after, .tree.vertical.cascade-3 > li > ul > li > ul > li:first-child:after, .tree.vertical.cascade-2 > li > ul > li:first-child:after, .tree.vertical.cascade-1 > li:first-child:after, .tree.vertical .cascade:first-child:after {

  left: 24px;

  width: 100%;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li:last-child:after, .tree.vertical.cascade-3 > li > ul > li > ul > li:last-child:after, .tree.vertical.cascade-2 > li > ul > li:last-child:after, .tree.vertical.cascade-1 > li:last-child:after, .tree.vertical .cascade:last-child:after {

  left: 0;

  width: 24px;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li ul, .tree.vertical.cascade-3 > li > ul > li > ul > li ul, .tree.vertical.cascade-2 > li > ul > li ul, .tree.vertical.cascade-1 > li ul, .tree.vertical .cascade ul,

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li,

.tree.vertical.cascade-3 > li > ul > li > ul > li li,

.tree.vertical.cascade-2 > li > ul > li li,

.tree.vertical.cascade-1 > li li,

.tree.vertical .cascade li {

  display: block;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li ul:before, .tree.vertical.cascade-3 > li > ul > li > ul > li ul:before, .tree.vertical.cascade-2 > li > ul > li ul:before, .tree.vertical.cascade-1 > li ul:before, .tree.vertical .cascade ul:before,

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li ul:after,

.tree.vertical.cascade-3 > li > ul > li > ul > li ul:after,

.tree.vertical.cascade-2 > li > ul > li ul:after,

.tree.vertical.cascade-1 > li ul:after,

.tree.vertical .cascade ul:after,

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:before,

.tree.vertical.cascade-3 > li > ul > li > ul > li li:before,

.tree.vertical.cascade-2 > li > ul > li li:before,

.tree.vertical.cascade-1 > li li:before,

.tree.vertical .cascade li:before,

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:after,

.tree.vertical.cascade-3 > li > ul > li > ul > li li:after,

.tree.vertical.cascade-2 > li > ul > li li:after,

.tree.vertical.cascade-1 > li li:after,

.tree.vertical .cascade li:after {

  border: none;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li div, .tree.vertical.cascade-3 > li > ul > li > ul > li div, .tree.vertical.cascade-2 > li > ul > li div, .tree.vertical.cascade-1 > li div, .tree.vertical .cascade div {

  margin: 0;

  margin-top: 12px;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li, .tree.vertical.cascade-3 > li > ul > li > ul > li li, .tree.vertical.cascade-2 > li > ul > li li, .tree.vertical.cascade-1 > li li, .tree.vertical .cascade li {

  margin-left: 24px;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:before, .tree.vertical.cascade-3 > li > ul > li > ul > li li:before, .tree.vertical.cascade-2 > li > ul > li li:before, .tree.vertical.cascade-1 > li li:before, .tree.vertical .cascade li:before {

  border-left: 1px solid #eb8c00;

  height: 100%;

  width: 0;

  top: 0;

  left: -12px;

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:after, .tree.vertical.cascade-3 > li > ul > li > ul > li li:after, .tree.vertical.cascade-2 > li > ul > li li:after, .tree.vertical.cascade-1 > li li:after, .tree.vertical .cascade li:after {

  border-top: 1px solid #eb8c00;

  width: 12px;

  height: 0;

  left: -12px;

  top: 24px;

  content: "";

}

.tree.vertical.cascade-4 > li > ul > li > ul > li > ul > li li:last-child:before, .tree.vertical.cascade-3 > li > ul > li > ul > li li:last-child:before, .tree.vertical.cascade-2 > li > ul > li li:last-child:before, .tree.vertical.cascade-1 > li li:last-child:before, .tree.vertical .cascade li:last-child:before {

  height: 24px;

  top: 0;

}



#user_quiz_form .error{

  color: red;

  font-size: 13px;

}

#user_quiz_form .disabled{

  background-color: #959aa1!important;

  pointer-events: none;

  border: 2px solid #959aa1!important;

}

#user_quiz_form input[type="button"]{



  cursor: pointer;

}

.customer_quiz h3 {

  font-weight: 600;

  padding-bottom: 15px;

}



form.user-data{

  display: flex;

  flex-wrap: wrap;

  margin: 20px 0;

  font-size: 14px;

  flex-direction: column;

  justify-content: space-between;



}



form.user-data .form-field{

  margin-bottom: 20px

}

form.user-data input{

  margin: 0;

  padding: 5px;

}



.form-field input[type="text"] {

  width: 100%;

  border: 1px solid #ccc;

}

.form_action input#customer-submit {

  margin: auto;

  padding: 10px 40px;

}



#user_quiz_form .form_fields input,

#user_quiz_form .form_fields label{

    display: inline-block;

}

.recent_quiz_container{

  text-align: center;

  margin: 20px 0;

}

.recent_quiz_container .customer_meta{

  text-align: left;

}

.new-word{

  color: green;

}

.new-word{

  background:rgba(190,255,178,1)

}

.new-word:after{

  content:' ';

  background:rgba(190,255,178,1)

}

.old-word:after{

  content:' ';

  background:rgba(239,208,213,1);

}

.old-word{

  position:relative;

  color: red;

  background:rgba(239,208,213,1);

  text-decoration: line-through;

  text-decoration-thickness: 1px;

}

ul.tree.vertical > li   div {

    background: #ddd;

    padding: 10px;

    font-weight: 500;

    border-radius: 5px;

}



ul.tree.vertical .diff-addedline div {

    background: #c1e7c9;

}



.zup-customer-data thead{

  text-align: left;

}

.zup-customer-data h3 {

  text-align: center;

  padding: 15px;

}



.search_form_container .select2.select2-container .select2-selection.select2-selection--multiple {

  line-height: 27px !important;

}

.search_form_container .select2-container .select2-search--inline .select2-search__field {

  line-height: 1 !important;

  -webkit-text-fill-color: #053365;



}

.search_form_container .select2-container .select2-selection--multiple .select2-selection__rendered {

  display: inline !important;

}



.zup-customer-data .zup-modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  padding-top: 100px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.zup-customer-data .zup-modal-content {

  background-color: #fefefe;

  margin: auto;

  padding: 20px 36px 36px;

  border: 1px solid #888;

  width: 80%;

  position: relative;

  box-shadow: 0 0 12px 4px rgb(0 0 0 / 20%);

  border-radius: 12px;

}

.zup-customer-data table,

.zup-customer-data h3{

  margin: 0;

}

/* The Close Button */

.zup-customer-data .zup-close {

  color: #aaaaaa; 

    font-size: 28px;

    font-weight: bold;

    position: absolute;

    right: 14px;

    top: 1px;

}



.head_modal {

  display: flex;

  justify-content: space-between;

}



.head_modal h3 {

  flex: 1;

  padding: 0px 0 25px;

  font-weight: 600;

  text-transform: capitalize;

}



a.view-customer-data {

  text-align: center;

  text-decoration: none;

  padding: 5px 10px;

  max-width: 200px;

  color: #fff!important;

  border-radius: 4px;

  font-weight: 600;

  letter-spacing: 0.0333em;

  background-color: #eb8c00!important;

  border: 2px solid #eb8c00!important;

  font-size: 14px;

}

a.view-customer-data:focus,  a.view-customer-data:hover {

  text-decoration: none !important;

}



.zup-customer-data .zup-close:hover,

.zup-customer-data .zup-close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.info-msg,

.success-msg,

.warning-msg,

.error-msg {

  margin: 10px 0;

  padding: 10px;

  border-radius: 3px 3px 3px 3px;

}

.success-msg {

  color: #270;

  background-color: #DFF2BF;

}

.customer-quiz-attempt th {

  background: rgb(235 140 0 / 21%);

}

.customer-quiz-attempt table th, .customer-quiz-attempt table td{ 

  font-size: 15px;

  border-color: #ccc !important;

}

.single-procedures .site-content,

.tax-procedures-category .site-content{

  display: block !important;

}

/* .zup_front_categories {

  width: 100% !important;

  max-width: 100% !important;

} */

.search_form_container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{

  top: 4px !important;

}

.search_form_container .select2-container--default .select2-selection--multiple .select2-selection__choice {

  padding-left: 20px !important;

}

.search_form_container .select2-container--default .select2-selection--multiple .select2-selection__rendered {

  line-height: 1.2 !important;

}

.search_form_container .select2-container--default .select2-selection--multiple .select2-selection__choice {

  padding: 3px 3px 3px 5px;

}

/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



@media (min-width: 1200px) {

  .cbnp-procedures {

    margin-left: -8px;

    margin-right: -8px;

  }

}

@media (max-width: 1199px) {

  .cbnp_procedure {

    width: 33.33%;

  }

  .cbnp_procedure:nth-of-type(4n+1) {

    clear: none;

  }

  .cbnp_procedure:nth-of-type(3n+1) {

    clear: left;

  }

}

@media (max-width: 980px) {

  .cbnp_procedure {

    width: 50%;

  }

  .cbnp_procedure:nth-of-type(3n+1) {

    clear: none;

  }

  .cbnp_procedure:nth-of-type(2n+1) {

    clear: left;

  }

}

@media (max-width: 767px) {

  .cbnp_procedure {

    width: 100%;

    float: none;

  }

  .search_form_container .form-field {

    width: 100%;

  }

  .search_form_container #zup_date_pub_range, 

  .search_form_container #zup_date_mod_range {

    width: 100%;

  }

  .zup_front_categories {

    min-width: unset;

  }

}

/************************************************************************/

/********** SINGLE PROCEDURE ********************************************/

/************************************************************************/

.cbnp_default_page_container.procedures {

  padding-top: 0;

}

.cbnp_default_page_container.procedures .zup_procedure_title {

  color: #053365;

  text-align: center;

  font-size: 26px;

  line-height: 1.4;

  text-transform: uppercase;

  letter-spacing: 0;

  margin: 60px 0 20px;

}

.cbnp_default_page_container.procedures .sg_cat_container {

  background-color: #F2F2F2;

  padding: 25px;

  text-align: center;

  margin-bottom: 40px;

}

.cbnp_default_page_container.procedures .category_list a {

  color: #053365;

  font-weight: 700;

  text-decoration: none;

}

.cbnp_default_page_container.procedures .category_list a:hover {

  text-decoration: underline;

}

.cbnp_default_page_container.procedures .sg_post_meta {

  margin-top: 30px;

  text-align: center;

  font-size: 14px;

}

.cbnp_default_page_container.procedures .sg_post_meta > div {

  display: inline-block;

}

.cbnp_default_page_container.procedures .sg_post_meta i {

  margin-right: 5px;

}

.cbnp_default_page_container.procedures .sg_post_meta .meta_sep {

  margin: 0 10px;

}

.cbnp_default_page_container.procedures .sg_post_meta .publish_date {

  color: #636363;

}

.cbnp_default_page_container.procedures .sg_post_meta span {

  vertical-align: middle;

}

.cbnp_default_page_container.procedures .post_content {

  margin: 90px 0 60px;

}

.cbnp_default_page_container.procedures .post_content h2,

.cbnp_default_page_container.procedures .post_content h3 {

  color: #000;

  margin-top: 40px;

  margin-bottom: 15px;

}

.cbnp_default_page_container.procedures .post_content h2:first-child,

.cbnp_default_page_container.procedures .post_content h3:first-child {

  margin-top: 0;

}

.cbnp_default_page_container.procedures .post_content h2 strong,

.cbnp_default_page_container.procedures .post_content h3 strong {

  font-weight: 700;

}

.cbnp_default_page_container.procedures .sg_post_meta .zup-icons,

.cbnp_default_page_container.procedures .proc_tags .zup-icons {

  vertical-align: middle;

  display: inline-block;

  height: 16px;

  width: auto;

  line-height: 1;

}

.cbnp_default_page_container.procedures .proc_tags {

  margin-bottom: 20px;

}

.cbnp_default_page_container.procedures .proc_tags i {

  vertical-align: middle;

  margin-right: 5px;

  width: 22px;

}

.cbnp_default_page_container.procedures .proc_tags a {

  color: #000;

  text-decoration: none;

}

.cbnp_default_page_container.procedures .proc_tags a:hover {

  color: #053365;

}

.cbnp_default_page_container.procedures hr {

  height: 0;

  border-top: 1px solid #DCDCDC;

  margin: 30px 0;

}

.cbnp_default_page_container.procedures .btn.btn-primary {

  background-color: #053365;

  margin-left: 15px;

  padding: 10px 35px;

}



@media (max-width: 980px) {

  .cbnp_default_page_container.post .proc_tags {

    padding-bottom: 30px;

    border-bottom: 1px solid #DCDCDC;

  }



  .cbnp_default_page_container.post .post_content {

    margin: 70px 0 40px;

  }

}

@media (max-width: 767px) {

  .cbnp_default_page_container.post .proc_tags {

    text-align: center;

  }

  .cbnp_default_page_container.post .sg_post_meta {

    text-align: center;

  }

  .cbnp_default_page_container.post .sg_post_meta .meta_sep {

    display: none;

  }

  .cbnp_default_page_container.post .sg_post_meta > div {

    display: block;

    margin-bottom: 5px;

  }

}

/* login */

.div_zup_login a {

  color: #053365;

  text-decoration: underline;

}

.div_zup_login a:hover {

  color: #F2A000;

  text-decoration: none;

}



/* search form */

.sop_searchForm {

  padding-top: 25px;

  max-width: 580px !important;

  padding-right: 30px;

  position: relative;

  margin-bottom: 30px;

}

.sop_searchForm form {

  overflow: hidden;

}



#site-content .sop_searchForm label {

  margin-left: 10px;

  display: block;

}



.home .sop_searchForm label {

  margin-left: 10px;

  display: block;

}



.sop_searchForm #searchForm {

  height: 45px;

  padding: 10px 20px;

  font-size: 18px;

  border: 1px solid #f2f2f2;

  width: 100%;

  padding-right: 175px;

  box-sizing: border-box;

  margin-top: 0;

}



.sop_searchForm .search-submit {

  height: 45px;

  padding: 10px 50px;

  font-size: 18px;

  margin: 0;

  background-color: #053365;

  text-transform: capitalize;

  border: 0;

  color: #fff;

  position: absolute;

  top: 25px;

  right: 30px;

}



.sop_searchForm .search-submit:hover {

  background-color: #F16623;

}

@media (max-width: 1200px) {

  .sop_searchForm label {

    margin-left: 10px;

  }

}

@media (max-width: 600px) {

  .sop_searchForm {

    padding-right: 10px;

  }



  .sop_searchForm .search-submit {

    right: 10px;

  }

}



.single-procedures .post_content .lines {

  width: 100%;

}

.single-procedures .post_content iframe {

    width: 100%;

    height: 543px;

}

/*archive pagination*/

.archive_pagination {
  clear: both;
text-align: center;
}
.archive_pagination a {
  display: inline-block;
  border: 1px solid;
  line-height: 40px;
  border-radius: 8px;
  text-decoration: none;
  padding: 0 15px;
  margin-bottom: 15px;
}
.archive_pagination .current {
  display: inline-block;
  border: 1px solid;
  line-height: 40px;
  border-radius: 8px;
  padding: 0 15px;
}

/*# sourceMappingURL=zup_front.css.map */