body {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 13px;
  /* background-color: #f0f0f0; */
  /* width: 1400px; */
  /* float: center; */
}

.navbar {
  /* margin-bottom: 20px; */
  /* width: 70%; */
}

/* Set font size of text in top nav drop down  */

.dropdown-menu > a {
  font-size: 13px;
}

/*
  .navbar-fixed-top {
    width: 90%;
  }
  .navbar-nav.navbar-center {
      position: absolute;
      left: 50%;
      transform: translatex(-50%);
  }
*/

/* Set width of top nav bar  */

nav.navbar {
    max-width: 1400px; /* applying max-width */
    margin: 0 auto; /* center */
    /* center the elements in the block if there is flex */
    /* make it works on some navigators */
    /* .navbar-collapse {
        justify-content : center;
        -webkit-justify-content : center;
    } */
}

/* Set Width of container class */

.container {
  max-width: 1400px;
}

/* Set Width of Modal when modal-lg in <div class="modal */

.modal-lg {
    max-width: 60%;
}

/* Add Scroll Bar to Modal */

.modal-dialog,
.modal-content {
  /* 80% of window height */
  height: 80%;
}

.modal-body {
  /* 100% = dialog height, 120px = header + footer */
  max-height: calc(100% - 120px);
  overflow-y: scroll;
}

/* Footer formatting */

.footer {
  bottom: 0;
  font-size: 14px;
  /* left: 0;
  position: fixed;
  width: 100%;
  max-width: 1400px;
  background-color: #FCF7F7;
  color: black;
  text-align: center; */
}

/* changing the width of action menu drop down */
.dropdown-menu {
  min-width: 15rem;
  /* background-color: #C1A8A8; */
}

/* Changing Font Size in bootstrap table */
.dropdown-item {
  font-size: 13px;
}

/* Define draggable classes */

#page_mapping_sortable1, #page_mapping_sortable2 {
  list-style-type: none;
  margin: 0;
  float: left;
  margin-right: 10px;
  background: #eee;
  padding: 5px;
  width: 400px;
}
#page_mapping_sortable1 li, #page_mapping_sortable2 li {
  margin: 5px;
  padding: 5px;
  font-size: 1em;
  width: 250px;
}

/* bootstrap table font size */

.bootstrap {
  font-size: 12px;
}

/* Font awesome icon size */

.fa {
  font-size: 13px;
}

/* Adding background color to popover */


.popover {background-color: #D7D1D1;}
.popover.bottom .arrow::after {border-bottom-color: #D7D1D1; }
.popover-content {background-color: #D7D1D1;}

/* Select dropdown font */

.select_join {
  width: 170px;
  height: 28px;
  overflow: hidden;
  border: #FEFEFE 1px solid;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE;
  box-shadow: inset 0px 0px 10px 1px #FEFEFE;
 }

.select_join select {
  background: transparent;
  width: 170px;
  font-size:7pt;
  color:grey;
  border: 0;
  border-radius: 0;
  height: 28px;
  -webkit-appearance: none;
 }

.select_join select:focus {
  outline: none;
}

/* Horizontal Divider */

hr.style1{
	border-top: 1px solid #8c8b8b;
}

hr.style2 {
	border-top: 3px double #8c8b8b;
}

hr.style3 {
	border-top: 1px dashed #8c8b8b;
}

hr.style4 {
	border-top: 1px dotted #8c8b8b;
}

hr.style5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}

hr.style6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.style7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.style8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.style10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}

hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
  width: 70%;
}

hr.style14 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.style16 {
  border-top: 1px dashed #8c8b8b;
}
hr.style16:after {
  content: '\002702';
  display: inline-block;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;
  background: #f0f0f0;
  color: #8c8b8b;
  font-size: 18px;
}

hr.style17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}

hr.style18 {
  height: 30px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 1px 0 0 0;
  border-radius: 20px;
}
hr.style18:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 0 0 1px 0;
  border-radius: 20px;
}