@import "https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500";

.CustomScrollbarCookie::-webkit-scrollbar-track {
  background: transparent !important;
   
}

body
{
	-ms-overflow-style:none;
}
/* Handle */
.CustomScrollbarCookie::-webkit-scrollbar-thumb {
   background: transparent !important;
}

#btnCookieclick {
	z-index: 1341;
	position: fixed;
	left: 19pt;
	bottom: 13px;
	box-shadow: 0.3rem .3rem .5rem -.1rem rgba(0, 0, 0, 0.15) !important;
}
	/*.scrollup {
	position: fixed;
	right: 36px;
	bottom: 15px;
	cursor: pointer;
}*/
	

	#bodyCookie {
		transition: all .5s ease;
	}

		#bodyCookie.active {
			padding-left: 250pt;
		}

.menu-open {
	/*background: linear-gradient(to bottom,#00A69D,#00A69D,#006582);*/
	/*background: linear-gradient(to top,rgba(2,0,36,1) 0%, rgba(0,55,100,1) 30%, rgba(0,161,155,1) 100%);*/
	background-color:#003b66;
    background: linear-gradient(0deg, rgba(0,55,100,1) 0%, rgba(0,101,124,1) 25%, rgba(0,161,155,1) 100%);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1340;
	
}

.activeoverlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1339;
	transform: translateZ(0);
	opacity: 0.5;
	background: #B1B3B6;
	/*transition: transform 0s,opacity .4s,-webkit-transform 0s;*/
	backface-visibility: hidden;
	transition-duration: 2.5s;
}

/*.inCookie {
	position: fixed;
	bottom: 7px;
	left: 19pt;
	background-image: url('/../../Resource/core/img/IconSECCookie.png');
	background-repeat: space;
	font-size: 25pt;
	/*width: 100%;*/
	/*height: auto;
	padding: 17pt;
	cursor: pointer;
	box-shadow: 0.3rem .3rem .5rem -.1rem rgba(0, 0, 0, 0.15) !important;
}*/


.sliderCookie {
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
	/*width: 375px;*/
	/*overflow-y: scroll;
	overflow-x: unset;*/
	/*position: relative;*/
	/*padding-top: 70pt;
	padding-bottom: 20pt;*/
	margin-left: -503px;
	transition: all .5s ease;
	max-width:414px;
}

	.sliderCookie.active {
		margin-left: 0;
	}

	.fa-times {
		position: absolute;
		top: 8pt;
		right: 8pt;
		font-size: 25pt;
		background: chocolate;
		color: #FFFFFF;
		padding: 3pt 7pt;
		cursor: pointer;
	}

	.div-menu {
		height: 100%;
		width: calc(100% - 15pt - 15pt);
		margin-left: 15pt;
		margin-right: 15pt;
		overflow-y: auto;
		background: darksalmon;
	}

		.div-menu::-webkit-scrollbar {
			width: 5pt;
		}

		.div-menu::-webkit-scrollbar-track {
			box-shadow: inset 0 0 5px grey;
			border-radius: 10px;
		}

		.div-menu::-webkit-scrollbar-thumb {
			background: chocolate;
			border-radius: 10px;
		}

	.menu {
		width: 100%;
		height: auto;
	}

		.menu ul a {
			display: block;
			height: 100%;
			width: 100%;
			line-height: 65px;
			font-size: 20px;
			color: white;
			padding-left: 40px;
			box-sizing: border-box;
			border-bottom: 1px solid #FFFFFF;
			transition: .4s;
		}

	

	.menu ul a i {
		margin-right: 16px;
	}

.divRowCookie {
	padding-top: 29px;
	padding-left: 40px;
	padding-right: 40px;
	/*padding-bottom: 20px;*/
}
.divRowCookiesub {
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	/*padding-bottom: 20px;*/
}
.divRowbuttonCookie {
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 29px;
}
#divslider {
	position: fixed;
	bottom: 0;
	width: 80px;
	height: 80px;
	cursor: pointer;
	z-index: 1341;
	padding: 0;
	border: 0;
	background: transparent;
}
.thetopic {
	font-family: wittayakarn !important;
	font-size: 16pt;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
}
.theContent {
	font-family: anupark !important;
	font-size: 11pt;
	padding-left: 0px;
	padding-right: 0px;
	font-family: anupark;
	line-height: 22px;
}
.contrantCookie {
	color: white;
}
.lineCookie {
	opacity:0.5;
	padding-top: 29px;
	border-bottom: 1px dashed #FFFFFF;
	width: 100%;
	padding-left: 23px;
	padding-right: 29px;
}



.btnCookiepopup {
	        height: 48px;
			padding-left: 25px;
	        padding-right: 25px;
            font-size:12pt;
            font-family: wittayakarn !important;
            color: white !important;
            background: #213A63;
            border-radius: 8px;
			border:0px !important;
        }

            .btnCookiepopup:hover {
                color: #ffffff !important;
                background: #00a19b !important;

            }
.divswitch {
	text-align: -webkit-right;
}

.Modal_ProgressBar {
                position: fixed;
                width: 100%;
                height: 100%;
                background-color: #F0F0F0;
                filter: alpha(opacity=50);
                opacity: 0.5;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 9999999;
            }
            
          
            .LoadingImg_ProgressBar {
            
            content:url(/../Resource/core/img/ring-alt.gif) !important;
            
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                z-index: 9999999;
            }
            
 #bodyCookie div.divRowCookie .thetopic > span > div,
#bodyCookie div.divRowCookie .theContent> span > div,
#bodyCookie div.divRowCookiesub .thetopic > span > div,
#bodyCookie div.divRowCookiesub .theContent> span > div,
#bodyCookie div.divRowCookiesub .divswitch
{
	background-color:#003864;
}
#bodyCookie.active div.divRowCookie .thetopic > span > div,
#bodyCookie.active div.divRowCookie .theContent> span > div,
#bodyCookie.active div.divRowCookiesub .thetopic > span > div,
#bodyCookie.active div.divRowCookiesub .theContent> span > div,
#bodyCookie.active div.divRowCookiesub .divswitch{
	background-color:transparent;	
}

#bodyCookie div.divRowCookie .theContent> span > div > a{
	color:#fff;
}