.modal {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 8% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 70%;
	height: auto;
}
.modal-content-mini {
	background-color: #fefefe;
	margin: 9% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 60%;
}
.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal .origin_list {
	border-top: 2px solid #999;
	margin-bottom: 30px;
}

.modal .originArea {
	width: 100%;
	height: 330px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 16px;
	padding: 0px 10%;
	text-align: left;
}

.modal .origin_title {
	font-size: 1.2em;
	font-weight: bold;
}

.modal .origin_list li {
	display: block;
	font-size: 1em;
	border-bottom: 1px solid #ddd;
	padding: 10px 0px;
}
.modal .origin_list img{
	text-align: center;
}
.modal .origin_list li a {
	float: right;
	background: #1b4692;
	color: white;
	font-size: 14px;
	padding: 2px 10px;
}

.modal .origin_list li.none {
	text-align: center;
}

.main-timeline-img {
	position:relative;
	height: 50px;
	/*margin-right: 5px;
	float: left; */
    float: left;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px;
}
.quickLink {
	font-size: 15px;
	font-weight: bold;
	color: blue;
	cursor: pointer;
}
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover, .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
div.vis-readonly, div.vis-readonly.vis-selected {
	background-color: #fff;
	font-size:0.875rem;
	color: #151515;
	text-align: center;
}
.vis-line{
	border-color: #959ffe;
}
.vis-dot{
	border-color: #5b8da6;
	display:none;
}
.back1 {
	background-color: #2b2bd8 !important;
	 opacity: 0.3;
}
.back2 {
	background-color: #d8d84c !important;
	 opacity: 0.3;
}
.back3 {
	background-color: #ba9989 !important;
	 opacity: 0.3;
}
.back4 {
	background-color: #ffcacb !important;  opacity: 0.3;
}
.back5 {
	background-color: #d5e8d2 !important;  opacity: 0.3;
}
.back6 {
	background-color: #ffbce9 !important;  opacity: 0.3;
}
.back7 {
	background-color: #83e09f !important;  opacity: 0.3;
}
.back8 {
	background-color: #ff5959 !important;  opacity: 0.3;
}
.back9 {
	background-color: #c6d8e0 !important; opacity: 0.3;
} 
.back10 {
	background-color: #88998d !important; opacity: 0.3;
}
.back11 {
	background-color: #819356 !important; opacity: 0.3;
}
.back12 {
	background-color: #c6e0ce!important; opacity: 0.3;
}
.back13 {
	background-color: #07e04a !important; opacity: 0.3;
}
.back14 {
	background-color: #33fefe !important; opacity: 0.3;
}
.back15 {
	background-color: #ffbbea !important; opacity: 0.3;
}
.back16 {
	background-color: #a4cde0 important; opacity: 0.3;
}
.back17 {
	background-color: #aa5b89 !important;  opacity: 0.3;
}
.back18 {
	background-color: #ffff80 !important;  opacity: 0.3;
}
.back19 {
	background-color: #509ad0!important;  opacity: 0.3;
}
.back20 {
	background-color: #8dd030!important; opacity: 0.3;
}
.vis-item.vis-background {
	font-weight: bold;
	z-index: 0;
}

.vis-item-overflow{
	white-space: nowrap !important;
	overflow: visible !important;
}


.vis-item-content {

	text-align: center;
}

.vis-text {
	font-weight: bold;
}

.modal_div{

	position:relative; 
	width: 100px; 
	height: 100px;
}
.modal_img{
	text-align: center;
	position:relative; 
	width: 100px; 
	height: 100px;
}
.modal-body > table > thead > tr > th,
.modal-body > table > tbody > tr > td
{
    border: 1px solid #dddddd;
    vertical-align: middle;
    font-size: 12px;
    padding: 5px 3px 5px 3px;
    line-height: 1.428571429;
    border: 1px solid #dddddd;
    text-align: center;
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #F4F4F4;
    vertical-align: middle;
}
.up-down {
	padding-left: 10px; 
	background-color: #ffffff;
	border:solid 1px; 
	border-color: #ccc;
	border-radius: 4px;
	text-align: center;
}
.pagination{
	text-align: center;
}
.nav-writeBtn > .btn {
	position: absolute;
	bottom: 3%;
	right: 2%;
}
.vis-item .vis-item-content {
	white-space: unset;
	max-width: 250px;
	text-align: left;
	z-index: 40;

}
.vis-item.vis-line.uncertain {
	border: dashed 1px #cacccc !important;
}
.uncertain.vis-box {
	background-color : #dedede !important;; 
	border : dotted #818787 !important;
	opacity : 0.5;
}
.vis-dot.uncertain{
	border-color: #818787 !important;
}
.ed_uncertain {
	border-right: dotted 3px #818787 !important; 
}
.st_uncertain {
	border-left : dotted 3px #818787 !important;
}
@media all and (max-width: 540px) {
	.vis-labelset .vis-label .vis-inner {
		font-size: 13px;
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
	.vis-item .vis-item-content {
		font-size: 12px;
	}
	.vis-time-axis .vis-text {
		font-size: 12px;
	}
}





div.vis-readonly, div.vis-readonly.vis-selected {
	background-color: #fff;
	font-size:0.875rem;
	color: #151515;
	text-align: center;
}

div.vis-readonly
.vis-item.vis-selected {
	border-color:#4a28c7;
}

div.vis-item.vis-selected > div {background-color: #4a28c7; color:#fff;}

.vis-timeline {
  background: #f4f5ff;
}

.vis-item {
  font-size: 12pt;
  color: #4a28c7;
}

.vis-item.vis-selected {
  border-color:#4a28c7;
  background-color: #4a28c7;
}

.vis-time-axis .vis-text {
  color: #8c8c8c;
  font-weight:400;
  padding-top: 10px;
  padding-left: 10px;
}

.vis-time-axis .vis-grid.vis-minor {
  border-width: 1px;
  border-color: #daddff;
}

.vis-time-axis .vis-grid.vis-major {
  border-width: 1px;
  border-color: #daddff;
}

.vis-text.vis-major > div {
	font-size:15px;
	color:#151515;
}

.vis-time-axis.vis-foreground{
	background-color:#fff;
}