/*-----------------------------------------------------------------*/
/*                                                                 */
/*                               FONT                              */
/*                                                                 */
/*-----------------------------------------------------------------*/
@font-face {
    font-family: 'Bariol';
    src: url('../fonts/Bariol_Regular.otf') format('opentype');
    font-weight: normal;
}
/*@font-face {
    font-family: 'Bariol';
    src: url('../fonts/Bariol_Regular_Italic.otf') format('opentype');
    font-style: italic;
}
@font-face {
    font-family: 'Bariol';
    src: url('../fonts/Bariol_Light.otf') format('opentype');
    font-weight: lighter;
}
@font-face {
    font-family: 'Bariol';
    src: url('../fonts/Bariol_Light_Italic.otf') format('opentype');
    font-weight: lighter;
    font-style: italic;
}*/
@font-face {
    font-family: 'Bariol';
    src: url('../fonts/Bariol_Bold.otf') format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: 'ZenMaru-Regular';
    src: url('../fonts/ZenMaruGothic-Regular.ttf') format('opentype');
    font-weight: normal;
}
/*@font-face {
    font-family: 'ZenMaru-Regular';
    src: url('../fonts/ZenMaruGothic-Medium.ttf') format('opentype');
    font-style: italic;
}
@font-face {
    font-family: 'ZenMaru-Regular';
    src: url('../fonts/ZenMaruGothic-Light.ttf') format('opentype');
    font-weight: lighter;
}
@font-face {
    font-family: 'ZenMaru-Regular';
    src: url('../fonts/ZenMaruGothic-Black.ttf') format('opentype');
    font-weight: lighter;
    font-style: italic;
}*/
@font-face {
    font-family: 'ZenMaru-Bold';
    src: url('../fonts/ZenMaruGothic-Bold.ttf') format('opentype');
    font-weight: bold;
}




/*-----------------------------------------------------------------*/
/*                                                                 */
/*                       RESET CSS TO READY!!                      */
/*                                                                 */
/*-----------------------------------------------------------------*/
*,a:focus{outline:none !important;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
body{font-family:'Bariol';background:#FFFFF9;font-size:14px;color:#696969;position:relative;height:100%; overflow: hidden; overflow-y: scroll; letter-spacing: .7px;}
button:focus{outline:none !important;}
button::-moz-focus-inner{border:0;}
a:hover{color:#333;}
a:hover,a:hover .text-underline{text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 5px;font-weight:300; font-size: 100%;}
ul{list-style:none;padding:0;}
form{margin-bottom: 0;}
/*-----------------------------------------------------------------*/
/*                                                                 */
/*                      Add Css for BackOffice                     */
/*                                                                 */
/*-----------------------------------------------------------------*/
.no-padding{padding:0 !important;}
.no-margin{margin:0 !important;}
.hidden{display:none; visibility: visible;}
.unhide{display : inline!important ;visibility: visible!important;opacity: 1 !important;}  /*เพิ่ม Unhide เอาไว้แสดงผล Badge ตอนที่ค่า Status เป็น True*/
hr{border-top-color: #ecedef;}
hr.md{ margin: 12px 0; }
hr.small{ margin: 7px 0; }
.container-fluid{padding:0;}
.divLoadMore{
	margin: 10px 0 50px;
}
.divLoadMoreSmall{
	margin: 10px;
}
.expandPadding{
	padding: 5px;
}
.morePadding{
	padding: 10px;
}
label{
	margin-bottom: 0 ;
}
table td,table th{
	text-align: center;
}
.spaceConsole{margin-bottom: 20px !important;}
.spaceSmall{margin-bottom: 7px !important;}
.textDesc{
	margin: 0;
	font-size: 11.5px;
	color: #9B9B9B;
}
.textSmall{
	font-size: 12px !important;
}
.textTiny{
	font-size: 10.5px !important;
}
.textBold{
	font-weight: bold;
}
.btn+.btn{
	margin-left: 10px;
}
.btn-fcreatoring{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 5px
}
.spacetop-sm{
	margin-top: 5px;
}
.spacetop-md{
	margin-top: 12.5px;
}
.spacetop-lg{
	margin-top: 25px;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
.form-control{
	border-color: #DDDDDC;
}
input,textarea,select{ color: #555; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"]{
    -moz-appearance: textfield;
}
.disableScroll{
	overflow: hidden;
}
.visible{
	opacity: 1 !important;
}
/*-----------------------------------------------------------------*/
/*                                                                 */
/*                        Add Css for CREATOR                      */
/*                                                                 */
/*-----------------------------------------------------------------*/


/*---------------------------------------*/
/*            CREATOR - MAIN             */
/*---------------------------------------*/
.creatorWrap{min-height:100%;background:#FFFFFA;position:relative;z-index:1}
.creatorWrap.creatorTop{background: #fff}
.creatorWrap.creatorTop:before{display:none}
.creatorHead{background-color: #FFFFF9;border: none;border-top: solid 2px #9FD6D2;border-bottom: solid 1px #dfe2e6; height: 73px}
.creatorHead .creatorHeadInner{width:860px;margin:auto}
.creatorFoot{position:absolute;bottom:0;left:50%;width:802px;height:15px;margin-left:-429px;padding:35px 28px 60px;background:#42454c;font-weight:bold}
.creatorTop .creatorFoot{position:static;margin:auto;border:0;background:0;padding:44px 0 88px;text-align:center}
.creatorFoot .creatorFootRow{margin-bottom:8px}
.creatorFoot .creatorFootL{float:left}
.creatorFoot .creatorFootR{float:right}
.creatorContents{width:802px;padding:1px 28px 200px;margin:auto}
.creatorTop .creatorContents{width:860px;border:0;padding:46px 0 0}


/*---------------------------------------*/
/*      CREATOR - MAIN MENU & LOGO       */
/*---------------------------------------*/
.logo{margin-top:10px;}
.logo a{color:#fff;}
.mainMenu{width:100%;margin-top:41px;font-weight:bold;}
.mainMenu .menuList{text-align:right;letter-spacing:-.29em}
.mainMenu .menuList li{display:inline-block;margin-left:28px;}
.mainMenu .menuList li>a{display:block;color:#fff;font-size:14px;text-decoration:none}
.mainMenu .menuList li>a.selected,.mainMenu .menuList li>a:hover{color:#f7f601}
.mainMenu .activate>a{border-radius:2px;-moz-box-sizing:border-box;box-sizing:border-box;padding:2px 12px 4px;background:#00a702;border:1px solid #00a402}



/*---------------------------------------*/
/*          CREATOR - CONTENT            */
/*---------------------------------------*/
.textContent:after{content:"";display:block;clear:both}
.textContent h1 span{display:block;overflow:hidden;background-repeat:no-repeat;text-align:left;text-indent:-9999px}
.textContent .btnRegister a:before{display:inline-block;overflow:hidden;background-repeat:no-repeat;text-align:left;text-indent:-9999px}
.textContent .btnRegister a:before,.infoSection:after{background-image:url(../images/creatorMain.png)}
.textContent{margin-top:45px;padding-bottom:85px;border-bottom:1px solid #ededed}
.textContent.pre{margin-top:43px;padding-bottom:68px}
.textContent h1{float:left}
.textContent h1 span{width:426px;height:120px;background-image:url(../images/text.png);background-image:url(../images/text.png)}
.textContent .btnRegister a{display:block;height:92px;line-height:92px;padding:0 33px 0 33px;background:#00c403;border-radius:3px;color:#fff;text-align:center;font-size:26px;text-decoration:none}
.textContent .btnRegister a:before{content:"";width:27px;height:27px;background-position:-329px -235px;margin-right:5px;position:relative;top:2px}
.infoSection{position:relative;margin-top:80px;padding-bottom:84px;padding-right:350px;border-bottom:1px solid #ededed}
.infoSection:after{content:"";display:block;position:absolute;top:0;right:0}
.infoSection h2 span{display:block}
.infoSection span{font-size:26px;color:#333;font-weight:bold}
.infoSection .subTxt{margin-bottom:17px;font-size:12px;font-weight:bold;font-famicreator:Tahoma,Geneva,sans-serif;color:#0bb203}
.infoSection p{margin-top:4px;font-size:15px;line-height:1.5;color:#555}
.infoSection.infoSection01{min-height:139px}
.infoSection.infoSection01:after{top:-12px;width:325px;height:223px;background-position:-329px 0}
.infoSection.infoSection02{min-height:147px}
.infoSection.infoSection02:after{top:-13px;width:325px;height:231px;background-position:0 0}
.infoSection.infoSection03{min-height:139px;padding-right:340px}
.infoSection.infoSection03:after{top:-6px;width:325px;height:223px;background-position:0 -235px}
.infoSection.infoSectionBnr{margin:0;padding:0}
.infoSection.infoSectionBnr .inner{width:520px;margin:54px auto;padding-left:200px}
.infoSection.infoSectionBnr h2{font-size:20px;font-famicreator:Tahoma,Geneva,sans-serif;font-weight:bold;line-height:1;color:#333}
.infoSection.infoSectionBnr p{margin-top:7px;font-size:14px;color:#8c8a8a}
.infoSection.infoSectionBnr .banner_link{margin-top:9px;font-famicreator:Tahoma,Geneva,sans-serif;color:#333}
.infoSection.infoSectionBnr .banner_link a{color:inherit}
.infoSection.infoSectionBnr .banner_link a:link,.infoSection.infoSectionBnr .banner_link a:visited{text-decoration:none}
.banner_link a:focus{text-decoration:underline}
.infoSection.infoSectionBnr.infoSectionBnr01 .inner{background:url(../images/manager.png) no-repeat}
.infoSection.infoSectionBnr.infoManager .inner{margin:44px auto 44px;min-height:138px;background:url(../images/manager.png) no-repeat}
.infoSection.infoSectionBnr.infoSectionBnr02 h2{padding-top:17px}
.infoSection.infoSectionBnr.infoSectionBnr02 p{margin-top:12px}
.infoSection.infoSectionBnr.infoSectionBnr02 .banner_link{margin-top:12px}
.infoSection .btn a{color:#fff;}

/*---------------------------------------*/
/*           CREATOR - FOOTER            */
/*---------------------------------------*/
.footerList{color:#9a9a9a;font-size:14px}
.footerList ul{letter-spacing:-.27em;text-align:center}
.footerList li{display:inline-block;letter-spacing:0;margin-left:13px;font-weight:normal}
.footerList li:before{position:relative;top:1px;content:"";display:inline-block;margin-right:13px;width:1px;height:11px;background:#d7d8d8;vertical-align:baseline}
.footerList li:first-child{margin-left:0}
.footerList li:first-child:before{display:none}
.footerList a{color:inherit;text-decoration:none}
.footerList a:hover{text-decoration:underline}
.footerList p{font-weight:bold;margin-top:13px}




/*----------------------------------------*/
/*           CREATOR - REGSTER            */
/*----------------------------------------*/
.loginMain{
	padding-top: 8%; /**/
	border-top: solid 2px #9FD6D2;
}
.loginMain.padsmall{
	padding-top: 5%;
}
.loginMain .loginBox{
	position: relative;
    width: 420px;
    margin: 0 auto 0;
    text-align: center;
}
.loginMain .loginBox .logo{
    margin: 0 auto;
}
.loginMain .loginBox .loginTextDesc{
	margin-top: 45px;
	font-size: 14px;
}
.loginMain .loginBox .loginForm{
	margin: 5px 0 0;
	width: 100%;
	float: left;
}
.loginMain .loginBox input{
	font-size: 15px;
}
.loginMain .loginBox input.inputUsername:focus,
.loginMain .loginBox input.inputPassword:focus{
	border: 1px solid #FFDCD7;
	box-shadow: 0px 1px 5px #FFDCD7;
	-webkit-box-shadow: 0px 1px 5px #FFDCD7;
	-ms-box-shadow: 0px 1px 5px #FFDCD7;
}
.loginMain .loginBox input.inputUsername,
.loginMain .loginBox input.inputUsername:active,
.loginMain .loginBox input.inputUsername:visited,
.loginMain .loginBox input.inputUsername:hover{
	background: url('../images/icon_username.png')no-repeat center left #fff;
	padding-left: 65px;
}
.loginMain .loginBox input.inputPassword{
	background: url('../images/icon_password.png')no-repeat center left #fff;
	padding-left: 65px;
}
.loginMain .loginBox input.inputCFPassword{
	background: url('../images/icon_ConfirmPassword.png')no-repeat center left #fff;
	padding-left: 65px;
}
.login-register-options{
	margin-bottom: 70px;
	display: inline-block;
	width: 100%;
}
.login-register-options a{
	/*color: #e796a1;*/
	color: #7fbdb9;
    font-size: 15px;
    cursor: pointer;
    font-weight: normal;
    border-bottom: dotted 1px #9FD6D2;
    line-height: 1.2em;
}
.loginMain .btn{
	font-weight: bold;
    text-transform: uppercase;
    border: none;
    padding: 10px 40px;
    line-height: 1em;
}
.loginMain .btn.btn-success{
	padding: 12px 30px;
	background: #99D0CC;
	border: solid 1px #8BC3BF;
	box-shadow: 0px 1px 0px #8BC3BF;
	font-size: 17px;
}
.loginMain .btn.btn-default{
	padding: 15px;
	border: solid 1px #E8E7E6;
    box-shadow: 0 1px 0 #E8E7E6;
	color: #99D0CC;
}
.Loginfooter.shortLine{
	width: 50%;
	margin: auto;
}
.Loginfooter{
	margin-top: 42px !important;
	border-top: solid 1px #e1e1dd;
	padding: 20px 0;
}
.loginMain .form-control{
	border-color: #D0D0CF;
}

/* FORGET PSW */
.forgetPSWmain .loginForm{
	margin-bottom: 100px !important;
}
.forgetPSWmain .loginTextDesc{
	margin:35px 0 20px !important
}

.forgetPSWmain .forgetAlert{
	position: absolute;
    left: 2px;
    top: -20px;
    color: #FF9D91;
}



/*----------------------------------------*/
/*           CREATOR - REGSTER            */
/*----------------------------------------*/
.creatorRegister{
	background-color: #FFFFFD;
    border: 1px solid #dfe2e6;
    width: 858px;
    border-top: none;
}
.registerProgress .registerProgressList:after{content:"";display:block;clear:both}
.registerProgressList{margin: 0;}
.registerWrap{padding: 15px 0 0;}
.registerSubmit{text-align: center;margin-top: 30px;float: left;width: 100%;}
.registerInput .registerInputTextBox{display:inline-block;vertical-align:top;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:0 none transparent;background:0;margin-right:5px; background-color:#FFFFFF;}
.registerInput{vertical-align:top}
.registerInput .registerInputItem{padding-right:10px}
.registerInput .registerInputCheck{margin-right:5px;vertical-align:top}
.registerInput .registerInputRadio{margin-right:5px;vertical-align:top}
.registerInput .registerInputSelect{margin-right:5px;display:inline-block; background-color:#FFFFFF !important;}
.registerInput .registerInputTextBox{border:1px solid #E6E6DC;padding:4px;width:400px; border-radius: 4px; min-height: 34px;padding-left: 10px;}
.registerInput .registerInputText{display:inline-block;vertical-align:middle;margin-right:5px}
.hrLineSpace{border:0;padding-top:1px;margin:0;background:#dfe2e6}

.registerForm{margin-top:12px}
.registerForm .registerTable{box-shadow:0 1px 0 #E6E6DC,0 -1px #ECEDEF;width:100%;word-wrap:break-word;table-layout:fixed}
.registerForm .registerTable tbody th{background-color: #fffffd;vertical-align: top; text-transform: capitalize; font-size: 15px;}
.registerForm .registerTable th{background:#f6f7f8;border-left:1px solid #ecedef;border-top:1px solid #ecedef;padding:20px;vertical-align:top;text-align:left;color:#555}
.registerForm .registerTable th .mdIconRqm{margin:0 6px 0 -13px;vertical-align:middle}
.registerForm .registerTable th .mdIconHelp{display:inline-block;margin-left:3px;vertical-align:middle;position:relative;top:-1px;cursor:pointer}
.registerForm .registerTable td{border-left:1px solid #ecedef;border-top:1px solid #ecedef;padding:20px 20px}
.registerForm .registerTable tr:first-child th,.registerForm .registerTable tr:first-child td{border-top:0}
.registerForm .registerTable th:first-child,.registerForm .registerTable td:first-child{border-left:none}
.registerForm .mdCMN08Error{margin-top:5px;color:#ff2a00}
.registerForm .registerInput{margin-top:5px}
.registerForm .registerInput:first-child{margin-top:0}
.registerForm .mdCMN08Txt{margin-top:5px}
.registerForm .registerTable td:first-child .mdCMN08Txt{margin-top:0}
.agreeList{margin-top:18px;color:#555;font-size:12px;margin-left:1em}
.agreeList li{margin-top:12px;text-indent:-.5em}
.agreeList li:first-child{margin-top:0}
.agreeList li:before{content:"\2022";display:inline-block}  /* \2022 คือCodeของ Bullet */
.registerProgress{margin:0 -28px 30px;border-bottom:1px solid #dfe2e6}
.registerProgress .registerProgressList>li{float:left;background:url("../images/arrow.png") no-repeat left center;padding:32px 0 24px 41px;text-align:center;font-size:17px;color:#a9a9a9}
.registerProgress .registerProgressList>li:first-child{padding-left:0;background:0;/* width: 165px; */width: 250px;}
.registerProgress .registerProgressList .selected{color:#9FD6D2;font-weight:bold; margin: 0;}
.registerProgress .circleNumber{display:inline-block;border-radius:20px;margin-right:9px;width:27px;height:26px;line-height:26px;padding-left:1px;background:#bcc2c3;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-style:normal;font-size:14px;color:#fff;vertical-align:top;position:relative;top:0px}
.registerProgress .selected .circleNumber{background:#9FD6D2;font-weight:normal}
.registerProgress .registerProgressList>li{/* width:225px */ width:285px}
.registerTitle{font-size: 14.5px;font-weight: normal;text-align: left;float: left;width: 100%;margin: 40px 0 10px;padding: 0 20px}
.registerRules{margin-top:12px}
.registerRules .registerRulesBox{height:91px;width:100%;padding:20px;border:1px solid #e8e8e8;overflow-y:scroll;line-height:1.3; background-color:#FFFFFF;}
.registerRules .registerAgree{margin-top:19px;font-size:13px;text-align:center}
.registerRules .registerAgree .registerInput{margin-right:10px;position:relative;top:2px}
.registerRules .agreeInput{display:block;margin-top:5px;font-weight:bold}
.registerRules .agreeInput span{font-size: 14px;}
.registerMessage{text-align:center}
.registerMessage .messageImage{margin-top:20px; margin-bottom: 24px;}
.registerMessage .messageTitle{font-size:30px; margin: 0;}
.registerMessage .messageText{font-size:20px;color:#696969; margin-bottom: 0; margin-top:20px;}
.registerMessage .messageText .userEmail{color:#99D0CC;}
.registerMessage .messageText .linkResendEmail{color:#99D0CC; cursor: pointer; border-bottom: dotted 1px #99D0CC;}
.continueDHB{color:#99D0CC; cursor: pointer; font-size: 16px;}
.registerMessage .MdBtn01{margin-top:14px}

.recaptchaWrap>div>div{
	margin: auto;
}


.registerSubmit .btn{
	font-weight: bold;
    text-transform: uppercase;
    border: none;
    padding: 12px 30px 9px 30px;
    line-height: 1em;
}
.registerSubmit .btn.btn-success{
	background: #99D0CC;
	border-bottom: solid 2px #8BC3BF;
}
.registerSubmit .btn.btn-danger{
	background: #F3C3BD;
	border-bottom: solid 2px #E0A9A1;
	box-shadow: 0px 3px 8px rgba(243, 195, 189, 0.8);
}
.registerSubmit .btn.btn-default{
	border-bottom: solid 2px #E8E7E6;
	color: #99D0CC;
}
.registerSubmit .btn.btn-default:hover{
	background: #fff;
}

.form_date_birthday {
	cursor: pointer !important;
}


/*-----------------------------------------------------*/
/*               VALID - CHECK VALUE ERROR             */
/*-----------------------------------------------------*/
.validForm{
	padding: 10px;
    width: 50%;
    margin: auto;
    font-weight: bold;
}
.validForm p{
	font-size: 14px;
	color: #fff;
	padding: 5px;
    border-radius: 3px;
    background: #F3C3BD;
    margin: 0;
    text-align: center;
}
.validForm.plainText{
	padding: 0;
	width: initial;
}
.validForm.plainText p{
	margin-top: 7px;
	background: transparent;
	color: #ffb9b0;
	padding: 2px;
	border-radius: 0;
	text-align: left;
}

/*--------------------------------------------------*/
/*                CREATOR -  DASHBOARD              */
/*--------------------------------------------------*/
.creatorDashboard{position: relative; background: #FFFFFA;}
/* ----- NAVTOP CREATOR DASHBOARD ----- */
.creatorDashboard .navbar{
	margin: 0;
    border-radius: 0;
    /* height: 73px; */ /* responsive height*/
    border: none;
    background-color: #FFFFF9;
    border-top: solid 2px #9FD6D2;
    border-bottom: solid 2px #e6e6dc;
}
.creatorDashboard .navbar-brand{
	color: #9C9592;
	margin-left: 0 !important;
	margin-bottom: 10px;
	height: 60px;
	line-height: 40px;
	padding: 10px 20px 0;
}
.creatorDashboard .navbar-require{
	float: left;
    margin: 9px;
    background-color: #FFD8D3;
    border-radius: 8px;
    color: #878787;
    margin-left: 330px;
    opacity: 0;
}
.navbar-require ul{
	margin: 0;
	padding: 6px 16px 6px 28px;
	list-style: disc;
}
.navbar-require ul li{
	opacity: 0;
}
.creatorDashboard .navbar-collapse{
	border:none;
	padding: 10px 15px;
}
.creatorDashboard .navbar-inverse .navbar-nav>li>a{
	color: #9C9C9C;
	font-weight: bold;
}
.creatorDashboard .navbar-inverse .btnLogoff{
	padding-left: 5px;
}
.creatorDashboard .navbar-inverse .pt-logoff{
	background: url('../images/icon_logout.png') no-repeat center center;
	padding: 8px 15px;
}
.creatorDashboard .navbar-inverse .navbar-nav>li+li{
	/*border-left:solid 1px #929292;		*/
}




/* ----- MENUSIDE CREATOR DASHBOARD ----- */
.menuSide{
	background-color: #FFFFF9;
	border-right: solid 1px #E6E6DC;
	padding: 0;
	width: 280px;
    float: left;
    position: absolute;
    top:2px;
    bottom: 0;
}
.menuSide .newSubmission{
	border-bottom: solid 1px #E6E6DC;
	padding: 25px;
}
.menuSide .btnSubmission {
   font-size: 17.5px;
    padding: 5px 10px 8px 10px;
    text-transform: uppercase;
    font-weight: bold;
    background: #F3C3BD;
    border: none;
    border-bottom: solid 2px #eab7af;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 5px 6px rgba(243, 195, 189, 0.4) !important;
}
.menuSide .btnSubmission:before{
	content: "";
	background: url('../images/icon_newSubmission.png') no-repeat center center;
    padding: 2px 13px;
    font-size: 30px;
    margin-right: -2px;
}
.menuSide .menuNavL{
	float: left;
	width: 100%;
	z-index: 1;
    position: relative;
    background: #FFFFF9;
}
.menuSide .menuNavL>ul{
	margin: 0;
}
.menuSide .menuNavL>ul>li{border-bottom:solid 1px #E6E6DC;float: left;width: 100%;}
/* Change Active Navbar When Change page */
.menuSide .menuNavL li.activedashboard a{background-color:#9FD6D2; }
.menuSide .menuNavL li.activedashboard i.pt-manage{background-image: url('../images/sidebar/icon_menu1_2.png'); background-color:#99D0CC; color:#fff;}
.menuSide .menuNavL li.activedashboard span{color:#fff;}

.menuSide .menuNavL li.activeaccount a{background-color:#9FD6D2; }
.menuSide .menuNavL li.activeaccount i.pt-account{background-image: url('../images/sidebar/icon_menu2_2.png'); background-color:#99D0CC; color:#fff;}
.menuSide .menuNavL li.activeaccount span{color:#fff;}

.menuSide .menuNavL li.activesalereport a{background-color:#9FD6D2; }
.menuSide .menuNavL li.activesalereport i.pt-sales{background-image: url('../images/sidebar/icon_menu6_2.png'); background-color:#99D0CC; color:#fff;}
.menuSide .menuNavL li.activesalereport span{color:#fff;}

.menuSide .menuNavL li.activeeventparticipate a{background-color:#9FD6D2; }
.menuSide .menuNavL li.activeeventparticipate i.pt-event{background-image: url('../images/sidebar/icon_promotion2.png'); background-color:#99D0CC; color:#fff;}
.menuSide .menuNavL li.activeeventparticipate span{color:#fff;}

.menuSide .menuNavL li.activeguideline a{background-color:#9FD6D2; }
.menuSide .menuNavL li.activeguideline i.pt-manual{background-image: url('../images/sidebar/icon_menu4_2.png'); background-color:#99D0CC; color:#fff;}
.menuSide .menuNavL li.activeguideline span{color:#fff;}

.menuSide .menuNavL li.activerevenuepolicy a{background-color:#9FD6D2; }
.menuSide .menuNavL li.activerevenuepolicy i.pt-faq{background-image: url('../images/sidebar/icon_menu5_2.png'); background-color:#99D0CC; color:#fff;}
.menuSide .menuNavL li.activerevenuepolicy span{color:#fff;}

.menuSide .menuNavL li.active-usage-report a{background-color:#9FD6D2; }
.menuSide .menuNavL li.active-usage-report i.pt-usage-report{background-image: url('../images/sidebar/usage_report_on.png'); background-color:#99D0CC; color:#fff;}
.menuSide .menuNavL li.active-usage-report span{color:#fff;}
/*   */

/* .menuSide .menuNavL>ul>li:hover{background-color:#9FD6D2;}
.menuSide .menuNavL>ul>li:hover i{background-color:#99D0CC; color:#fff;}
.menuSide .menuNavL>ul>li:hover span{color:#fff;} */


.menuSide .menuNavL>ul>li>a{
	color: #696969;
	text-transform: capitalize;
	font-size: 15px;
	-webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
    float: left;
    width: 100%;
}
.menuSide .menuNavL>ul>li>a i{
	padding: 33px;
	float:left;
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFFDF2;
}
.menuSide .menuNavL>ul>li>a i.pt-manage{ background-image: url('../images/sidebar/icon_menu1_1.png');}
/* .menuSide .menuNavL>ul>li>a:hover i.pt-manage{ background-image: url('../images/sidebar/icon_menu1_2.png');} */
.menuSide .menuNavL>ul>li>a i.pt-account{ background-image: url('../images/sidebar/icon_menu2_1.png');}
/* .menuSide .menuNavL>ul>li>a:hover i.pt-account{ background-image: url('../images/sidebar/icon_menu2_2.png');} */
.menuSide .menuNavL>ul>li>a i.pt-guide{ background-image: url('../images/sidebar/icon_menu3_1.png');}
/* .menuSide .menuNavL>ul>li>a:hover i.pt-guide{ background-image: url('../images/sidebar/icon_menu3_2.png');} */
.menuSide .menuNavL>ul>li>a i.pt-manual{ background-image: url('../images/sidebar/icon_menu4_1.png');}
/* .menuSide .menuNavL>ul>li>a:hover i.pt-manual{ background-image: url('../images/sidebar/icon_menu4_2.png');} */
.menuSide .menuNavL>ul>li>a i.pt-faq{ background-image: url('../images/sidebar/icon_menu5_1.png');}
/* .menuSide .menuNavL>ul>li>a:hover i.pt-faq{ background-image: url('../images/sidebar/icon_menu5_2.png');} */
.menuSide .menuNavL>ul>li>a i.pt-sales{ background-image: url('../images/sidebar/icon_menu6_1.png');}
/* .menuSide .menuNavL>ul>li>a:hover i.pt-sales{ background-image: url('../images/sidebar/icon_menu6_2.png');} */
.menuSide .menuNavL>ul>li>a i.pt-template{ background-image: url('../images/sidebar/icon_menu7_1.png');}
/* .menuSide .menuNavL>ul>li>a:hover i.pt-template{ background-image: url('../images/sidebar/icon_menu7_2.png');} */
.menuSide .menuNavL>ul>li>a i.pt-event{ background-image: url('../images/sidebar/icon_promotion.png');}
/* .menuSide .menuNavL>ul>li>a:hover i.pt-event{ background-image: url('../images/sidebar/icon_promotion.png');} */
.menuSide .menuNavL>ul>li>a i.pt-usage-report{ background-image: url('../images/sidebar/usage_report_off.png');}


.menuSide .menuNavL>ul>li>a span{
	float: left;
	text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    padding: 24px 0 24px 20px;
}

.menuSide #toTop{
	position: absolute;
    bottom: 80px;
    right: 30px;
}
.menuSide .circleTotop{
	border: solid 2px #C7C7C7;
    padding: 8px 6px;
    border-radius: 50%;
}
.menuSide .circleTotop i{
	color: #C7C7C7;
	vertical-align: bottom;
}


/* ----- CONTENT CREATOR DASHBOARD ----- */
.contentMain{
	margin-left: 280px;
    padding: 28px 50px 40px;
    margin-bottom: 70px;
    width: 1000px;
    float: left;
    min-height: calc(100vh - 122px);
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity ease-out 1s;
    -moz-transition: opacity ease-out 1s;
}
.contentMain .headerPart{
	padding-bottom: 25px;
	width: 100%;
	float: left;
}
.contentMain .headerPart h3{
	font-size: 16.5px;
    color: #696969;
    font-weight: bold;
    float: left;
    text-transform: uppercase;
}
.contentMain .headerPart h3 a{
	color: #696969 !important;
	cursor: pointer;
}
.contentMain .headerPart h3 a:hover{
	color: #F3C3BD !important;
}
.contentMain .headerPart .fa-angle-right{
	color: #9FD6D2;
	margin: 0 12px;
}
.contentMain .headerPart h3.nameTheme{
	text-transform: inherit;
}
.contentMain .headerPart p.partDesc{
	width: 100%;
	clear: both;
    margin-bottom: -2px;
    color: #B0B0AE;
    line-height: 1.4;
    position: relative;
    display: inline-block;
    font-size: 14px;
}
.contentMain table.dataList{
	table-layout: fixed;
    width: 100%;
    border: solid 1px #E6E6DC;
    border-collapse: collapse;
    word-break: normal;
    word-wrap: break-word;
    font-size: 12px;
	color: #696969;
}
.contentMain table.dataList thead{
	background: #F9F7F3;
    color: #696969;
}
.contentMain table.dataList thead th{
	text-transform: uppercase;
	font-size: 13px;
}
.contentMain table.dataList th,
.contentMain table.dataList td{
    padding: 20px 4px 16px;
    text-align: left;
    vertical-align: middle;
}
.contentMain table.dataList th:first-child,
.contentMain table.dataList td:first-child{
	text-align: center;
}
.contentMain table.dataList tbody tr{
	height: 110px;
    border-top: 1px solid #ECEDEF;
    cursor: pointer;
    background-color:#FFFFFD;
}
.contentMain table.dataList tbody tr:hover{
	background-color: #F9F7F3;
}
.contentMain table.dataList tbody tr td{
	font-size: 16px;
}
.contentMain table.dataList tbody tr td span+span{
	float: left;
	width: 100%;
	margin-top: 18px;
}

/* -- CIRCLE - STATUS -- */
span.status{
	position: relative;
    padding-left: 20px;
}
span.status.small{
	font-size: 14px;
}
span.status::before{
	content: "";
    background-color: #E7E7E7;
    border-radius: 50%;
    top: 3px;
    left: 0px;
    position: absolute;
    width: 11px;
    height: 11px;
}
span.status.small::before{
	top: 1px;
}
span.sale::before{background-color: #99D0CC;}
span.waiting::before{background-color: #FFDF83;}
span.rejected::before{background-color: #FF9D91;}


.contentMain table>tbody td.validActive{ border: dashed 2.5px #F3C3BD; }



.contentMain .pagesIndentity{
	position: absolute;
}
.contentMain .pagesIndentity span{
	font-size: 16px;
}
.pagination{
	display: table;
    margin: auto;
    text-align: center;
    font-size: 16px;
}
.pagination>li{
	margin: 0 2px;
	display: inline-block;
}
.pagination>li>a{
	display: inline-block;
	color: #BFBFBF;
	background: transparent;
	border: transparent;
	line-height: 1em;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
	background: transparent;
	color:#8E8E8E;
	font-weight: bold;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	border-color: #9FD6D2;
	background: #9FD6D2;
    border-radius: 4px;
    font-weight: bold;
    padding: 6px 10px;
    color: #fff;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{
	background-color: transparent;
	color: #ececec;
}


help::before{
	content: "?" !important;
	padding: 2px 5px !important;
    background: #DBDBDB !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    margin: 0px 7px !important;
    cursor: pointer !important;
}
help.danger::before{
    background: #ff9d91 !important;
}

.contentMain .deviceCategory{
	overflow: hidden;
}
.contentMain .deviceCategory>ul.deviceTabSelect{
	display: table;
	width: 100%;
}
.contentMain .deviceCategory>ul.deviceTabSelect li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 6px;
    border: solid 1px #DADADA;
    font-size: 11.5px;
    font-weight: bold;
    cursor: pointer;
    background: #fffffd;
    -webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    -o-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}
.contentMain .deviceCategory>ul.deviceTabSelect li:hover{
	background: #F7F7F7;
}
.contentMain .deviceCategory>ul.deviceTabSelect li.active{
	background: #CFCFCF;
	color: #fffffd;
}
.contentMain .deviceCategory .deviceContent{
	clear: both;
}
.contentMain .deviceCategory .deviceContent.wrapDeviceSelected{
	padding: 15px;
	margin-top: 20px;
	border:solid 1px #ECEDEF;
}

.contentMain table.listDashboard img.packImageThumbnail{
	max-width: 72px;
	border-radius: 12%;
	/* border:solid 1px rgba(0, 0, 0, 0.1); */
}
.contentMain table.listDashboard img.defaultImage{
	max-width: 72px;
	border-radius: 50%;
	border:solid 1px rgba(0, 0, 0, 0.1);
}
.deviceContent .thumbnailSet img{
	/* zoom: .25; */
	max-width: 80%;
}
.deviceContent .ipad .thumbnailSet img{
	/* zoom: .15; */
}



/* ----- NOTIFICATION CREATOR DASHBOARD ----- */
.notificationPart,.dataPart{
	float: left;
	width: 100%;
	margin-bottom: 24px;
}
.notificationPart .statusBar{
	margin: 0;
}



/* ----- REGISTER CREATOR DASHBOARD ----- */
.managerContent .registerWrap tr{
	font-size: 14.5px;
}
.registerWrap table tr th{
	width: 200px;
}
.registerWrap td{
	text-align: left;
}
.registerWrap .creatorInputTextBox{
	box-sizing: border-box;
    width: 328px;
    padding: 5px 6px;
    border: 1px solid #DDDDDC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.registerWrap .creatorInputTextBox:focus{
	border: 1px solid #FFDCD7;
	box-shadow: 0px 1px 5px #FFDCD7;
	-webkit-box-shadow: 0px 1px 5px #FFDCD7;
	-ms-box-shadow: 0px 1px 5px #FFDCD7;
}
.registerWrap select.creatorInputTextBox{
	overflow: hidden;
	background: url(../images/navSelect.png) no-repeat right;
	-webkit-appearance: none;
	appearance: none;
}
.registerWrap .colorSelect{
	width: 328px;
}
.registerWrap .registerInputText{
	margin: 0;
	font-size: 16px;
}
.registerWrap .registerInput+.registerInputText{
	margin: 0;
	margin-top: 7px;
	font-size: 12px;
}
.registerWrap .creatorInputTextarea{
	box-sizing: border-box;
	width: 328px;
	padding: 2px 6px;
	border: 1px solid #DDDDDC;
	resize: none;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.registerWrap .registerStrong{
	margin-bottom: 5px;
	display: inline-block;
}
.registerWrap .textExplain{
	font-size: 12px;
	margin: 7px 0;
}
.creatorDefaultBtn{
	margin-top:10px;
	border: 1px solid #9fa6b3;
    border-radius: 2px;
    background: #a9b2c2;
    color: #fff;
    text-transform: capitalize;
    padding: 1px 7px;
    font-weight: bold;
}
.alignSet{
	margin: 5px 0 5px 0;
}
.radioSelect{
	padding-left: 26px;
}
.radioSelect input[type="radio"]{
	margin-top: 2px;
}
.radioSelect .radio-inline+.radio-inline{
	margin-left: 55px;
}
.radioSelect .radio-inline, .checkbox-inline{
	padding: 0;
	position: relative;
}
.radioSelect input[type=radio] {
    display: none;
}
.radioSelect label {
    cursor: pointer;
    font-weight: normal;
}
.radioSelect input[type=radio] + label:before {
    display: inline-block;
    font-size: 20px;
}
.radioSelect input[type=radio] + label:before {
	content: "";
    background: url('../images/radio.png')no-repeat;
    color: #4DA2B3;
    cursor: pointer;
    width: 23px;
    height: 23px;
    position: absolute;
    left: -28px;
    top: -2px;
}
.radioSelect input[type=radio]:checked + label:before {
    content:"";
    background: url('../images/radioActive.png')no-repeat;
}




/* ----- DETAIL CREATOR DASHBOARD ----- */
.dataManagerInfo .managerTab ul.nav-tabs{
    border: solid 1px #E6E6DC;
    background: #F9F7F3;
    border-left: none;
}
.dataManagerInfo .managerTab ul.nav-tabs>li{
	float: left;
    width: 210px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: -3px;
    background: #F9F7F3;
}
.dataManagerInfo .managerTab ul.nav-tabs>li>a{
	display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 0;
    border: solid 1px #E6E6DC;
    border-bottom-color: #E6E6DC;
    color: #9d9d9d;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: bold;
}
.dataManagerInfo .managerTab ul.nav-tabs>li:first-child{
	margin-left: 0;
	/*border-right: solid 1px #E6E6DC;*/
}
.dataManagerInfo .managerTab ul.nav-tabs>li.active a{
	background: #FFFFFD;
	position: relative;
}
.dataManagerInfo .managerTab ul.nav-tabs>li.active:before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #9FD6D2;
}
.dataManagerInfo .managerTab ul.nav-tabs>li.active a{
	color: #696969;
	padding-bottom: 17px;
	border-bottom: 0;
	margin: 0;
	margin-top: 2px;
	padding-top: 14px;
}

.dataManagerInfo .versionTab ul.nav-tabs>li{
	width: 50%;
}
.dataManagerInfo .versionTab ul.nav-tabs>li{
	margin-left: 0;
	cursor: pointer;
}
.dataManagerInfo .versionTab .nav-tabs>li>a{
	margin-right: -1px;
	border-bottom: none;
}
.dataManagerInfo .versionTab ul.nav-tabs>li.active a{
	border-right: 1;
	border-left: 1;
}
/*.dataManagerInfo .versionTab ul.nav-tabs>li+li a{
	border-left: 0;
}*/
.dataManagerInfo .versionTab ul.nav-tabs>li.active:before{
	background: #F3C3BD;
}
.dataManagerInfo .statusBar{
	margin: 0;
	border:none;
	border-left: solid 1px #E6E6DC;
	border-right: solid 1px #E6E6DC;
	border-radius: 0;
}
.dataManagerInfo .statusBar .statusTab{
	float: left;
	height: 32px;
	line-height: 35px;
	margin-right: 7px;
}
.dataManagerInfo .statusBar .statusNote{
	line-height: 30px;
    font-size: 13px;
    margin-top: 3px;
}
.dataManagerInfo .statusBar .statusTab strong{
	text-transform: uppercase;
	float: left;
}
.dataManagerInfo .statusBar .statusTab span{
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	float: right;
}
.dataManagerInfo .statusBar .statusTab span.status::before{
	content: "";
    background-color: #E7E7E7;
    border-radius: 50%;
    top: 11px;
    left: 11px;
    position: absolute;
    width: 11px;
    height: 11px;
}
.dataManagerInfo .statusBar .statusTab span.sale::before{background-color: #99D0CC;}
.dataManagerInfo .statusBar .statusTab span.waiting::before{background-color: #FFDF83;}
.dataManagerInfo .statusBar .statusTab span.rejected::before{background-color: #FF9D91;}

.dataManagerInfo .statusBar .btn{
	border:none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 14px 4px 14px;
	margin-left: 5px;
}
.dataManagerInfo .statusBar .btn-danger{
	background-color: #F3C3BD;
	border-bottom: solid 2px #E0A9A1;
}
.dataManagerInfo .statusBar .btn-success{
	background: #99D0CC;
	border-bottom: solid 2px #8BC3BF;
	box-shadow: 0px 3px 8px rgba(243, 195, 189, 0.5);
}

.dataManagerInfo .statusBar .panel-body{
	padding: 12px 25px;
}

.dataManagerInfo .managerContent{
	border: solid 1px #E6E6DC;
	border-top: none;
	background-color: #fffffd;
}
.dataManagerInfo .dataImgWrap{
	margin-bottom: 10px;
	padding: 10px 14px;
}
.dataManagerInfo .dataImgWrap .dataThemeSaparate{
	float: left;
	padding: 12px;
	height: 216px;
}
.dataManagerInfo .dataImgWrap .dataImgHeaderTitle{
	font-size: 15.5px;
    font-weight: bold;
    height: 25px;
    line-height: 30px;
}
.dataManagerInfo .dataImgWrap .dataImgHeaderTitle>span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    float: left;
}
.dataManagerInfo .dataImgWrap .dataImgHeaderTitle>label{
	float:right;
    font-weight: normal;
    font-size: 14px;
}
.dataManagerInfo .dataImgWrap .dataImgHeaderTitle>select.form-control{
	width: auto;
	font-size: 11.5px;
	height: 25px;
}
.dataManagerInfo .dataImageTable{
	width:  193.8px;
	border-bottom: 1px solid rgba(229, 229, 229, 0.7);
}
.dataManagerInfo .dataImageTable .colorSelect{
	margin: 10px 0 0;
	width: 175px;
}
.dataManagerInfo .dataImageTable .dataColorSelected{
	width: 70px;
    height: 70px;
    margin: 10px 0;
    float: left;
}
.dataManagerInfo .dataImageTable .dataColorTitle{
	float: left;
	margin: 10px;
	font-size: 13px;
}
.dataManagerInfo .dataImageTable .dataImageRow{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	cursor: pointer;
}
.dataManagerInfo .dataImageTable .dataImageRow.disabled{
	/* //opacity: 0.7; */
}
.dataManagerInfo .dataImageTable .dataImageItem{
    vertical-align: middle;
	position: relative;
	background: #fff;
}
.dataManagerInfo .dataImageTable .dataImageOptions{
	display: flex;
	margin: -3px 0 17px 0px;
}
.dataManagerInfo .bannerStack{
	position: relative;
}
.dataManagerInfo .bannerStack>img.titleBanner{
	position: absolute;
	margin-left: 70px;
	margin-top: 22px;
}
/* ----- IMAGES CUSTOMIZED SIZE - PACK - CREATOR DASHBOARD ----- */
.packImgThumbnail{max-width: 100px;}
.packImgInspireImg{max-width: 375px;}
.packImgFeatureBanner{max-width: 540px;}
.packImgTitleBanner{width: 261px;}
.packImgBgBanner{width: 540px;}


.dataManagerInfo .saleRegionList p{
	margin: 0;
}
.dataManagerInfo .saleRegionList p+p{
	margin-top: 5px;
}
.dataImageOptions{
	display: inline-block;
	width: 100%;
}
.dataImageOptions .dataImageStatus{
	float: right;
	margin: 0;
	font-size: 13.5px;
	background-image: url("../images/cancel.png");
	background-position: left center;
	background-position-y: 3px;
	background-repeat: no-repeat;
	padding-left: 16px;
	font-weight: bold;
	color: #ff9d91;
}
.dataImageStatus.completed{background-image: url("../images/check.png"); color: #cfcfcf;}
.dataImageOptions .dataImageDuplicate{
	background: url("../images/duplicate.png?v1.0")no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
.dataImageOptions .dataImageDel{
	background: url("../images/bin.png?v1.0")no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dataImageOptions .dataImageDownload{
	background: url("../images/download.png?v1.0")no-repeat center center;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dataImageItem .dataImageTitle{
	padding: 9px 0 0 10px;
    font-size: 12px;
    margin-bottom: 5px;
}
.dataImageItem .dataImageImg{
	position: relative;
    width: 193.5px;
    height: 136px;
    margin-bottom: 4px;
    text-align: center;
    /*background: url("../images/shadow.png")no-repeat bottom;*/
    background-color:#fffffd;
}
.dataImageItem .dataImageImg img{
	width: 100%;
	height: 144px;
}
.dataManagerInfo .dataImgOptionBar{
	width: 100%;
	padding: 8px 24px;
	border-bottom: 1px solid #ecedef;
}
.dataManagerInfo .dataImgOptionBar .btn{
    border: none;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 14px 4px 14px;
    cursor: pointer;
}
.dataManagerInfo .dataImgOptionBar .btn-danger{
	background-color: #F3C3BD;
	border-bottom: solid 2px #E0A9A1;
}
.dataManagerInfo .dataImgOptionBar .btn-success{
	background-color: #99D0CC;
    border-bottom: solid 2px #92CAC6;
}
.dataManagerInfo .dataImgOptionBar .sortBtn{
	background: url("../images/sortBtn.png")no-repeat center center;
	width: 35px;
	height: 35px;
	cursor: pointer;
}
.dataManagerInfo .dataImgWrap .dataThemeSaparate{
	/* cursor: pointer; */
}
.dataManagerInfo .dataImgWrap .dataThemeSaparate .addNewTheme{
	background-image: url("../images/themeAdd.png");
	width: 193.5px;
    height: 129px;
    position: absolute;
    top: 46px;
    cursor: pointer;
    box-shadow: rgba(0,0,0, 0.08) 0px 4px 8px, rgba(220, 220, 220,1) 0px 0px 1px;
}
.dataImageItem .dataImageImg img.noImage{
	line-height: 100px;
	text-align: center;
	vertical-align: middle;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	top:40%;
	left: 35%;
}
.dataImageItem .dataImageBt{
	padding: 10px 0;
	border-top: 1px solid #ecedef;
	background: #fff;
	text-align: center;
	margin: 0;
}
.dataImageItem .dataImageBt .btn{
	padding: 0px 4px;
}

.themeHeaderText{
	font-weight: normal;
	text-align: center;
	float: left;
    width: 100%;
    margin: 20px 0 35px;
}
.thumbnailSet .thumbnailName{
	margin-bottom: 7px;
	font-size: 16px;
}
.thumbnailSet .thumbnailName a{
	color: #FF9D91;
	font-weight: bold;
	border-bottom: dashed 1px #FF9D91;
	margin-left: 2px;
	cursor: pointer;
}
.thumbnailSet .thumbnailName a.thumbnailTitle {
	color: #555; 
	border-bottom: dashed 1px #555;
}

.thumbnailSet img{
	max-width: 100%;
}
.thumbnailBtn{
	position: relative;
    overflow: hidden;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 13.5px;
    padding: 4px 10px;
    background: #CFCFCF;
    border-color: #CFCFCF;
}
.thumbnailBtn:hover{
	background: #d8d8d8;
	border-color: #CFCFCF;
}
.thumbnailBtn input{
	width: 100%;
	height: 30px;
	position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

span.saleEditBtn{
	color: #9FD6D2;
	border-bottom: dashed 1px #9FD6D2;
	font-weight: bold;
	margin-left: 3px;
	cursor: pointer;
}
.groupInputExpireDate{
	width: 311px;
}
.groupInputExpireDate input{
	border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}



/* -- SORT THEME KEYBOARD -- */
.dataManagerInfo .dataSortWrap{
	margin-bottom: 10px;
    padding: 10px 14px;
    display: inline-block;
    width: 100%;
}
.dataManagerInfo .dataSortWrap .sortSeparate{
	padding: 6px 12px;
    margin: 7px 0;
    color: #696969;
    font-weight: bold;
    border-radius: 4px;
    cursor: move;
    width: 100%;
    float: left;
    border: solid 1px #E6E6DC;
}
.dataManagerInfo .dataSortWrap .dataImgHeaderTitle{
	margin: 0;
	width: 90%;
	float: left;
}
.dataManagerInfo .dataSortWrap .dataImgHeaderTitle.themeNumber{
	width: 10%;
	text-align: right;
}
.dataManagerInfo .dataSortWrap .dataImgHeaderTitle.themeNumber i{
	opacity: 0;
}
.dataManagerInfo .dataSortWrap .sortSeparate i.fa{
	line-height: 2.25em;
	margin-right: 10px;
}
.sortSeparate h2{
	font-weight: bold;
	text-transform: uppercase;
}
.sortSeparate label{
	float: right;
}
.portlet-placeholder {
	border: 1px dotted black;
	margin: 0 1em 1em 0;
	height: 50px;
}



/* -- PREVIEW KEYBOARD -- */
.managerDetail .previewPart{}
.previewPart .previewWrap{
	width: 385px !important;
	max-width: 385px !important;
	margin: auto;
}
.previewPart .previewWrap>.previewKeyboard{
	margin-top: 10px;
	margin-bottom: 15px;
	position: relative;
}

.previewKeyboard .btnRefresh{
	border: none;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 15px;
    cursor: pointer;
    background-color: #99D0CC;
    border: solid 1px #92CAC6;
    box-shadow: 0px 1px 0px #92CAC6;
    position: absolute;
    bottom: 0;
    right: -100px;
}
.previewPart .previewWrap>.previewOptions{
	margin-top: 5px;
}

.wrapBaseKeyboard{
	display: inline-block;
	width: 100%;
	/* overflow: hidden; */
}
.wrapBaseKeyboard .stage{
	width: 100%;
	float: left;
}
.wrapBaseKeyboard ul.keyboardBtn{
	padding: 10px 3px 5px;
    width: 100%;
    text-align: center;
    margin: 0;
    position: relative;
}
.wrapBaseKeyboard ul.keyboardBtn li:first-child{
	margin-left: 0;
}
.wrapBaseKeyboard ul.keyboardBtn li:last-child{
	margin-right: 0;
}
.wrapBaseKeyboard ul.keyboardBtn li{
	padding: 0;
    box-shadow: 0px 1px 2px #6B6775;
    text-transform: uppercase;
    margin: 1.1px;
    width: 25.5px;
    font-size: 17.5px;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
    color: #000;
    display: inline-block;
    height: 35px;
    line-height: 2em;
    position: relative;
}
.wrapBaseKeyboard ul.keyboardBtn li div{
	color: transparent;
}
ul.keyboardBtn li [class*='icon']{
	display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 35px;
    line-height: 2.1em;
}
ul.keyboardBtn li i.icon-icon_shift{ font-size: 16px;}
ul.keyboardBtn li i.icon-icon_backspace{ font-size: 16px; line-height: 2.2em;}
ul.keyboardBtn li i.icon-icon_123{ font-size: 10px; line-height: 3.5em;}
ul.keyboardBtn li i.icon-icon_globe{ font-size: 15px; line-height: 2.4em;}
ul.keyboardBtn li i.icon-icon_emoji{ font-size: 16px; line-height: 2.2em;}
ul.keyboardBtn li i.icon-icon_pastel{}
ul.keyboardBtn li i.icon-icon_return{font-size: 10px; line-height: 3.5em;}

ul.keyboardBtn li.btnPressed{
	position: absolute;
    top: -45px;
    z-index: 1;
    width: 49px;
    left: 71px;
    height: 40px;
    font-size: 30px;
    line-height: 40px;
    box-shadow: 0px 0px 2px #6B6775;
    border-radius: 8px 8px 0 0;
}
ul.keyboardBtn li.btnPressed>i.btnPressedLeft{
	content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 25px solid #fff;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 1em;
    left: 0px;
    top: 35px;
    z-index: 0;
    box-shadow: 0px 1px 0 #6B6775;
}
ul.keyboardBtn li.btnPressed>i.btnPressedRight{
	content: "";
	position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 25px solid #fff;
    border-top: none;
    border-right: none;
    border-bottom-right-radius: 1em;
    left: 24px;
    top: 35px;
    z-index: 0;
    box-shadow: 0px 1px 0 #6B6775;
}
ul.keyboardBtn li.btnPressedBelow{
	z-index: 2;
    box-shadow: 0px 2px 1px #6b6775;
}
ul.keyboardBtn li.shiftPressed{
	position: absolute;
	top: 10px;
    left: -45px;
}


/* -- THUMB KEYBOARD -- */
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn{
	padding: 7.5px 1.5px 3.5px 1.5px;
}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li{
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    margin: 0.1px;
    padding: 1px 0 0 1px;
    width: 15px;
    font-size: 10px;
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    height: 21px;
    line-height: 2em;
    background-position: -2px -2px !important;
}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li [class*='icon']{
	height: 25px;
}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li i.icon-icon_shift{ font-size: 10px; line-height: 2em;}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li i.icon-icon_backspace{ font-size: 9px; line-height: 2.5em;}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li i.icon-icon_123{ font-size: 6px; line-height: 3.4em;}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li i.icon-icon_globe{ font-size: 9.5px; line-height: 2.5em;}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li i.icon-icon_emoji{ font-size: 10px; line-height: 2.3em;}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li i.icon-icon_pastel{ font-size: 9px; line-height: 2.6em;}
.wrapBaseKeyboard.thumbKeyboard ul.keyboardBtn li i.icon-icon_return{font-size: 6.5px; line-height: 3.35em;}

.managerContent .registerWrap.themeContentWrap{
	border-top: solid 1px #E6E6DC;
	padding: 0;
	margin-top: 30px;
}
.managerContent .registerWrap.themeContentWrap>h2.registerTitle{
	margin-top: 30px;
}






/* ----- FOOTER CREATOR DASHBOARD ----- */
.dashboardFooter{
	background-color: #F6F7F8;
    padding: 25px;
    border-top: solid 1px #D2D2D2;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
}
.dashboardFooter ul{
	margin: 0;
}
.copyright{
	position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 14px;
    color: darkgrey;
}
.copyright a{color:inherit;text-decoration:none}
.copyright a:hover{text-decoration:underline}

.copyright1{
    position: absolute;
    bottom: 10px;
    right: 30px;
    font-size: 14px;
    color: darkgrey;
}
.copyright1 a{color:inherit;text-decoration:none}
.copyright1 a:hover{text-decoration:underline}


/* ----- CHECKBOX CREATOR ----- */
.checkboxSelect{
	padding-left: 30px;
}
.checkboxSelect input[type=checkbox] {
    display: none;
}
.checkboxSelect span{
    cursor: pointer;
    font-weight: normal;
    position: relative;
    font-size: 16px;
}
.checkboxSelect input[type=checkbox]:not(old) + span:before {
    display: inline-block;
    font-size: 20px;
}
.checkboxSelect input[type=checkbox]:not(old) + span:before {
	content: "";
    background: url('../images/checkbox.png')no-repeat;
    color: #4DA2B3;
    cursor: pointer;
    width: 18px;
    height: 18px;
    position: absolute;
    left: -25px;
    top: -2px;
}
.checkboxSelect input[type=checkbox]:not(old):checked + span:before {
    content:"";
    background: url('../images/checkboxActive.png')no-repeat;
}


/* ----- POPUP CREATOR ----- */
.bgSceenFade{
	display: none;
	position: fixed;
	top:0;
	height: 100%;
	min-height: 100vh;
	background: rgba(0,0,0,0.1);
	width: 100%;
	z-index: 10;
}
.bgSceenDarker{
	display: none;
	position: fixed;
	top:0;
	height: 100%;
	min-height: 100vh;
	background: rgba(255,255,255,0.9);
	padding: 15% 0;
	width: 100%;
	z-index: 10;
}
.loadingText{
	margin-top: 10px;
}
.popupWrap{
	display:none;
	position: fixed;
	top: 25%;
	vertical-align:middle;
	z-index: 11;
	width: 100%;
	position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);

}
.popupBox{
	width: 50%;
	margin: auto;
	background: #f8f9f9;
	border-radius: 8px;
}
.popupBox .popupMain{
	padding: 55px 50px 5px;
	position: relative;
}
.popupBox .popupMain .popupHeader{
	font-size: 17px;
	padding-bottom: 20px;
	border-bottom: solid 1.5px #d7d7d7;
}
.popupBox .popupMain .popupHeader .searchtool{
	margin-left: 15px;
}
.popupBox .popupMain .popupHeader .searchtool:focus{
	border: 1px solid #FFDCD7;
	box-shadow: 0px 1px 5px #FFDCD7;
	-webkit-box-shadow: 0px 1px 5px #FFDCD7;
	-ms-box-shadow: 0px 1px 5px #FFDCD7;
}
.popupBox .popupMain .popupContent{
	padding-top: 20px;
}
.popupBox .popupOptions{
	width: 100%;
	float: left;
	border-top: solid 1px #E6E7E7;
	padding: 15px 50px;
}
.popupOptions .registerSubmit{
	margin: 0;
	width:auto;
	float: initial;
}
.popupOptions .registerSubmit .btn{
	padding: 11px 18px 9px 18px;
}

.warningAlert .popupMain .popupHeader{
	padding-bottom: 10px;
}
.popupContent .rejectReason{
	margin: 10px 10%;
}
.popupContent .rejectReason textarea{
	resize: none;
}
.popupWrap.helpBox .popupMain{
	padding: 35px;
}
.popupWrap.helpBox .popupContent{
	padding: 0;
	padding-right: 5px;
	max-height: 600px;
	overflow-y: scroll;
	text-align: left;
}
.popupWrap.helpBox .popupContent::-webkit-scrollbar{
	width: 2px;
	height: 0px;
}
.popupWrap.helpBox .popupContent::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(210,210,210,0.2);
}
.popupWrap.helpBox .popupContent::-webkit-scrollbar-thumb {
	background:#ddd;
	-webkit-box-shadow: inset 0 0 6px rgba(210,210,210,0.7);
}
.popupBox .btnFixedTop{
	border-radius: 1em;
    padding: 5px 3px;
    position: absolute;
    top: 8px;
    right: 8px;
}

/* ----- COUNTRY SELECTLIST CREATOR ----- */
.countryList{
	margin: 0;
	height: 150px;
    overflow-y: scroll;
}
.countryList::-webkit-scrollbar {
	width: 3px;
	height: 1px;
}
.countryList::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px #F1F2F2;
}
.countryList::-webkit-scrollbar-thumb {
	background:#ddd;
	-webkit-box-shadow: inset 0 0 6px #E6E7E7;
}
.countrySeperate{
	margin: 7px 0;
	float: left;
	width: 25%;
	padding-right: 25px;
}
.selectAllOption{
	line-height: 2.5em;
}




/* ----- ADMIN - CREATOR ----- */
.adminWrap{
	width: 1060px;
	margin: auto;
	display: flex;
}
.adminControl{
	margin: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	opacity: 0;
	padding:0;
	width: 100%;
}
.adminControl .headerPart label.statpack{
	width: 100%;
}
.adminControl .dataManagerInfo .versionTab ul.nav-tabs>li.active:before{
	background: #F3C3BD;
}
.adminControl .dataManagerInfo .versionTab ul.nav-tabs>li.active a{
	padding-bottom: 15px;
}
.adminPanelContent .table{
	margin-bottom: 0;
}
.adminPanelContent .table>thead>tr>th{
	font-size: 12px;
	text-transform: uppercase;
	border-width: 1px;
	height: 60px;
	vertical-align: middle;
	padding: 3px;
}
.adminPanelContent .table>tbody>tr>td{
	height: 60px;
	vertical-align: middle;
}
.adminPanelContent.dashboard .table>thead>tr>th.linewall,
.adminPanelContent.dashboard .table>tbody>tr>td.linewall{
	border-left: solid 1px #ddd;
}
.adminPanelContent.dashboard .table>tbody>tr>td i.fa{
	cursor: pointer;
}
.adminPanelContent.dashboard .table>tbody>tr>td i.fa:hover{
	opacity: 0.6;
}
.adminPanelContent .dataImgWrap .dataImgHeaderTitle>label{
	position: absolute;
	right: 20%;
}
.adminPanelContent .registerWrap .creatorInputTextBox{
	width: 100%;
	background: transparent;
	font-size: 12px;
    height: 24px;
    padding: 4px 5px;
    position: relative;
    z-index: 1;
    border-radius: 0;
    padding-right: 15px;
}
.adminPanelContent .registerWrap{
	position: relative;
	padding: 0;
}
.adminPanelContent .registerWrap:before{
	position: absolute;
	font-family: fontAwesome;
	content: "\f078";
	top: 5px;
    right: 5px;
    font-size: 10px;
    z-index: 0;
}
.adminPanelContent.dashboard .btn.btn-danger{
	background: #F3C3BD;
	border: none;
    border-bottom: solid 2px #E0A9A1;
}
.adminControl .adminPanelOption{
	margin-top: 25px;
}

.viewHistory .popupMain{
	padding-top: 15px;
}
.viewHistory .popupBox .popupMain .popupHeader{
	border: none;
}
.viewHistory .popupContent{
	padding-top: 0 !important;
	height: 200px;
    overflow: hidden;
    overflow-y: scroll;
    margin-bottom: 20px;
}
.viewHistory .popupContent::-webkit-scrollbar {
	width: 1px;
	height: 0px;
}
.viewHistory .popupContent::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.15);
}
.viewHistory .popupContent::-webkit-scrollbar-thumb {
	background:#ddd;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);
}
.viewHistory .table>thead>tr>th{
	height: 45px;
    vertical-align: middle;
    line-height: 1em;
    background: #d7d7d7;
    color: #656565;
    text-transform: uppercase;
    font-size: 12px;
    border-bottom-color: #d7d7d7;
}
.viewHistory .table>tbody>tr>td{
	height: 45px;
}
.adminPanelContent.preview-detail table td{
	text-align: left;
}
.adminPanelContent.preview-detail table td p{
	margin: 0;
}
.adminPanelContent.preview-detail .registerForm{
	margin: 0;
}
.adminPanelTopOption{
	margin: 0;
    text-align: left;
    padding: 10px 20px;
}
.adminPanelTopOption.preview4admin{
	float: left;
    width: 100%;
    border-top: solid 1px #E6E6DC;
}

.optionList{ text-align: left;}
.optionList .btn-sm{
	padding-left: 35px;
	background-size: contain;
	margin: 2px 0;
    cursor: pointer;
    background-position: left center;
}
.optionList .btn-sm:hover{
	opacity: 0.7;
}
.optionList .btn-sm span{
	font-size: 13px;
	color: #99D0CC;
	border-bottom: dotted 1px #99D0CC;
}
.optionList .btnDownload{
	background: url("../images/admin-download.png")no-repeat;
	background-position-y: center;
}
.optionList .btnBrowse{
	background: url("../images/admin-browse.png")no-repeat;
}
.optionList .btnHistory{
	background: url("../images/admin-history.png")no-repeat;
}


/*----------------------------------------------------------------*/
/*           /**** ART-CSS ****/
/*----------------------------------------------------------------*/
.form-control .creatorInputTextBox {
	width:95%;
}
.minicolors-theme-bootstrap .minicolors-input {
	width:95%;
}
.registerWrap .creatorInputTextBox{
	width : 311.59px;
}
.btn.btn-default{
	box-shadow: 0px 3px 8px rgba(228, 228, 228, 0.5),  rgba(220, 220, 220,1) 0px 0px 1px inset;
}
.btn.btn-success{
	box-shadow: 0px 3px 8px rgba(153, 208, 204, 0.5);
}
.btn-lg{
	font-size:17.5px;
}
.btn {
 border-radius:4.5px;
}
li.ng-scope.active{
  /* border-right: solid 1px #E6E6DC; */
   }
.thumbnailBtn.btn.btn-success.btn-sm{
   box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
}
/*===================Preview Keyboard==================*/
.previewKeyboard{
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}
li.pull-left.shiftPressed{
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15) !important;
}
.previewKeyboard .wrapBaseKeyboard{
	height:216px;
}
.previewKeyboard .wrapBaseKeyboard ul.keyboardBtn li{
	margin-top:0px;
	height:38px;
	font-size:19px;
	padding:0px 4px 2px 5px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.30);
    background-position: -2.5px -2.5px;
}
.previewKeyboard .wrapBaseKeyboard .stage-1st{
	margin-top:2px;
}
.previewKeyboard .wrapBaseKeyboard .stage-2nd{
	margin-top:0px;
}
.previewKeyboard .wrapBaseKeyboard .stage-3rd{
	margin-top:0px;
}
.previewKeyboard .wrapBaseKeyboard .stage-4th{
	margin-top:0px;
}
.previewKeyboard ul.keyboardBtn li.btnPressed {
	padding-top:5px;
	font-size:36px !important;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
.previewKeyboard ul.keyboardBtn li.btnPressedBelow{
	box-shadow: 0px 4px 4px rgba(0, 0, 0,0.1);
}
.previewKeyboard ul.keyboardBtn li.btnPressed>i.btnPressedRight{
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.12);
}
.previewKeyboard ul.keyboardBtn li.btnPressed>i.btnPressedLeft{
	box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.12);
}
.previewKeyboard ul.keyboardBtn li i.icon-icon_backspace{
	font-size:14px;
	margin-top:4.5px;
}
.previewKeyboard ul.keyboardBtn li i.icon-icon_shift{
	margin:3px 0 0 1px ;
}
.previewKeyboard ul.keyboardBtn li i.icon-icon_return{
	margin-top:2px;
}
.previewKeyboard ul.keyboardBtn li i.icon-icon_123{
	margin-top:2px;
}
.previewKeyboard ul.keyboardBtn li i.icon-icon_globe{
	margin-top:1px;
}
.previewKeyboard ul.keyboardBtn li i.icon-icon_emoji{
	margin-top:1px;
}
.previewKeyboard ul.keyboardBtn li i.icon-icon_pastel{
	margin-top:1px;
}

.registerForm .btn.btn-default{
	color:white;
	font-size:14px;
	font-weight:bold;
	background:#CFCFCF;
	border-color:#CFCFCF;
	padding-top:6px;
}
/*======================================================*/
.wrapBaseKeyboard.thumbKeyboard{
	height:129px;
	/*box-shadow: 0px 3px 5px rgba(0,0,0, 0.08);*/
	box-shadow: rgba(0,0,0, 0.05) 0px 4px 6px, rgba(220, 220, 220,1) 0px 0px 1px;
}
.wrapBaseKeyboard.thumbKeyboard i.icon-icon_shift{
	margin: 1px 0 0 0.7px;
}
.wrapBaseKeyboard.thumbKeyboard i.icon-icon_backspace{
	margin: 1px 0 0 0.5px;
}
li.pull-right{
	margin: 0 1px 0 0 !important;
}
li.pull-left{
	margin: 0 0 0 1px !important;
}
/*======================================================*/
.loginMain .btn.btn-success{
	padding:15px 0 12px 0;
	box-shadow: 0px 4px 8px rgba(153, 208, 204, 0.5);
}
.input-lg.inputUsername{
	font-size:17px;
}
.input-lg.inputPassword{
	font-size:17px;
}
.panel{
	background-color:#fffffd;
}
/*========================ADMIN==============================*/
.adminPanelContent.dashboard .btn.btn-danger{
	font-family:'Bariol';
    font-weight: bold;
    margin-right:8px;
	padding: 4px 11px 2px 9px;
	background: #F3C3BD;
	border-bottom: solid 2px #E0A9A1;
	box-shadow: 0px 2px 6px rgba(243, 195, 189, 0.4);
}
select.form-control.creatorInputTextBox.ng-pristine.ng-valid.ng-touched{
	 border-radius:4px;
	 padding: 1px 8px 0 8px;
	 font-size:13.5px;
}
.adminWrap td.linewall.optionList{
	padding: 8px 8px 8px 14px;
}
.managerDetail{
	margin-top: 0px;
}
.manager-tab{
	position: absolute;
	top: 72px;
	left: 0;
	width: 100%;
	background: #eaeaea;
	padding: 10px 20px;
	border-bottom: solid 1px #dedede;
}
.user-list-wrap{
	float: right;
	width: 30%;
}





/*////////////////////////////////  ////////////////////////////////
/*																  **
//																  **						
//							TOR STYLE
//																  **
////////////////////////////////  ////////////////////////////////*/
.button-fb {
	margin-top: 12px;
	line-height: 1.7em !important;
    width: 100% !important;
    display: inline-block !important;
    color: white !important;
    border: solid #4065B4 !important;
    border-width: 10px 20px 8px !important;
    /* font-weight: bold; */
    border-radius: 6px !important;
    font-size: 17px !important;
    text-decoration: none !important;
    background: #4065B4 !important;
    text-align: center !important;
    box-shadow: 0px 4px 6px rgba(64, 101, 180, 0.2) !important;
    font-family: -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif !important;
}


.login-or-text {
	font-size: 17px;
	color: #a0a0a0;
	position: relative;
	margin: 30px 0px;
}
.login-or-text:before,
.login-or-text:after{
	content :  '';
	display:block;
	position: absolute;
	height: 1px;
	background-color : lightgray;
	width:45%;
}
.login-or-text:after {
    right: 0;
    top: 50%;
}
.login-or-text:before {
	left: 0;
    top: 50%;
}
.verified-email{
	color:#9FD6D2;
	float:right;
	font-weight: 800;
}

.verified-email:before{
	font-family:fontAwesome;
	content:"\f00c";
	margin-right: 6px;
	font-weight:100;
}

.unverified-email{
	color:#ff9d91;
	float:right;
	font-weight: 800;
}
.unverified-email:before{
    font-family: fontAwesome;
    content: "\f067";
    display: inline-block;
    margin-right: 6px;
    transform: rotate(45deg);
	font-weight:100;
}
.avatar-image{
	margin: 3px 7px 0 3px;
    width: 31px;
    border-radius: 100%;
}
.ng-cloak { display: none !important; }

.form_date_birthday{
	border-radius:5px !important;
}
.btnLogoff{
	padding: 0 10px 0 0px !important;
}
.forgetpassword-text{
	font-size: 17px;
    margin: 0px 0 20px 0;
}
.warning-text{
	color:#FF9D91;
	margin: 5px 0 0 0;
}
#registerForm .warning-text{
	width:100%;
	text-align: left; 
	margin: -11px 0 11px -25px;
}


.required::after{
	content:"*";
	color:red;
}
.fbPost-img{
	max-width: 300px;
}

.bg-danger{
	background-color: rgba(255,0,0,0.08)!important;
}
.text-update{
	color: red;
}
input[disabled]{
	background-color: #eee;
}


/*		*/
/* SVG 	*/
/*		*/
/* iphone4 */
#svg_iphone4_landscape{
	position: relative;
    left: 0;
    top: 10px;
}
#svg_iphone4_portrait{
	position: relative;
	left: 100px;
}

/* iphone5 */
#svg_iphone5_landscape{
	position: relative;
    left: 0;
    top: 17px;
}
#svg_iphone5_portrait{
	position: relative;
	left: 100px;
}

/* iphone6 */
#svg_iphone6_landscape{
	position: relative;
    left: 0;
    top: 15px;
}
#svg_iphone6_portrait{
	left: 83px;
	top: -12px;
    position: relative;
}    

/* iphone6plus */
#svg_iphone6plus_landscape{
	position: relative;
	left: 0;
	top: 18px;
}
#svg_iphone6plus_portrait{
	position: relative;
	left: 54px;
	top: -18px;
}

/* ipad */
#svg_ipad_landscape{
	position:relative;
	left:0px;
	top: -73px;
}
#svg_ipad_portrait{
	position: relative;
    left: 0px;
    top: -31px;
}

/* Create Theme Page (Full image preview) */

#previewBtn:hover,
#closeBtn:hover{
	cursor:pointer;
	opacity:0.6;
}
#closeBtn{
    position: absolute;
    left: 93%;
    top: 4%;
}


#previewBtn{
	position: fixed;
	left: 1270px;
    top: 12vh;
}
@media screen and (max-width: 1375px) {	/*ให้เลื่อนตามขนาดจอ*/
	#previewBtn{	
		left: auto;
    	right: 3%;
	}
}

.preview-full-image-container svg{
	position: relative;
    bottom: 40px;
}

.preview-full-image-container{
	background-color:rgba(30,30,30,0.9);
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
    align-items: center;
    justify-content: center;
	z-index: 999;
}

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

						Create Theme page  

 //////////////////////////////////////////////////////////////////////*/
.deviceTabSelect li {
    width: 20%;
}
.previewPart p{  /*ปรับ Margin ตรงแถบ Dropdown เลือก Screen Size*/
	margin: 10px 0 0 0;
}

.no-padding{ 
	padding:0 !important;
}


/*=================Preview Selector (เลือก แนว , ขนาดจอ , Platform)====================*/
.orientation-pt img{	/* จัดระยะบนล่างของ Icon Orientation  */
	position: relative;
	top: -5px;
}
.orientation-ls img{   /* จัดระยะบนล่างของ Icon Orientation  */
	position: relative;
	bottom: -5px;
}
.preview-selector  .icon-selector{ /* รูป Platform + Orientation */
	width: 35%;
}
/* Orientation Selector*/
.preview-selector .icon-selector.active>img.selected{  /* ถ้า Icon ไหนมี Class active จะแสดงผลรูป active ของ icon นั้นๆ */
	display:inline-block;
} 
.preview-selector .icon-selector.active>img.deselected{ /* ถ้า Icon ไหนมี Class active จะซ่อนรูป inactive ของ icon นั้นๆ */
	display:none;
}
.preview-selector .icon-selector:hover{  /* Hover ที่ Icon จะเป็นรูปมือ */
	cursor:pointer;
}
.screen-selector{ /* จัดความสูงให้ Screen Size Selector */
	margin-top: 15px;
} 
/*======================================================*/


/*=================Theme Menu Bar ส่วนของ Tab Menu  ====================*/
.theme-menu-bar{	/* จัดส่วน Tab Menu */
	width: 100%;
	height:85px;
	float:left;
}
.theme-menu-bar li{		/* Tab Menu แต่ละอัน */
	float:left;
	width:16.66%;
	text-align: center;
	border-bottom: solid 1px #ecedef;
	height:85px;
	cursor:pointer;
	position:relative;
	transition:border-width 0.3s,background-color 0.3s;

}
.theme-menu-bar li:hover{	/* ตอน Hover แต่ละ Tab ให้ขึ้นเป็นสีเทาๆ */
	background-color:rgba(200,200,200,0.2);
}
.theme-menu-bar li.active:hover{	/* ถ้า Tab ไหน Active อยู่จะไม่ต้องขึ้น Hover (เป็นสีเดิม) */
	background-color:#FFFFF9;
}
.green-top-border{ border-top: solid 3px rgb(145,213,209); }	/* จัดชุดสีให้ขอบบนของแต่ละ Tab */
.purple-top-border{ border-top: solid 3px rgb(188,173,198);}	/* จัดชุดสีให้ขอบบนของแต่ละ Tab */
.yellow-top-border{ border-top: solid 3px rgb(255,220,140);}	/* จัดชุดสีให้ขอบบนของแต่ละ Tab */
.pink-top-border{ border-top: solid 3px rgb(249,188,223);}		/* จัดชุดสีให้ขอบบนของแต่ละ Tab */
.blue-top-border{ border-top: solid 3px rgb(155,212,231);}		/* จัดชุดสีให้ขอบบนของแต่ละ Tab */
.orange-top-border{ border-top: solid 3px rgb(255,205,163);}	/* จัดชุดสีให้ขอบบนของแต่ละ Tab */

.theme-menu-bar li.active{	/* กรณี Tab Active */
	border-bottom: 0;
	border-left: solid 1px #ecedef;
	border-right: solid 1px #ecedef;
	border-top-width: 7px;
}
.theme-menu-bar li:first-child{	/* กรณี Tab แรกจะไม่ต้องมีขอบด้านซ้าย (เนื่องจากมีกรอบทั้งหมดอยู่แล้ว)  */
	border-left: 0;
	border-top-left-radius: 7px;
}
.theme-menu-bar li:last-child{	/* กรณี Tab สุดท้ายจะไม่ต้องมีขอบด้านขวา (เนื่องจากมีกรอบทั้งหมดอยู่แล้ว)  */
	border-right: 0;
	border-top-right-radius: 7px;

}

.theme-menu-bar li>img.deselected,
.theme-menu-bar li>img.selected{		/* จัดรูปใน Tab menu ให้อยู่กึ่งกลาง และจัดระยะบนล่าง */
	margin:auto;
	margin-bottom: -7px;
	margin-top: -2px;
}
.theme-menu-bar li>img.warning-icon{	/* Warning Icon (ตกใจสีแดง) จัดให้อยูุ่มุมบนขวา */ 
	width: 30px;
	padding: 5px;
	right:0; 
	position: absolute;
}
.theme-menu-bar li>img.deselected{			/* Set Default display ให้ Deselected image */
	display:block;
}
.theme-menu-bar li.active>img.selected{		/* ถ้า Tab ไหนมี Class active จะแสดงผลรูป active ของ Tab นั้นๆ */
	display:block;
}
.theme-menu-bar li.active>img.deselected{	/* ถ้า Tab ไหนมี Class active จะซ่อนรูป inactive ของ Tab นั้นๆ */
	display:none;
}
/*======================================================*/

/*================= ปุ่ม Save มุมบนขวา  ====================*/
.headerPart .registerSubmit{
	margin-top:0px;
	width:16.66666667%;
}
.headerPart .btn{
	font-size: 14px;
    padding: 8px 21px;
}

/*=============================================================*/


/*=================Theme Warning Message  ====================*/
.theme-warning-message{  /* พื้นหลังและขอบโค้ง */ 
	border-radius: 10px;
	background-color: rgb(255,243,238);
}
.theme-warning-message ul{ 
	list-style:disc;
	padding-left:71px;
	margin-top: -20px;
}
.theme-warning-message li{
	margin:5px 0;
	cursor:pointer;
}
.theme-warning-message li>span{  /* ใส่สีเฉพาะตัวอักษรใน list */
	color:rgb(255,129,119);
}
.theme-warning-message p{	/* ให้อยู่บรรทัดเดียวกับรูป Warning */
	margin:0;
	display:inline;	
}
.theme-warning-message img{	/* รูป Warning */
	padding:10px;	
}
/*======================================================*/


/*==================Theme Title========================*/
#theme-name input{		
	box-sizing: border-box;
	width: 328px;
	padding: 5px 6px;
	border: 1px solid #DDDDDC;
	width: 311.59px;
	border-radius: 4px;
}
#theme-name{
	margin-top: 50px;
}
/*======================================================*/


.themeContentWrap ul{	/* Set Margin 0 ให้ Ul ทั้งหมดของ Theme Content (ไม่งั้นจะเหลือระยะห่างด้านล่าง) */
	margin: 0;
}
.themeContentWrap>div{			/* ใส่ Padding ให้ส่วน Content */
	padding:25px 20px 20px 30px;
}
.themeContentWrap{	/* ใส่กรอบและจัด Margin ให้ส่วน Content + Tab Menu */
	border: solid 1px #E6E6DC;
	border-top: 0 !important;
	border-radius: 7px;
	margin-top: 15px !important;
}
.create-theme-content .managerContent{  /* ลบเส้นขอบที่ไม่ต้องการออก */
	border:0 !important;
}
.contentMain .deviceCategory .deviceContent.wrapDeviceSelected{ /*  เอาระยะห่างตรงที่เลือก device กับที่ Upload รูปออก (upload full size bg image mode)  */
	margin-top:0;
}




/*================== A-Z Button ========================*/
.az-button-option-selector li,
.bottom-key-option-selector li
{
	width: 20%;
}
#az-corner-radius .row,
#bottom-key-corner-radius .row,
#spacebar-corner-radius .row{
	margin-top: 15px;
	padding-left:15px;
}
#az-corner-radius input[type='range'],
#bottom-key-corner-radius input[type='range'],
#spacebar-corner-radius input[type='range']{
	margin-top: 2px;
}
.box-value{
	width: 70px;
	height: 38px;
	border: solid 1px #ecedef;
	position: relative;
	bottom: 10px;
	left: 9px;
	border-radius: 5px;
	padding: 8px;   
	padding-left: 5px;
	text-align: center;
	font-weight:100
}


.option-container{
	margin:25px 0;
	padding-right: 20px;
	float:left;
	width:100%;
}

.option-selector li{
	display:table-cell;
	position:relative;
	text-align:center;
	float:left;
	border:solid 1px #ecedef;
}
.option-selector li.active{
	background-color:rgb(207,207,207);
	color:white;
}
.option-selector li.active img.selected{
	display:inline-block;
}
.option-selector li.active img.deselected{
	display:none;
}
.option-content{
	float: left;
	width:100%;
	padding:20px;
	border:solid 1px #ecedef;
	border-top:0;
}


/*================== A-Z Button Stroke ========================*/
#az-button-stroke .stroke-rgb-content,
#bottom-key-stroke .stroke-rgb-content,
#spacebar-button-stroke .stroke-rgb-content{
    margin: 20px -15px 15px -15px;
} 

.stroke-adjustment-content .row{
    margin-top: 15px;
    padding-left: 15px;
}
.shadow-adjustment-content .row{
    margin-top: 15px;
    padding-left: 15px;
}

/*================== Buddybar Option ========================*/
.buddybar-option-selector li{
	width: 33.33%;
}
#theme-buddybar{
    padding-top:0;
}
.buddybar-deselectedicon-content{
	margin-top: 5px;
}


/*  ================== Press Button && Btm Key Image ========================  */

.preview-button-option-selector li,
.bottom-key-image-option-selector li,
.az-image-option-selector li{
	width: 50%;
}
#bottom-key-image>div{
	width:50%;
}
#bottom-key-image>div:nth-child(2n+1){
	clear:both
}

/* ----- Spacebar BackLayer ----------- */
.spacebar-full-image-option-selector li,
.bg-full-image-option-selector li{
    width: 20%;
}
#theme-spacebar .spacebar-full-img-content:nth-child(1),
#theme-spacebar .spacebar-full-img-content:nth-child(2){
    margin-top:0 !important;
}
#theme-spacebar .spacebar-full-img-content:nth-child(odd){
    clear:left;
}


/* ---- Pattern Color ------ */
.az-button .minicolors{
    display:inline-block;
	width: 328px;
}
#az-button-color .colorSelect{
    width: 400px;
}
.remove-pattern:hover,.add-pattern:hover{
    cursor: pointer;
}
.add-pattern{
    margin:5px 0;
    width: 312px;
    border-radius: 4px;
    height: 34px;
	border: dashed 1px rgb(200,200,200);
	float:left;
	clear:both;
}
.add-pattern>img{
    margin: 3px 0 0 2px;
}
.add-pattern>span{
    display: inline-block;
    position: relative;
    top: 3px;
	left: 9px;
}


/* ---- Pattern Image ----- */
.az-image-content{
	padding-left: 12px;
    padding-bottom: 12px;
    margin: 15px 0;
    width: 341px;
    border-radius: 4px;
	border: dashed 1px rgb(200,200,200);
	float:left;
	clear:both;
}
.az-image-option .add-pattern{
	width:341px;
}
.az-image-option .remove-pattern{
	display: inline-block;
	position: absolute;
	right: 12px;
	top: 10px;
}
.az-image-content strong{
	font-size:20px;
	margin: 0 ;
}
#az-image-button{
	padding: 10px 0 15px 35px;
}

/* ---- Spacebar Btn ------- */
.spacebar-button-option-selector li{
	width : 25%;
}

.option-selector li:hover{
	cursor:pointer;
}

/* =========== Admin Preview Content ============== */
.adminPanelContent.preview-detail .preview-data-wrap{
	padding: 37px;
}
/* Hide ปุ่ม add patter , remove pattern , ปุ่ม submit cancel */
.adminPanelContent.preview-detail .add-pattern,
.adminPanelContent.preview-detail .remove-pattern,
.adminPanelContent.preview-detail .registerSubmit,
.adminPanelContent.preview-detail .thumbnailName{ /* ปุ่ม delete img */
	display:none!important;	
}
.adminPanelContent.preview-detail .registerWrap:before{	/* ด้านบนเขียนไว้จะมีเพิ่ม content (ในหน้า preview เราไม่ต้องการ)*/
	content:none;
}

/* ===========  ============== */

#theme-name{
	background-color:rgb(255,255,250);
	position: relative;
    width: 400px;
}
/* ปุ่ม reset ในหน้า create theme */
.reset-button{
	position: relative;
    bottom: 3px;
    left: 27px;
}
.pointer-hover:hover{
	cursor:pointer;
}


.box-value input{
	width: 32px;
    border: none;
	text-align: center;
}


.space-btm{
	margin-bottom:25px;
}
.option-container ul li {
	transition: ease 0.4s;
}
/* Warning message จะให้ขึ้นทีละอัน (กรณีที่มี Error หลายอันใน Tab นั้นๆ) */
.theme-warning-message ul>div li:nth-child(n+2){
	display:none;
}



/* ------------- ToolTip ------------- */
.iapp-tooltip {
	position: relative;
}
.iapp-tooltiptext {
	font-size: 14px;
    width: 59px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    top: 8px;
    left: 18px;
    position: absolute;
}
.iapp-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
/* ------ ------  ------- ----- */



.copy-link-icon:hover{
	cursor:pointer;
}

table.listDashboard input{
	z-index: -1;
    position: absolute;
}

table .promolink-header help{
	position: absolute;
	right: -1px;
	top: 30px;
}

table .promolink-header{
	padding: 20px 10px 16px 0 !important;
	text-align: center  !important;
	position: relative  !important;
}

/* --- ทำขอบโค้งให้ option-content ------ */
.option-content{
	border-radius: 0px 0px 5px 5px;
}
.option-selector li:first-child{
	border-radius: 5px 0px 0px 0px;
}
.option-selector li:last-child{
	border-radius: 0px 5px 0px 0px;
}
/*  --- ---  ---  ---  ---  ---  ---  */


/* แถบปรับ Radius */
.radius-adjust{
	margin-top:21px;
}

.spacetop-btm-lg{
	margin:30px 0;
} 

.option-selector-header{
	padding-right: 13px;
}
.option-selector-header img {
    position: relative;
	bottom: 2px;
	width:28px;
	height:28px;

}
.option-selector li{
	height: 35px;
	padding-top:5px;
}
.spacebar-full-image-option-selector li,
.bg-full-image-option-selector li{
	padding-top:8px;
}


.no-top-margin{
	margin-top:0 !important;
}


/* --- Sales Report ---- */

.table-sale-period tr,
.table-sale-period td{
	border-top: solid 0.5px rgb(223,223,223);
}
.table-sale-period td{
	padding:12px;
}
.table-sale-period td:nth-child(1){
	vertical-align: top;
	padding-top:16px;
}    
.sales-payment-content .table-sale-period td:nth-child(1){
	vertical-align: middle;
}    
#sale-report-platform-selector{
	width:300px;
}



.admin-price-content label{
	display: inline;
    position: relative;
    top: 2px;
    float: left;
}

.admin-price-content{
	margin-top: 20px;
	overflow: hidden;
}

.admin-price-content select{
	width: 70% !important;
    float: right;
    margin-top: 0px;
}

.creatorDashboard input[name='copyright']+label{
	font-weight: 100;
	font-size: 14px;
	margin-right: 20px;
	padding-left: 5px;
}



.available-use-sell-content{
	text-align: left;
    margin-top: 10px;
}
.available-use-sell-details{
	display: inline-block;
    font-size: 13px;
	float: right;
	line-height: 21px;
}

.banner-fade{
	position:absolute;
	bottom:0;
	left:0;
}


.inline-block{
	display: inline-block !important;
}
.report-tab-disabled{
	cursor:not-allowed;
}
.report-tab-disabled:hover{
	background: #F9F7F3 !important;
}



/*  Usage Report Page */

#usage-report input[name="platform_type"] + span{
	color: #565656;
	cursor: pointer;
	font-weight: normal;
}

#usage-report input[name="platform_type"]:checked + span{
    color: #6BB5AE;
    text-decoration: unset;
}

#usage-report input[name="platform_type"]:hover + span{
	text-decoration: underline;
	color: #6BB5AE;
}

#usage-report-chart input[type="radio"] + span{
	color: #565656;
	cursor: pointer;
	font-weight: normal;
}

#usage-report-chart input[type="radio"]:checked + span{
    color: #6BB5AE;
    text-decoration: unset;
}

#usage-report-chart input[type="radio"]:hover + span{
	text-decoration: underline;
	color: #6BB5AE;
}

#usage-report #usage-report-platform-selector-content label{
	font-weight: 100 !important;
}


#usage-report #usage-report-event-value td{
	padding: 8px;
	font-size: 15px;
}

#usage-report .menu-separating{
	margin:0 5px;
	opacity: 0.5;
}

#usage-report #usage-report-platform-selector-content{
	cursor:default;
}

#usage-report #sale-report-appbundleid-selector{
	width:300px;
}

/* usage report download */
#usage-report-download input[name="download_platform_type"] + span{
	color: #565656;
	cursor: pointer;
	font-weight: normal;
}

#usage-report-download input[name="download_platform_type"]:checked + span{
    color: #6BB5AE;
    text-decoration: unset;
}

#usage-report-download input[name="download_platform_type"]:hover + span{
	text-decoration: underline;
	color: #6BB5AE;
}

#usage-report-download #usage-report-download-platform-selector-content label{
	font-weight: 100 !important;
}

#usage-report-download .menu-separating{
	margin:0 5px;
	opacity: 0.5;
}

#usage-report-download #usage-report-download-platform-selector-content{
	cursor:default;
}

.contentMain table.dataDownloadList{
	table-layout: fixed;
    width: 100%;
    border: solid 1px #E6E6DC;
    border-collapse: collapse;
    word-break: normal;
    word-wrap: break-word;
    font-size: 12px;
	color: #696969;
}
.contentMain table.dataDownloadList thead{
	background: #F9F7F3;
    color: #696969;
}
.contentMain table.dataDownloadList thead th{
	text-transform: uppercase;
	font-size: 13px;
}
.contentMain table.dataDownloadList th,
.contentMain table.dataDownloadList td{
    padding: 20px 4px 16px;
    text-align: left;
    vertical-align: middle;
}
.contentMain table.dataDownloadList th:first-child,
.contentMain table.dataDownloadList td:first-child{
	text-align: center;
}
.contentMain table.dataDownloadList tbody tr{
	height: 110px;
    border-top: 1px solid #ECEDEF;
    background-color:#FFFFFD;
}
/* .contentMain table.dataDownloadList tbody tr:hover{
	background-color: #F9F7F3;
} */
.contentMain table.dataDownloadList tbody tr td{
	font-size: 16px;
}
.contentMain table.dataDownloadList tbody tr td span+span{
	float: left;
	width: 100%;
	margin-top: 18px;
}

.adminPanelContent .thumbnailBtn input[type=file], /* FF, IE7+, chrome (except button) */
.adminPanelContent .thumbnailBtn input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}


.admin-approve-status-card{
	margin-top:20px;
	padding:10px 0;
	border:1px solid;
	border-radius: 20px;
	border-color: rgb(200,200,200);
}


.dataImageOptions div[class^="data"],
.dataImageOptions a{
    width: 16px;
    height: 16px;
	right: 0 !important;
	margin-left: 7px;
	position: relative !important;
	float: right;
}

#appleid-signin{
  	height: 46px;
	width: 100%;
	margin-top: 15px;
	cursor: pointer;
}
#appleid-signin>div{
	max-width: none !important;
}
#appleid-signin text{
	font-size: 11px;
}