﻿
:-moz-placeholder{color:'#333843'}::-moz-placeholder{color:'#333843'; opacity:1}:-ms-input-placeholder{color:'#333843'}::-webkit-input-placeholder{color:'#333843'}.placeholder{color:'#333843'}input::-ms-clear{display:none}

html{font-size:100%; height:100%}
body{background-color:#f6f6f6; color:#6f7b8a; font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; font-size:15px; padding:0px; margin:0px !important; line-height:1.5; font-style:normal; font-weight:normal; overflow:hidden}
*, body, html, button, a, div, span, label{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; font-weight:normal}
a{color:#5850EC} a:hover{color:#5149DB}
p{line-height:20px; margin:0; padding:0}

.JustifyContentCenter{justify-content:center !important}
.DisplayBlock{display:block}
.float-right{float:right}
.BgGray{background:#fbfbfb}
.AppColor{color:#5850EC !important}

.m-t-0{margin-top:0px !important}.m-t-1{margin-top:1px !important}.m-t-2{margin-top:2px !important}.m-t-3{margin-top:3px !important}.m-t-4{margin-top:4px !important}.m-t-5{margin-top:5px !important}.m-t-6{margin-top:6px !important}.m-t-7{margin-top:7px !important}.m-t-8{margin-top:8px !important}.m-t-9{margin-top:9px !important}.m-t-10{margin-top:10px !important}.m-t-15{margin-top:15px !important}.m-t-20{margin-top:20px !important}.m-t-25{margin-top:25px !important}.m-t-30{margin-top:30px !important}.m-t-35{margin-top:35px !important}.m-t-40{margin-top:40px !important}.m-t-45{margin-top:45px !important}.m-t-50{margin-top:50px !important}.m-t-55{margin-top:55px !important}.m-t-60{margin-top:60px !important}.m-t-70{margin-top:70px !important}.m-t-80{margin-top:80px !important}.m-t-90{margin-top:90px !important}.m-t-100{margin-top:100px !important}.m-t-110{margin-top:110px !important}.m-t-120{margin-top:120px !important}

.m-b-0{margin-bottom:0px !important}.m-b-1{margin-bottom:1px !important}.m-b-2{margin-bottom:2px !important}.m-b-3{margin-bottom:3px !important}.m-b-4{margin-bottom:4px !important}.m-b-5{margin-bottom:5px !important}.m-b-6{margin-bottom:6px !important}.m-b-7{margin-bottom:7px !important}.m-b-8{margin-bottom:8px !important}.m-b-9{margin-bottom:9px !important}.m-b-10{margin-bottom:10px !important}.m-b-15{margin-bottom:15px !important}.m-b-20{margin-bottom:20px !important}.m-b-25{margin-bottom:25px !important}.m-b-30{margin-bottom:30px !important}.m-b-35{margin-bottom:35px !important}.m-b-40{margin-bottom:40px !important}.m-b-45{margin-bottom:45px !important}.m-b-50{margin-bottom:50px !important}.m-b-55{margin-bottom:55px !important}.m-b-60{margin-bottom:60px !important}.m-b-70{margin-bottom:70px !important}.m-b-80{margin-bottom:80px !important}.m-b-90{margin-bottom:90px !important}.m-b-100{margin-bottom:100px !important}.m-b-110{margin-bottom:110px !important}.m-b-120{margin-bottom:120px !important}

.m-l-0{margin-left:0px !important}.m-l-1{margin-left:1px !important}.m-l-2{margin-left:2px !important}.m-l-3{margin-left:3px !important}.m-l-4{margin-left:4px !important}.m-l-5{margin-left:5px !important}.m-l-6{margin-left:6px !important}.m-l-7{margin-left:7px !important}.m-l-8{margin-left:8px !important}.m-l-9{margin-left:9px !important}.m-l-10{margin-left:10px !important}.m-l-15{margin-left:15px !important}.m-l-20{margin-left:20px !important}.m-l-25{margin-left:25px !important}.m-l-30{margin-left:30px !important}.m-l-35{margin-left:35px !important}.m-l-40{margin-left:40px !important}.m-l-45{margin-left:45px !important}.m-l-50{margin-left:50px !important}.m-l-55{margin-left:55px !important}.m-l-60{margin-left:60px !important}.m-l-70{margin-left:70px !important}.m-l-80{margin-left:80px !important}.m-l-90{margin-left:90px !important}.m-l-100{margin-left:100px !important}.m-l-110{margin-left:110px !important}.m-l-120{margin-left:120px !important}

.m-r-0{margin-right:0px !important}.m-r-1{margin-right:1px !important}.m-r-2{margin-right:2px !important}.m-r-3{margin-right:3px !important}.m-r-4{margin-right:4px !important}.m-r-5{margin-right:5px !important}.m-r-6{margin-right:6px !important}.m-r-7{margin-right:7px !important}.m-r-8{margin-right:8px !important}.m-r-9{margin-right:9px !important}.m-r-10{margin-right:10px !important}.m-r-15{margin-right:15px !important}.m-r-20{margin-right:20px !important}.m-r-25{margin-right:25px !important}.m-r-30{margin-right:30px !important}.m-r-35{margin-right:35px !important}.m-r-40{margin-right:40px !important}.m-r-45{margin-right:45px !important}.m-r-50{margin-right:50px !important}.m-r-55{margin-right:55px !important}.m-r-60{margin-right:60px !important}.m-r-70{margin-right:70px !important}.m-r-80{margin-right:80px !important}.m-r-90{margin-right:90px !important}.m-r-100{margin-right:100px !important}.m-r-110{margin-right:110px !important}.m-r-120{margin-right:120px !important}


.p-l-0{padding-left:0px !important}.p-l-1{padding-left:1px !important}.p-l-2{padding-left:2px !important}.p-l-3{padding-left:3px !important}.p-l-4{padding-left:4px !important}.p-l-5{padding-left:5px !important}.p-l-6{padding-left:6px !important}.p-l-7{padding-left:7px !important}.p-l-8{padding-left:8px !important}.p-l-9{padding-left:9px !important}.p-l-10{padding-left:10px !important}.p-l-15{padding-left:15px !important}.p-l-20{padding-left:20px !important}.p-l-25{padding-left:25px !important}.p-l-30{padding-left:30px !important}.p-l-35{padding-left:35px !important}.p-l-40{padding-left:40px !important}.p-l-45{padding-left:45px !important}.p-l-50{padding-left:50px !important}.p-l-55{padding-left:55px !important}.p-l-60{padding-left:60px !important}.p-l-70{padding-left:70px !important}.p-l-80{padding-left:80px !important}.p-l-90{padding-left:90px !important}.p-l-100{padding-left:100px !important}.p-l-110{padding-left:110px !important}.p-l-120{padding-left:120px !important}

.p-r-0{padding-right:0px !important}.p-r-1{padding-right:1px !important}.p-r-2{padding-right:2px !important}.p-r-3{padding-right:3px !important}.p-r-4{padding-right:4px !important}.p-r-5{padding-right:5px !important}.p-r-6{padding-right:6px !important}.p-r-7{padding-right:7px !important}.p-r-8{padding-right:8px !important}.p-r-9{padding-right:9px !important}.p-r-10{padding-right:10px !important}.p-r-15{padding-right:15px !important}.p-r-20{padding-right:20px !important}.p-r-25{padding-right:25px !important}.p-r-30{padding-right:30px !important}.p-r-35{padding-right:35px !important}.p-r-40{padding-right:40px !important}.p-r-45{padding-right:45px !important}.p-r-50{padding-right:50px !important}.p-r-55{padding-right:55px !important}.p-r-60{padding-right:60px !important}.p-r-70{padding-right:70px !important}.p-r-80{padding-right:80px !important}.p-r-90{padding-right:90px !important}.p-r-100{padding-right:100px !important}.p-r-110{padding-right:110px !important}.p-r-120{padding-right:120px !important}

.p-t-0{padding-top:0px !important}.p-t-1{padding-top:1px !important}.p-t-2{padding-top:2px !important}.p-t-3{padding-top:3px !important}.p-t-4{padding-top:4px !important}.p-t-5{padding-top:5px !important}.p-t-6{padding-top:6px !important}.p-t-7{padding-top:7px !important}.p-t-8{padding-top:8px !important}.p-t-9{padding-top:9px !important}.p-t-10{padding-top:10px !important}.p-t-15{padding-top:15px !important}.p-t-20{padding-top:20px !important}.p-t-25{padding-top:25px !important}.p-t-30{padding-top:30px !important}.p-t-35{padding-top:35px !important}.p-t-40{padding-top:40px !important}.p-t-45{padding-top:45px !important}.p-t-50{padding-top:50px !important}.p-t-55{padding-top:55px !important}.p-t-60{padding-top:60px !important}.p-t-70{padding-top:70px !important}.p-t-80{padding-top:80px !important}.p-t-90{padding-top:90px !important}.p-t-100{padding-top:100px !important}.p-t-110{padding-top:110px !important}.p-t-120{padding-top:120px !important}

.p-b-0{padding-bottom:0px !important}.p-b-1{padding-bottom:1px !important}.p-b-2{padding-bottom:2px !important}.p-b-3{padding-bottom:3px !important}.p-b-4{padding-bottom:4px !important}.p-b-5{padding-bottom:5px !important}.p-b-6{padding-bottom:6px !important}.p-b-7{padding-bottom:7px !important}.p-b-8{padding-bottom:8px !important}.p-b-9{padding-bottom:9px !important}.p-b-10{padding-bottom:10px !important}.p-b-15{padding-bottom:15px !important}.p-b-20{padding-bottom:20px !important}.p-b-25{padding-bottom:25px !important}.p-b-30{padding-bottom:30px !important}.p-b-35{padding-bottom:35px !important}.p-b-40{padding-bottom:40px !important}.p-b-45{padding-bottom:45px !important}.p-b-50{padding-bottom:50px !important}.p-b-55{padding-bottom:55px !important}.p-b-60{padding-bottom:60px !important}.p-b-70{padding-bottom:70px !important}.p-b-80{padding-bottom:80px !important}.p-b-90{padding-bottom:90px !important}.p-b-100{padding-bottom:100px !important}.p-b-110{padding-bottom:110px !important}.p-b-120{padding-bottom:120px !important}

.BorderRadius10{border-radius:10px}

h1.NewTitle, h2.NewTitle, h3.NewTitle, h4.NewTitle, h5.NewTitle, h6.NewTitle{font-family:"Conv_AvenirLTStd-Medium", Arial, sans-serif; font-size:15px; color:#242424; margin:0; padding:0; letter-spacing:0}
h1.NewTitle{font-family:"Conv_AvenirLTStd-Heavy", Arial, sans-serif; font-size:32px}
h2.NewTitle{font-family:"Conv_AvenirLTStd-Heavy", Arial, sans-serif; font-size:28px}
h3.NewTitle{font-size:24px}h4.NewTitle{font-size:19px}h5.NewTitle{font-size:16px}h6.NewTitle{font-size:14px}

p.MainText{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:16px; color:rgba(0,0,0,.8); margin:0; padding:0}
p.SubText{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:15px; color:rgba(0,0,0,.7); margin:0; padding:0}
p.SubText14{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:14px; color:rgba(0,0,0,.6); margin:0; padding:0}
p.SubText13{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:13px; color:rgba(0,0,0,.6); margin:0; padding:0}
p.SubText12{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:12px; color:rgba(0,0,0,.5); margin:0; padding:0}

span.MainText{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:16px; color:rgba(0,0,0,.8); margin:0; padding:0}
span.SubText{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:15px; color:rgba(0,0,0,.7); margin:0; padding:0}
span.SubText14{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:14px; color:rgba(0,0,0,.6); margin:0; padding:0}
span.SubText13{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:13px; color:rgba(0,0,0,.6); margin:0; padding:0}
span.SubText12{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:12px; color:rgba(0,0,0,.5); margin:0; padding:0}

.LightText{font-family:"Conv_AvenirLTStd-Light", Arial, sans-serif}
.BookText{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif}
.RomanText{font-family:"Conv_AvenirLTStd-Roman", Arial, sans-serif}
.MediumText{font-family:"Conv_AvenirLTStd-Medium", Arial, sans-serif}
.HeavyText{font-family:"Conv_AvenirLTStd-Heavy", Arial, sans-serif}
.BlackText{font-family:"Conv_AvenirLTStd-Black", Arial, sans-serif}


.open{position:relative} .DisplayBlock{display:block !important}

.alert-success h1.NewTitle, .alert-success h2.NewTitle, .alert-success h3.NewTitle, .alert-success h4.NewTitle, .alert-success h5.NewTitle, .alert-success h6.NewTitle{color:#3c763d}
.alert-success p.MainText, .alert-success p.SubText, .alert-success p.SubText14, .alert-success p.SubText13, .alert-success p.SubText12{color:#3c763d}
.alert-success h1.NewTitle.Gray, .alert-success h2.NewTitle.Gray, .alert-success h3.NewTitle.Gray, .alert-success h4.NewTitle.Gray, .alert-success h5.NewTitle.Gray, .alert-success h6.NewTitle.Gray{color:#545454}
.alert-success p.MainText.Gray, .alert-success p.SubText.Gray, .alert-success p.SubText14.Gray, .alert-success p.SubText13.Gray, .alert-success p.SubText12.Gray{color:#646464}

.alert-warning h1.NewTitle, .alert-warning h2.NewTitle, .alert-warning h3.NewTitle, .alert-warning h4.NewTitle, .alert-warning h5.NewTitle, .alert-warning h6.NewTitle{color:#8a6d3b}
.alert-warning p.MainText, .alert-warning p.SubText, .alert-warning p.SubText14, .alert-warning p.SubText13, .alert-warning p.SubText12{color:#8a6d3b}
.alert-warning h1.NewTitle.Gray, .alert-warning h2.NewTitle.Gray, .alert-warning h3.NewTitle.Gray, .alert-warning h4.NewTitle.Gray, .alert-warning h5.NewTitle.Gray, .alert-warning h6.NewTitle.Gray{color:#545454}
.alert-warning p.MainText.Gray, .alert-warning p.SubText.Gray, .alert-warning p.SubText14.Gray, .alert-warning p.SubText13.Gray, .alert-warning p.SubText12.Gray{color:#646464}

.alert-info h1.NewTitle, .alert-info h2.NewTitle, .alert-info h3.NewTitle, .alert-info h4.NewTitle, .alert-info h5.NewTitle, .alert-info h6.NewTitle{color:#31708f}
.alert-info p.MainText, .alert-info p.SubText, .alert-info p.SubText14, .alert-info p.SubText13, .alert-info p.SubText12{color:#31708f}
.alert-info h1.NewTitle.Gray, .alert-info h2.NewTitle.Gray, .alert-info h3.NewTitle.Gray, .alert-info h4.NewTitle.Gray, .alert-info h5.NewTitle.Gray, .alert-info h6.NewTitle.Gray{color:#545454}
.alert-info p.MainText.Gray, .alert-info p.SubText.Gray, .alert-info p.SubText14.Gray, .alert-info p.SubText13.Gray, .alert-info p.SubText12.Gray{color:#646464}

.alert-danger h1.NewTitle, .alert-danger h2.NewTitle, .alert-danger h3.NewTitle, .alert-danger h4.NewTitle, .alert-danger h5.NewTitle, .alert-danger h6.NewTitle{color:#a94442}
.alert-danger p.MainText, .alert-danger p.SubText, .alert-danger p.SubText14, .alert-danger p.SubText13, .alert-danger p.SubText12{color:#a94442}
.alert-danger h1.NewTitle.Gray, .alert-danger h2.NewTitle.Gray, .alert-danger h3.NewTitle.Gray, .alert-danger h4.NewTitle.Gray, .alert-danger h5.NewTitle.Gray, .alert-danger h6.NewTitle.Gray{color:#545454}
.alert-danger p.MainText.Gray, .alert-danger p.SubText.Gray, .alert-danger p.SubText14.Gray, .alert-danger p.SubText13.Gray, .alert-danger p.SubText12.Gray{color:#646464}



* .page-container, * #description{scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.2)}
* .page-container::-webkit-scrollbar, * #description::-webkit-scrollbar{width:10px}
* .page-container::-webkit-scrollbar-track, * #description::-webkit-scrollbar-track{background:rgba(0,0,0,.05); border-radius:30px}
* .page-container::-webkit-scrollbar-thumb, * #description::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2); border-radius:30px}
* .page-container:hover::-webkit-scrollbar-thumb, * #description::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}

.page-sidebar{height:100%; font-family:'Open Sans'}
.page-sidebar.mini{overflow:visible !important; height:100%; width:270px; position:fixed; z-index:101; border-right:none !important; top:0; left:0}
.page-sidebar.mini .LeftNavLogo{padding:15px 0}
.page-sidebar.mini .LeftNavLogo a{width:131px; height:50px; margin:0; padding:0; line-height:50px; display:block; text-indent:-99999px; background:url(../images/svg/JoinliveLogoWhite.svg) no-repeat scroll 0 50%}
.GoBackBtnMDiv{padding:15px 0}
.GoBackBtnMDiv a.GoBackBtn{max-width:140px; display:block; text-align:center; background:rgba(0,0,0,.15); padding:6px 20px 8px; border-radius:30px; color:#fff; text-decoration:none}
.GoBackBtnMDiv a.GoBackBtn span.Image{width:6px; height:10px; opacity:1; display:inline-block; position:relative; margin-right:6px; background:url(../images/BtnLeftArrowIcon.png) no-repeat scroll 0 0}
.GoBackBtnMDiv a.GoBackBtn span.Text{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:14px; color:rgba(245,245,245,.8)}

.page-sidebar.mini.MiniNav{width:82px}
.page-sidebar.mini.MiniNav .LeftNavLogo a{width:100%; background:url(../images/svg/LogoEmblemWhite.svg) no-repeat scroll 50% 50%;}
.page-sidebar.mini.MiniNav .GoBackBtnMDiv a.GoBackBtn{max-width:34px; text-align:center; margin:0 auto; padding:7px 13px 7px}
.page-sidebar.mini.MiniNav span.Text{display:none}
.page-sidebar.mini.MiniNav li.unclick.active a{padding:7px 12px 5px; background-image:none}
.page-sidebar.mini.MiniNav span.LeftNavIcon{margin:0 auto}
.page-sidebar.mini.MiniNav span.LeftNavIcon img{position:relative; top:-2px}
.page-sidebar.mini.MiniNav span.mini-title{display:none}


#description{overflow-y:auto; overflow-x:hidden; width:100%; padding:0 20px}
.inner-menu{display:inline-block; position:absolute; width:100%; font-family:'Open Sans'; background-color:#5850EC; height:100%; padding-top:55px}
.inner-menu ul.big-items{list-style:none outside none; margin:0; padding:0}
.inner-menu ul{width:100%; padding-left:0}
.inner-menu ul.big-items li.unclick{width:100%; color:rgba(245,245,245,.7); font-size:12px; font-weight:600; letter-spacing:0.2px; padding-right:0; padding-left:0; padding-top:5px; padding-bottom:5px; margin:0; text-transform:none; border-bottom:none}
.inner-menu ul.big-items li.unclick a{display:block; font-size:15px; color:rgba(245,245,245,.8); width:100%; font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; font-weight:normal; text-decoration:none; padding:7px 15px}
.inner-menu ul.big-items li.unclick.active a span.LeftNavIcon{opacity:1}
.inner-menu ul.big-items li.unclick.active a span{color:rgba(245,245,245,1)}
.inner-menu ul.big-items li.unclick a span.LeftNavIcon{width:18px; height:18px; margin-right:10px; opacity:.7; display:inline-block}
.inner-menu ul.big-items li.unclick a span.LeftNavIcon img{vertical-align:middle; max-width:100%; max-height:100%}
.inner-menu ul.big-items li.unclick.open ul.sub-menu{display:block; background-color:rgba(0,0,0,.1) !important; padding:8px 12px 8px 12px; border-radius:5px}

.inner-menu ul.sub-menu{width:100%; margin:0; padding:8px 0 0 0; display:none}
.inner-menu ul.sub-menu li{width:100%; text-align:left; padding:3px 12px 3px 8px; margin-top:2px; font-size:12px; color:#626262; list-style:none}
.inner-menu ul.sub-menu li a{text-transform:none; font-weight:500; color:rgba(245,245,245,.7); font-size:14px; display:block; font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif}
.inner-menu ul.sub-menu li:hover{background:url(../images/SubNavMiniRight.png) rgba(0,0,0,.1) no-repeat scroll 95% 50%; border-radius:5px}
.inner-menu ul.sub-menu li:hover a{color:rgba(245,245,245,1)}
.inner-menu ul.sub-menu li.active{background:url(../images/SubNavMiniRight.png) rgba(0,0,0,.1) no-repeat scroll 95% 50%; border-radius:5px}
.inner-menu ul.sub-menu li.active a{color:rgba(245,245,245,1)}

.inner-menu ul.big-items li.unclick.open a.arrow-div{display:block; background:url(../images/SubNavUp.png) no-repeat 98% 7px; padding:0 0 13px}
.inner-menu ul.big-items li.unclick.active a{background:url(../images/SubNavMiniRight.png) rgba(0,0,0,.1) no-repeat scroll 95% 50%; border-radius:5px}
.inner-menu ul.big-items li.unclick a.arrow-div{display:block; /*background:url(../images/SubNavDown.png) no-repeat 98% 7px*/}


.page-container{width:100%; height:100vh; margin:0; padding:0; position:relative; background:#f6f6f6; overflow-x:hidden; overflow-y:auto; box-sizing:border-box}
.page-content.inner.MrgLeft82{margin-left:82px}
.page-content.inner{margin-left:0; padding-top:70px; background:#f6f6f6; position:relative; z-index:102}
.page-content.inner.MrgLeft82.toggled{margin-left:270px}

.Header.WhiteColor.PadLeft{/*padding-left:270px !important*/}
.Header.WhiteColor{background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,.2)}

.page-content.inner.MrgLeft82.toggled .Header{width:calc(100vw - 270px)}
.Header.WidthAuto{width:calc(100vw - 82px)}
.Header{width:100vw; background:#fff; padding:15px !important; margin:0 !important; position:fixed; top:0; z-index:99; max-height:70px; border-radius:0}
.Header a.HamburgerIcon{width:40px; height:40px; float:left; line-height:40px; display:none; text-indent:-99999px; background:url(../images/TopMenuIconBlack.png) no-repeat scroll 50% 50%}
.Header a.MainLogo{width:100px; height:40px; float:left; line-height:40px; display:none; text-indent:-99999px; background:url(../images/svg/JoinliveLogowoe.svg) no-repeat scroll 50% 50%}
.page-content.inner.MrgLeft82 .Header a.HamburgerIcon{display:block}
.page-content.inner .Header a.MainLogo{display:block}
.page-content.inner.MrgLeft82 .Header a.MainLogo{display:none}


.Header ul.TopNavMDiv{float:right; margin:0; padding:0}
.Header ul.TopNavMDiv li.TopList{min-width:40px; height:40px; float:left; padding:0; margin:0 0 0 20px; list-style:none; text-align:center; position:relative} .Header ul.TopNavMDiv li:first-child{margin-left:0}
.Header ul.TopNavMDiv li.TopList a.CreateBtn{height:38px; min-height:38px; line-height:18px; display:block; text-align:center; border-radius:50px}
.Header ul.TopNavMDiv li.TopList a.CreateBtn span.PlusIcon{width:12px; height:12px; margin:0 5px 0 0; display:inline-block; font-weight:500; font-size:18px; font-family:"Conv_AvenirLTStd-Medium", Arial, sans-serif; line-height:10px; position:relative; top:1px}

.Header ul.TopNavMDiv li.TopList a.IconAction{width:38px; height:38px; display:block; text-indent:-99999px; text-indent:-99999px}
.Header ul.TopNavMDiv li.TopList a.IconAction.SettingIcon{background:url(../images/TopSettingIconBlack.png) no-repeat scroll 50% 50%}
.Header ul.TopNavMDiv li.TopList a.IconAction.HelpIcon{background:url(../images/TopHelpIconBlack.png) no-repeat scroll 50% 50%}
.Header ul.TopNavMDiv li.TopList a.IconAction.NotifyIcon{background:url(../images/TopNotifyIconBlack.png) no-repeat scroll 50% 50%}

.Header ul.TopNavMDiv li a.ProfileIcon{width:32px; height:32px; margin:4px 0 0 4px; padding:0; display:block; text-indent:-99999px; background:url(../images/Avatar60x60.jpg) #fff no-repeat scroll 50% 50%; background-size:100%; box-shadow:0 0 0 4px #e1e1e1; border-radius:50px}

.dropdown-menu.ProfileMenu{min-width:320px}
.dropdown-menu.ProfileMenu li.ProfileDetail{background:#EFF2FA; padding:20px; border-radius:5px 5px 0 0}
.dropdown-menu.ProfileMenu li.ProfileDetail span.SubText{}


.InnerHeader{width:100%; display:table; padding:30px; border-bottom:1px solid #e9e9e9}
.InnerHeader .LeftMDiv{width:100%; padding-right:20px}
.InnerHeader .RightMDiv{width:140px; display:table-cell; vertical-align:top}
.InnerHeader .RightMDiv .btn{width:100%}
.InnerHeader .RightMDiv .btn:first-child{margin-bottom:10px}    


.btn{display:inline-block; padding-left:22px; padding-right:22px; padding-top:10px; padding-bottom:10px; margin-bottom:0;text-transform:none;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:6px; font:14px "Conv_AvenirLTStd-Light", Helvetica, Arial, sans-serif; letter-spacing:1px}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover, .btn:focus, .btn.focus{text-decoration:none}
.btn:active, .btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{cursor:not-allowed; filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
a.btn.disabled, fieldset[disabled] a.btn{pointer-events:none}

.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:focus, .btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}

.btn-primary{color:#fff;background-color:#5850EC;border-color:#5850EC}
.btn-primary:focus, .btn-primary.focus{color:#fff;background-color:#5149DB;border-color:#5149DB}
.btn-primary:hover{color:#fff;background-color:#5149DB;border-color:#5149DB}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{color:#fff;background-color:#5149DB;border-color:#5149DB}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{color:#fff;background-color:#5149DB;border-color:#5149DB}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{background-color:#6C64EF;border-color:#6C64EF}
.btn-primary .badge{color:#337ab7;background-color:#fff}

.btn-success{color:#fff;background-color:#5cb85c;border-color:#5cb85c}
.btn-success:focus, .btn-success.focus{color:#fff;background-color:#449d44;border-color:#449d44}
.btn-success:hover{color:#fff;background-color:#449d44;border-color:#449d44}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#449d44}
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus{color:#fff;background-color:#449d44;border-color:#449d44}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{background-image:none}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active{background-color:#449d44;border-color:#449d44}
.btn-success .badge{color:#5cb85c;background-color:#fff}

.btn-info{color:#fff;background-color:#5B6065;border-color:#5B6065}
.btn-info:focus, .btn-info.focus{color:#fff;background-color:#4C5054;border-color:#4C5054}
.btn-info:hover{color:#fff;background-color:#4C5054;border-color:#4C5054}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{color:#fff;background-color:#4C5054;border-color:#4C5054}
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus{color:#fff;background-color:#4C5054;border-color:#4C5054}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info{background-image:none}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active{background-color:#4C5054;border-color:#4C5054}
.btn-info .badge{color:#5bc0de;background-color:#fff}

.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#f0ad4e}
.btn-warning:focus, .btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#ec971f}
.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#ec971f}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#ec971f}
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#ec971f}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning{background-image:none}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active{background-color:#ec971f;border-color:#ec971f}
.btn-warning .badge{color:#f0ad4e;background-color:#fff}

.btn-danger{color:#fff;background-color:#d9534f;border-color:#d9534f}
.btn-danger:focus, .btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#c9302c}
.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#c9302c}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#c9302c}
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#c9302c}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger{background-image:none}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active{background-color:#c9302c;border-color:#c9302c}
.btn-danger .badge{color:#d9534f;background-color:#fff}

.btn-white{color:#545454; background-color:#fff; border-color:#fff}
.btn-white:focus, .btn-white.focus{color:#545454; background-color:#fff; border-color:#fff}
.btn-white:hover{color:#545454; background-color:#fff; border-color:#fff}
.btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white{color:#545454; background-color:#fff; border-color:#fff}
.btn-white:active:hover, .btn-white.active:hover, .open > .dropdown-toggle.btn-white:hover, .btn-white:active:focus, .btn-white.active:focus, .open > .dropdown-toggle.btn-white:focus, .btn-white:active.focus, .btn-white.active.focus, .open > .dropdown-toggle.btn-white.focus{color:#545454;background-color:#fff;border-color:#fff; opacity:.9}
.btn-white:active, .btn-white.active, .open > .dropdown-toggle.btn-white{background-image:none}
.btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white, .btn-white.disabled:hover, .btn-white[disabled]:hover, fieldset[disabled] .btn-white:hover, .btn-white.disabled:focus, .btn-white[disabled]:focus, fieldset[disabled] .btn-white:focus, .btn-white.disabled.focus, .btn-white[disabled].focus, fieldset[disabled] .btn-white.focus, .btn-white.disabled:active, .btn-white[disabled]:active, fieldset[disabled] .btn-white:active, .btn-white.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-white.active{background-color:#fff; border-color:#fff; opacity:.7}
.btn-white .badge{color:#545454;background-color:#fff}

.btn-gray{color:#fff; background-color:#545454; border-color:#545454}
.btn-gray:focus, .btn-gray.focus{color:#fff; background-color:#242424; border-color:#242424}
.btn-gray:hover{color:#fff; background-color:#242424; border-color:#242424}
.btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray{color:#fff; background-color:#242424; border-color:#242424}
.btn-gray:active:hover, .btn-gray.active:hover, .open > .dropdown-toggle.btn-gray:hover, .btn-gray:active:focus, .btn-gray.active:focus, .open > .dropdown-toggle.btn-gray:focus, .btn-gray:active.focus, .btn-gray.active.focus, .open > .dropdown-toggle.btn-gray.focus{color:#fff; background-color:#242424; border-color:#242424; opacity:.9}
.btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray{background-image:none}
.btn-gray.disabled, .btn-gray[disabled], fieldset[disabled] .btn-gray, .btn-gray.disabled:hover, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, fieldset[disabled] .btn-gray:focus, .btn-gray.disabled.focus, .btn-gray[disabled].focus, fieldset[disabled] .btn-gray.focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, fieldset[disabled] .btn-gray:active, .btn-gray.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-gray.active{color:#fff; background-color:#242424; border-color:#242424; opacity:.7}
.btn-gray .badge{color:#fff; background-color:#545454}

.btn-default-color{color:#5850EC; background-color:#fff; border-color:#5850EC}
.btn-default-color:focus, .btn-default-color.focus{color:#5850EC; background-color:#F1F0FF;border-color:#5149DB}
.btn-default-color:hover{color:#333;background-color:#F1F0FF;border-color:#5149DB}
.btn-default-color:active, .btn-default-color.active, .open > .dropdown-toggle.btn-default-color{color:#333;background-color:#F1F0FF;border-color:#5149DB}
.btn-default-color:active:hover, .btn-default-color.active:hover, .open > .dropdown-toggle.btn-default-color:hover, .btn-default-color:active:focus, .btn-default-color.active:focus, .open > .dropdown-toggle.btn-default-color:focus, .btn-default-color:active.focus, .btn-default-color.active.focus, .open > .dropdown-toggle.btn-default-color.focus{color:#333;background-color:#F1F0FF;border-color:#5149DB}
.btn-default-color:active, .btn-default-color.active, .open > .dropdown-toggle.btn-default-color{background-image:none}
.btn-default-color.disabled, .btn-default-color[disabled], fieldset[disabled] .btn-default-color, .btn-default-color.disabled:hover, .btn-default-color[disabled]:hover, fieldset[disabled] .btn-default-color:hover, .btn-default-color.disabled:focus, .btn-default-color[disabled]:focus, fieldset[disabled] .btn-default-color:focus, .btn-default-color.disabled.focus, .btn-default-color[disabled].focus, fieldset[disabled] .btn-default-color.focus, .btn-default-color.disabled:active, .btn-default-color[disabled]:active, fieldset[disabled] .btn-default-color:active, .btn-default-color.disabled.active, .btn-default-color[disabled].active, fieldset[disabled] .btn-default-color.active{background-color:#F1F0FF;border-color:#5149DB}
.btn-default-color .badge{color:#fff;background-color:#333}

.btn-link{font-weight:normal;color:#1C7DE7;border-radius:0}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active{border-color:transparent}
.btn-link:hover, .btn-link:focus{color:#1C7DE7;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}

.btn-lg, .btn-group-lg > .btn{padding:11px 30px;font-size:17px;line-height:1.3333333;border-radius:6px}
.btn-md, .btn-group-md > .btn{padding:10px 30px;font-size:16px;line-height:1.3333333;border-radius:6px}
.btn-sm, .btn-group-sm > .btn{padding:6px 20px;font-size:13px;line-height:1.5;border-radius:6px}
.btn-xs, .btn-group-xs > .btn{padding:2px 15px;font-size:12px;line-height:1.5;border-radius:6px}
.btn-block{display:block;width:100%}


.btn.GoogleButton{background: #fff 0% 0% no-repeat padding-box;border-radius: 6px;height: 44px;width: 100%;text-align: center;font: 14px "Conv_AvenirLTStd-Medium", Arial, sans-serif;line-height:21px;letter-spacing: 0px;color: #545454;opacity: 1;border: 1px solid #E3E3E3;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.btn.GoogleButton img {margin-right:5px;margin-top: -2px;}

.OrDividerMDiv {font-family: 'Conv_AvenirLTStd-Roman', sans-serif;font-size: 15px;color: #959595;padding: 20px 0;background: url(../images/OrDivLine.png) repeat-x scroll 50% 50%; text-align:center}
.OrDividerMDiv span {background: #fff;font-family: 'Conv_AvenirLTStd-Roman', sans-serif;font-size: 16px;color: #959595;padding: 3px 8px;}

.label{font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:11px; color:#fff; font-weight:normal; letter-spacing:1px; padding:5px 9px 4px; display:inline-block}
.label, .label-success, .label-warning, .label-important, .label-info, .label-inverse, .label-basic, .label-pro, .label-plus{text-transform:none}
.label-basic, .badge-basic{background-color:#dd9718; color:#ffffff}
.label-pro, .badge-pro{background-color:#20c97a; color:#ffffff}
.label-plus, .badge-plus{background-color:#5f56c8; color:#ffffff}

.label.border{background:none; border:1px solid #f3f3f3}
.label.border.label-success{background:#fff; border:1px solid #1bb05b; color:#1bb05b}
.label.border.label-warning{background:#fff; border:1px solid #ec971f; color:#ec971f}
.label.border.label-important{background:#fff; border:1px solid #f35958; color:#f35958}
.label.border.label-info{background:#fff; border:1px solid #0090d9; color:#0090d9}
.label.border.label-inverse{background:#fff; border:1px solid #1f3853;; color:#1f3853}
.label.border.label-basic{background:#fff; border:1px solid #dd9718; color:#dd9718}
.label.border.label-pro{background:#fff; border:1px solid #20c97a; color:#20c97a}
.label.border.label-plus{background:#fff; border:1px solid #5f56c8; color:#5f56c8}



.InnerContent{padding:30px; margin:0; min-height:calc(100vh - 280px)}
.Grid{clear:both; margin-top:0px; margin-bottom:0; padding:0}
.Grid.NewWhiteGrid{background:#fff; border-radius:8px}
.Grid.NewWhiteGrid .GridTitleBox{width:100%; margin:0; padding:10px 30px; border-bottom:1px solid #ebebeb; display:flex; justify-content:space-between; align-items:center}
.Grid.NewWhiteGrid .GridContentBox{padding:30px; min-height:calc(100vh - 405px)}
.Grid.NewWhiteGrid .GridTitleBox .TitleBox{display:block}
.Grid.NewWhiteGrid .GridTitleBox .RightBox{min-width:fit-content}
.Grid.NewWhiteGrid .GridTitleBox .RightBox .btn{margin:0 0 0 10px}
.Grid.NewWhiteGrid .GridTitleBox .RightBox .btn:first-child{margin:0}



.FooterContent{padding:0 30px 20px; margin:0}
.FooterMDiv{background:url(../images/svg/LogoEmblemColor.svg) no-repeat scroll 0 5px; padding-left:47px}



.dropdown-menu{position:absolute; top:100%; left:auto; right:0; z-index:1000; display:none; float:left; min-width:180px; padding:0; margin:5px 0 0; font-family:"Conv_AvenirLTStd-Book", Helvetica, Arial, sans-serif; font-size:14px; text-align:left; list-style:none; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border:1px solid rgba(0,0,0,.15); border-radius:8px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu li{width:100%; padding:5px; margin:0}
.dropdown-menu li.divider{padding:0}
.dropdown-menu li a{display:block; padding:3px 12px; clear:both; font-weight:400; line-height:1.42857143; color:#333; white-space:nowrap; border-radius:5px}
.dropdown-menu li a.RedLink{background:#FFE8E8; color:#FF4343}

select{width:auto; background-color:#ffffff; background-image:url("../images/DropDownIcon.png") !important; background-position:100% 50%; background-repeat:no-repeat; border:1px solid #DEDEDE; min-height:38px; font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; color:#282323; padding:6px 45px 6px 11px !important; line-height:28px; font-size:15px; font-weight:normal; vertical-align:top; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -ms-box-shadow:none !important; box-shadow:none !important; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; border-radius:6px; transition:background 0.2s linear 0s, box-shadow 0.2s linear 0s; outline:none; overflow:hidden; text-indent:0.01px; text-overflow:''; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; appearance:none �/IE9}

.uneditable-input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"]{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; -webkit-appearance:none !important; color:#282323; outline:0; height:16px; padding:6px 11px !important; line-height:15px; font-size:15px; font-weight:normal; vertical-align:top; background-color:#ffffff; min-height:38px; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:1px solid #DEDEDE; transition:background 0.2s linear 0s, box-shadow 0.2s linear 0s}


.form-group{margin-bottom:25px; position:relative}
.form-control{width:100%; height:38px; display:block; padding:6px 12px; font-size:15px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #DEDEDE; border-radius:8px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:hover{-webkit-box-shadow:0 0 0 4px rgba(234,76,137,0.1);box-shadow:0 0 0 4px rgba(28, 125, 231, 0.1);border:1px solid #CAE3FF}
.form-control:focus{-webkit-box-shadow:0 0 0 4px rgba(234,76,137,0.1);box-shadow:0 0 0 4px rgba(28, 125, 231, 0.1);border:1px solid #CAE3FF}
.form-control.ErrorInput{-webkit-box-shadow:0 0 0 4px rgba(234,76,137,0.1);box-shadow:0 0 0 4px rgba(246, 86, 86, 0.1);border:1px solid #F65656}
.form-group label.form-label{width:100%; display:block; letter-spacing:0px; text-align:left; padding:0; margin:0 0 6px; font-family:"Conv_AvenirLTStd-Roman", Arial, sans-serif; font-size:16px; color:#545454}
.form-group .ErrorText{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; font-size:14px; color:#F65656; text-align:left; display:block; padding-top:8px}
.form-group .red{color:#c9302c}
.form-group .small-text{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; font-size:14px; color:#848484; text-align:left}


.DateTimeSelect .StartDateTime, .DateTimeSelect .EndDateTime{margin:0; padding:0; display:table-row}
.DateTimeSelect .DateText, .DateTimeSelect .TimeText, .DateTimeSelect .SessionText{display:table-cell}
.DateTimeSelect .DateText, .DateTimeSelect .TimeText{padding-right:20px}
.DateTimeSelect .DateText input.form-control{max-width:142px}

.FormHalfWidth{max-width:750px}
.HalfWidth555{max-width:555px}


body.LoginBg .page-container{background:#fff}
.Header.LoginHeader{padding:15px 0 !important}
.FormWrapper{max-width:500px; padding:20px 20px 80px; margin:0 auto 30px; display:flex; flex-direction:column; flex:1 1 0%; -moz-box-align:center; align-items:center; -moz-box-pack:center; justify-content:center}
.FormRow{width:100%} .Height120{height:120px} .Height60{height:60px}
.FormWrapper .form-group span.SubBtn{display:block; text-align:right; padding-top:8px}
.FormWrapper h2.NewTitle{width:100%; text-align:center}
.FlotRightTrailBtn{float:right}

.ActionMessage{max-width:580px; margin:0 auto; padding:0 15px; text-align:center; font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; font-size:15px; color:#646464}
.ActionMessage img.ActionIcon{width:48px}
.ActionMessage h2.NewTitle{font-size:24px}
.ActionMessage p.MainText{line-height:24px}


.modal-dialog.ModalCustom{height:calc(100vh - 60px)}
.modal-dialog.ModalCustom .modal-header, .modal-dialog.ModalCustom .modal-body, .modal-dialog.ModalCustom .modal-footer{padding:30px; position:relative}
.modal-dialog.ModalCustom .modal-header .close{width:20px; height:20px; position:absolute; top:30px; right:30px; font-size:44px; line-height:0}
.modal-dialog.ModalCustom .modal-header .close span{display:block; position:relative; top:3px; left:-5px}
.modal-dialog.ModalCustom .modal-header h4.NewTitle{padding-right:30px}


.modal-dialog.ModalCenter{height:calc(100vh - 60px)}
.modal-dialog.ModalCenter .modal-header, .modal-dialog.ModalCenter .modal-body, .modal-dialog.ModalCenter .modal-footer{padding:30px; position:relative; border:none; text-align:center}
.modal-dialog.ModalCenter .modal-body{padding-top:0; text-align:left}
.modal-dialog.ModalCenter .modal-header .close{width:20px; height:20px; position:absolute; top:30px; right:30px; font-size:44px; line-height:0}
.modal-dialog.ModalCenter .modal-header .close span{display:block; position:relative; top:3px; left:-5px}
.modal-dialog.ModalCenter .modal-header h4.NewTitle{padding-right:30px; padding-left:30px}



label.ToggleSwitch{position:relative; display:inline-block; width:36px; height:14px; margin-top:1px; margin-bottom:0 !important}
label.ToggleSwitch input{display:none}
label.ToggleSwitch input:checked + .ToggleSwitchSlider{background-color:#8CD7FA}
label.ToggleSwitch input:focus + .ToggleSwitchSlider{box-shadow:0 0 1px #36bcfc}
label.ToggleSwitch input:checked + .ToggleSwitchSlider:before{background:#36bcfc; -webkit-transform:translateX(16px); -ms-transform:translateX(16px); transform:translateX(16px)}
label.ToggleSwitch .ToggleSwitchSlider{position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s}
label.ToggleSwitch .ToggleSwitchSlider:before{position:absolute; content:""; height:20px; width:20px; bottom:0px; top:-3px; left:0; background-color:white; -webkit-transition:.4s; transition:.4s; box-shadow:0px 0px 10px -3px rgba(0,0,0,.3)}
label.ToggleSwitch .ToggleSwitchSlider.Round{border-radius:34px}
label.ToggleSwitch .ToggleSwitchSlider.Round:before{border-radius:50%}

label.ToggleSwitch.MarketingToggleTable{position:relative; top:3px}

.DisplayTable{width:100%; display:flex; grid-gap:30px}
.DisplayTable .LeftMDiv{flex:1}
.DisplayTable .RightMDiv{flex:1}


span.NewTag{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif;font-size:10px !important;font-weight:normal;background:#1bb05b !important;border-radius:2px;padding:2px 5px !important;color:#fff !important;display:inline-block;margin-left:6px;position:relative;top:-2px;}
span.PlusTag{background:#fff;color:#1C7DE7 !important}
span.PlusTag{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif !important;font-size:9px !important;text-transform:uppercase;font-weight:normal;background:#1C7DE7;border-radius:2px;padding:3px 5px 1px;color:#fff !important;display:inline-block;margin-right:0;position:relative;top:0;line-height:11px;}
span.PremiumTag{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif;font-size:12px !important;text-transform:uppercase;background:#c2660a;border-radius:3px;padding:8px 8px 5px;color:#fff !important;display:inline-block;line-height:10px;margin-left:3px;position:relative;top:-1px;}
span.MProLabel{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif;font-size:12px !important;text-transform:uppercase;background:#fff;border-radius:3px;padding:4px 8px 5px;color:#44b073 !important;display:inline-block;line-height:10px;margin-left:3px;position:relative;top:-1px;}
span.PremiumTag.PositionAlign{position:absolute;top:-15px;right:-15px}
span.PlusTag.PositionAlign{position:absolute;top:-10px;right:-10px}
span.MProLabel.PositionAlign{position:absolute;top:-15px;right:-15px}
span.ProNoteTag{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif;font-size:13px !important;text-transform:uppercase;font-weight:normal;background:none;border-radius:3px;padding:4px 8px;color:#44b073 !important;display:inline-block;line-height:10px;margin-left:0;position:relative;border:1px solid #44b073;}
span.PlusNoteTag{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif;font-size:13px !important;text-transform:uppercase;font-weight:normal;background:none;border-radius:3px;padding:4px 8px;color:#7D75DA !important;display:inline-block;line-height:10px;margin-left:0;position:relative;border:1px solid #7D75DA;}
span.BasicNoteTag{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif;font-size:13px !important;text-transform:uppercase;font-weight:normal;background:none;border-radius:3px;padding:4px 8px;color:#dd9718 !important;display:inline-block;line-height:10px;margin-left:0;position:relative;border:1px solid #dd9718;}
span.PremiumNoteTag{font:'Open Sans', Arial, sans-serif;font-size:13px !important;text-transform:uppercase;font-weight:normal;background:none;border-radius:3px;padding:4px 8px;color:#dd9718 !important;display:inline-block;line-height:10px;margin-left:3px;position:relative;border:1px solid #dd9718;}
span.PlusNoteTagSolid{font:'Open Sans', Arial, sans-serif;font-size:13px !important;text-transform:uppercase;font-weight:normal;background:#7D75DA !important;border-radius:3px;padding:4px 8px;color:#fff !important;display:inline-block;line-height:10px;margin-left:0;position:relative;border:1px solid #7D75DA;}
span.PlusNoteTagSolid.place{position:absolute;right:-6px;top:-9px;}


.radio, .checkbox {margin: 0;padding: 0px;}
.radio label {display:block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 0;font-size: 15px;margin-bottom: 6px;color: #4D5054;}
.radio label:before {content: "";display: inline-block;width: 17px;height: 17px;margin-right: 10px;position: absolute;left: 0;top: 0.5px;background-color: #ffffff;border: 1px solid #c2c6cb;border-radius: 99px;}
.radio label:after {font-size: 13px;content: "";text-align: center;display: inline-block;width: 17px;height: 17px;position: absolute;-o-transform: scale(0);-ms-transform: scale(0);-moz-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);border-radius: 99px;left: 0px;top: 1px;background-color: #6f7b8a;border: 1px solid #6f7b8a;}
.radio input[type=radio] {display: none;}
.radio input[type=radio][disabled] + label {opacity: 0.65;}
.radio.radio-success label:after {background-color: #0090d9;border: 1px solid #0090d9;}
.radio.radio-success input[type=radio]:checked + label:before {border: 1px solid #0090d9;}
.radio.radio-primary label:after {background-color: #0aa699;border: 1px solid #0aa699;}
.radio.radio-primary input[type=radio]:checked + label:before {border: 1px solid #0aa699;}
.radio.radio-info label:after {background-color: #1f3853;border: 1px solid #1f3853;}
.radio.radio-info label input[type=radio]:checked + :before {border: 1px solid #1f3853;}
.radio.radio-warning label:after {background-color: #fbb05e;border: 1px solid #fbb05e;}
.radio.radio-warning input[type=radio]:checked + label:before {border: 1px solid #fbb05e;}
.radio.radio-danger label:after {background-color: #F35958;border: 1px solid #F35958;}
.radio.radio-danger input[type=radio]:checked + label:before {border: 1px solid #F35958;}
.radio input[type=radio]:checked + label {color: #4d5056;}.radio input[type=radio]:checked + label:after {-o-transform: scale(0.63);-ms-transform: scale(0.63);-moz-transform: scale(0.63);-webkit-transform: scale(0.63);transform: scale(0.63);line-height: 18px;-o-transition: -o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-ms-transition: -ms-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-moz-transition: -moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-webkit-transition: -webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-o-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-ms-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-moz-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-webkit-transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);transition: transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);}
.radio input[type=radio]:checked + label:before {border: 1px solid #8e9095;}
.checkbox input[type=radio][disabled] + label:after {background-color: #eceff3;cursor: not-allowed }
.checkbox label {display: block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 0;font-size: 15px;margin-bottom: 6px;color: #777a80;transition: border 0.2s linear 0s,color 0.2s linear 0s;font-family: "Conv_AvenirLTStd-Book", Arial, sans-serif;}
.checkbox label:before {content: "";display: inline-block;width: 17px;height: 17px;margin-right: 10px;position: absolute;left: 0px;top: 1.4px;background-color: #ffffff;border: 1px solid #c2c6cb;border-radius: 2px;transition: border 0.2s linear 0s,color 0.2s linear 0s;}
.checkbox label::after {display: inline-block;width: 16px;height: 16px;position: absolute;left: 3.2px;top: 3px;font-size: 11px;transition: border 0.2s linear 0s,color 0.2s linear 0s;}
.checkbox label:after {border-radius: 2px;}.checkbox input[type=checkbox] {display: none;}
.checkbox.checkbox-circle label:after {border-radius: 99px;}
.checkbox.checkbox-circle label:before {border-radius: 99px;}
.checkbox input[type=checkbox]:checked + label {color: #4d5056;}
.checkbox input[type=checkbox]:checked + label::after {font-family: 'FontAwesome';content: "\F00C";}
.checkbox input[type=checkbox][disabled] + label {opacity: 0.65;cursor: not-allowed }
.checkbox input[type=checkbox][disabled] + label:before {background-color: #eceff3;cursor: not-allowed }
.checkbox.check-success input[type=checkbox]:checked + label:before {background-color: #0090d9;border: 1px solid #0090d9;}
.checkbox.check-success input[type=checkbox]:checked + label::after {color: #ffffff;}
.checkbox.check-primary input[type=checkbox]:checked + label:before {background-color: #0aa699;border: 1px solid #0aa699;}
.checkbox.check-primary input[type=checkbox]:checked + label::after {color: #ffffff;}
.checkbox.check-info input[type=checkbox]:checked + label:before {background-color: #1f3853;border: 1px solid #1f3853;}
.checkbox.check-info input[type=checkbox]:checked + label::after {color: #ffffff;}
.checkbox.check-warning input[type=checkbox]:checked + label:before {background-color: #fbb05e;border: 1px solid #fbb05e;}
.checkbox.check-warning input[type=checkbox]:checked + label::after {color: #ffffff;}
.checkbox.check-danger input[type=checkbox]:checked + label:before {background-color: #f35958;border: 1px solid #f35958;}
.checkbox.check-danger input[type=checkbox]:checked + label::after {color: #ffffff;}



.NoRecordMDiv{margin:30px auto; padding:0; text-align:center}
.NoRecordMDiv h4.NewTitle{font-family:"Conv_AvenirLTStd-Heavy", Arial, sans-serif; font-size:21px}
.NoRecordMDiv img.RecordImage{max-width:320px}


.ContentTableCol.PreviewContent{background:#FBFBFB; padding:0}
.ContentTableCol.PreviewContent .Pad30{padding:30px}
.ContentTableCol.PreviewContent .PreviewWhiteBox{background:#fff; border-radius:6px}

.modal-content.NewDeletePopup {border-radius: 3px;background: #fff;border: none;text-align: center;overflow: hidden }
.modal-content.NewDeletePopup .modal-body {padding: 45px }
.modal-content.NewDeletePopup button.close {position: absolute;top: 35px;right: 20px;line-height: 12px;font-size: 50px;font-weight: 400 }
.modal-content.NewDeletePopup.StartPopup h3.PopupTitle {background: none;padding: 0 0 20px;}
.modal-content.NewDeletePopup h3.PopupTitle {font-family: "Conv_AvenirLTStd-Book", Arial, sans-serif;color: #383838;font-size: 23px;text-align: center;margin: 0;padding: 55px 0 20px;background: url(../images/delete-poup-title-icon.png) no-repeat scroll 50% 0 }
.modal-content.NewDeletePopup h3.PopupTitle.TickIcon {background: url(../images/CheckoutPopupTickIcon.png) no-repeat scroll 50% 0 }
.modal-content.NewDeletePopup h3.PopupTitle.NoImage {background: none;padding: 0 0 20px }
.modal-content.NewDeletePopup .form-control:focus, .modal-content.NewDeletePopup .form-control:hover {border-color: #309ae6;box-shadow: none !important;}
.modal-content.NewDeletePopup .form-group {clear: none;margin-bottom: 20px;}
.modal-content.NewDeletePopup .form-group.NoMrg {margin-bottom: 0 }
.checkbox.check-success.Label0 label {margin-right: 0 }
.modal-content.NewDeletePopup h3 span.title-sub-text {font-family: "Conv_AvenirLTStd-Book", Arial, sans-serif;color: #7a7a7a;font-size: 13px;line-height: 18px;text-align: center;display: block;margin: 0;padding: 12px 0 0 }
.modal-content.NewDeletePopup p.title-text {color: #333;margin: 0;padding-bottom: 4px;font-family: "Conv_AvenirLTStd-Book", Arial, sans-serif;font-size: 15px }
.modal-content.NewDeletePopup p.title-text span {font-weight: 600 }
.modal-content.NewDeletePopup p.sub-text {color: #626262;text-align: center;margin: 0;padding-bottom: 28px;font-family: "Conv_AvenirLTStd-Book", Arial, sans-serif;font-size: 15px }
.modal-content.NewDeletePopup p.sub-text span {font-family: "Conv_AvenirLTStd-Heavy", Arial, sans-serif;}.modal-content.NewDeletePopup p.sub-text.padbtm6 {padding-bottom: 6px }
.modal-content.NewDeletePopup p.sub-text.padbtm0 {padding-bottom: 0 }
.modal-content.NewDeletePopup .btn.btn-yes, .modal-content.NewDeletePopup .btn.btn-no {width:120px;margin: 0 6px }
.modal-content.NewDeletePopup .popup-action.CancelSubActions .btn.btn-yes, .modal-content.NewDeletePopup .popup-action.CancelSubActions .btn.btn-no {width: auto;margin-bottom: 12px }
.modal-content.NewDeletePopup .BtnActionPopup .btn {width: 90px }
.modal-content.NewDeletePopup .BtnActionPopup .btn.btn-auto{width:auto}
span.basic_open.popup-span {position: relative;left: -15px;top: 0 }

i.fa.fa-sort-down.action-icon{display:none}

.StrongPasswordNote{text-align:left}
.StrongPasswordNote h5{font-family:"Conv_AvenirLTStd-Medium", Arial, sans-serif; font-size:13px; color:#545454; padding:0; margin:0 0 5px}
.StrongPasswordNote h6{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; font-size:13px; color:#545454; padding:0; margin:0 0 5px}
.StrongPasswordNote h6.m-t-10{margin-top:10px}
.StrongPasswordNote ul.PasswordNote{margin:0; padding:0}
.StrongPasswordNote ul.PasswordNote li{font-family:"Conv_AvenirLTStd-Book", Arial, sans-serif; font-size:12.5px; color:#545454; padding:0; margin:0}
.StrongPasswordNote ul.PasswordNote li i.fa.fa-circle{font-size:8px; position:relative; top:-4px; width:10px; color:#646464}
.StrongPasswordNote ul.PasswordNote li i.fa.fa-check{font-size:10px; position:relative; top:-1px; width:10px; color:#1bb05b}
.StrongPasswordNote ul.PasswordNote li i.fa.fa-close{font-size:12px; position:relative; top:-1px; width:10px; color:#ff4949}

select.FullWidth{width:100%}
.ErrorAlertBox{padding:30px; width:100%; display:grid; justify-content:center; align-items:center; text-align:center; height: calc(100vh - 155px) }

.PublicFooter{padding:15px 20px; position:fixed; bottom:0; width:100%; background:#fbfbfb; border-top:1px solid #f1f1f1}

.btn.LoadingBtn{min-height:25px; line-height:25px; padding-top:4.5px; padding-bottom:4.5px; cursor:no-drop}
.btn.LoadingBtn img{width:26px}

.Header a.MainLogo{width:100px; height:40px; float:left; line-height:40px; display:none; text-indent:-99999px; background:url(../images/svg/JoinliveLogowoe.svg) no-repeat scroll 50% 50%}
.ErrorAlertBox{padding:30px; width:100%; display:grid; justify-content:center; align-items:center; text-align:center; height: calc(100vh - 155px) }
.FooterMdiv{font-family:"Conv_AvenirLTStd-Book", sans-serif; font-size:15px; color:#646464; padding: 15px 20px;position: fixed; bottom: 0; width: 100%; background: #fbfbfb; border-top: 1px solid #f1f1f1; text-align:center}
