/*¸¶Æ®¸ó ¾Ë¸²¹öÆ° ÁÖÀ§ css Á¶Á¤*/
.doc-subscri-btn {
    background-color:#fff !important;
    border: none;
    color: ##747cfd !important;
    padding: 2px 3px;
    font-size: 0.875rem;
    cursor: pointer;
}

.doc-subscri-btn:hover {
	_background-color: RoyalBlue;
	_color: white;
}

.doc-subscri-span{
	position: relative;
}

.ds-tool-tip{
	position: absolute;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.8);

	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	color: #FFFFFF;
	font-size: 12px;
	content: attr(data-tooltip-text);

 	margin-bottom: 10px;
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 50px;
	max-width: 300px;
	word-wrap: break-word;
	z-index: 9999;
	top: 25px;
	right: 10px;
	width:170px;
}

.ds-tool-tip::after { 
	content: ""; position: absolute; bottom: 100%; left: 85%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: transparent transparent Indigo transparent; 
}

.ds-tool-tip-detail {
	-moz-box-shadow:inset 0px -3px 7px 0px #29bbff !important;
	-webkit-box-shadow:inset 0px -3px 7px 0px #29bbff !important;
	box-shadow:inset 0px -3px 7px 0px #29bbff !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa)) !important;
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%) !important;
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%) !important;
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%) !important;
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%) !important;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0) !important;
	background-color:#2dabf9 !important;
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	border:1px solid #0b0e07 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-size:13px !important;
	padding:2px 5px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #263666 !important;
}
.ds-tool-tip-detail:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9)) !important;
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%) !important;
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%) !important;
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%) !important;
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%) !important;
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0) !important;
	background-color:#0688fa !important;
}
.ds-tool-tip-detail:active {
	position:relative !important;
	top:1px !important;
}

.ds-tool-tip-close {
	-moz-box-shadow:inset 0px -3px 7px 0px #ff2626 !important;
	-webkit-box-shadow:inset 0px -3px 7px 0px #ff2626 !important;
	box-shadow:inset 0px -3px 7px 0px #ff2626 !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f72e2e), color-stop(1, #d90000)) !important;
	background:-moz-linear-gradient(top, #f72e2e 5%, #d90000 100%) !important;
	background:-webkit-linear-gradient(top, #f72e2e 5%, #d90000 100%) !important;
	background:-o-linear-gradient(top, #f72e2e 5%, #d90000 100%) !important;
	background:-ms-linear-gradient(top, #f72e2e 5%, #d90000 100%) !important;
	background:linear-gradient(to bottom, #f72e2e 5%, #d90000 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f72e2e', endColorstr='#d90000',GradientType=0) !important;
	background-color:#f72e2e !important;
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	border:1px solid #0b0e07 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#ffffff !important;
	font-size:13px !important;
	padding:2px 5px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #263666 !important;
	margin-left:5px !important;
}
.ds-tool-tip-close:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d90000), color-stop(1, #f72e2e));
	background:-moz-linear-gradient(top, #d90000 5%, #f72e2e 100%) !important;
	background:-webkit-linear-gradient(top, #d90000 5%, #f72e2e 100%) !important;
	background:-o-linear-gradient(top, #d90000 5%, #f72e2e 100%) !important;
	background:-ms-linear-gradient(top, #d90000 5%, #f72e2e 100%) !important;
	background:linear-gradient(to bottom, #d90000 5%, #f72e2e 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d90000', endColorstr='#f72e2e',GradientType=0);
	background-color:#d90000 !important;
}
.ds-tool-tip-close:active {
	position:relative !important;
	top:1px !important;
}