.ng-cloak { display:none; }
@font-face
{
	font-family:OpanSansReg;
	src:url(font-awesome/fonts/OpenSans-Regular.eot?-fvbane);
	src:url(font-awesome/fonts/OpenSans-Regular.eot?#iefix-fvbane) format('embedded-opentype'),
	url(font-awesome/fonts/OpenSans-Regular.woff?-fvbane) format('woff'),
	url(font-awesome/fonts/OpenSans-Regular.ttf?-fvbane) format('truetype'),
	url(font-awesome/fonts/OpenSans-Regular.svg?-fvbane#themify) format('svg');
	font-weight:400;
	font-style:normal
}

body { margin:0; padding:0; font-size:14px; font-family:OpanSansReg;}

@font-face
{
	font-family:themify;
	src:url(font-awesome/fonts/themify.eot?-fvbane);
	src:url(font-awesome/fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'),
	url(font-awesome/fonts/themify.woff?-fvbane) format('woff'),
	url(font-awesome/fonts/themify.ttf?-fvbane) format('truetype'),
	url(font-awesome/fonts/themify.svg?-fvbane#themify) format('svg');
	font-weight:400;
	font-style:normal
}
[class*=" ti-"],[class^=ti-]
{
	font-family:themify;
	speak:none;
	font-style:normal;
	font-size:15px;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#fff;
}

/* Footer */
footer
{
	background:#1F2837;
	text-align:center;
	color:#fff;
	padding:10px 0;
}
footer a { text-decoration:none; margin:0 10px; }
footer a:hover { text-decoration:none;  }
/* Footer End */
button[disabled], html input[disabled]
{
	opacity: 0.6;
    cursor: no-drop;
}

/* Login Page */
.wk-Login
{
	width: 100%;
	height: 100%;
	position:absolute;
}
.wk-LoginPopup
{
	background: #fff;
    width: 425px;
    border-radius: 5px;
    margin: 0 auto;
	padding:10px 20px 20px 20px;
	color:#808080;
    text-align: center;
}
.wk-LoginPopup h4 {
    margin: 0 0 15px;
}
.wk-LoginPopup .messageWrap {
    margin: 250px auto 100px;
}
.wk-LoginPopup .messageWrap span {
    font-size: 18px;
}
.wk-UsernameTxtBox , .wk-PasswrdTxtBox
{

	color:#808080;
	margin-bottom:10px;
	width: 100%;
    box-sizing: border-box;
}
.wk-UsernameTxtBox, .wk-PasswrdTxtBox
{
	margin: 0;
    background: none;
    border: 0;
    width: 90%;
}
.wk-LoginBtn
{

	margin:5px 0 15px 0;
	/*text-transform:uppercase; */
	text-align:center;
	/*width:100%;*/

	font-family:OpanSansReg;
}

.wk-ForgetPassword { text-decoration: none; display:inherit; text-align:center; color: gray; }
.wk-Username
{
	position:relative;
	/*background:#f2f2f2; */
	padding:10px 3px;
	border-bottom:1px solid #d9d9d9;
	border-radius:0px;
    margin-bottom: 20px;
}
.wk-Username .ti-email,
.wk-Username .ti-lock { position:absolute; right:0; bottom:12px; margin:0 10px;}

.wk-RememberPass input[type="checkbox"] + span { position: relative; bottom:2px; }
.wk-RememberPass { margin-bottom: 10px; text-align:left; visibility:hidden; }
#ForgetPasswordModal .modal-dialog { width:35%; }
/* Login Page End */

/* Overide classes */
header .bg-primary { background:#ccc; }
header .logo { width:auto !important; }
.app.nav-collapsed-min .top-header .top-nav { float:right; }
.wk-SearchBox > div  { position:relative; }
.wk-SearchBox > div > a { position:absolute; right:5px;}
.nav-md .top_nav .navbar-right { width:57%; }
a#menu_toggle > i { color:#fff; }
.nav_menu { background:#835c97 }
.modal-title { text-align:center; }
input { border-radius:3px; }
.paddZero { padding:0 !important; }
.wk-alignCenter { text-align:center !important; }
td.wk-alignCenter { font-size:16px; }
.wk-block { width:15px; }
.wk-prflImgName3, .wk-editinputFile { float:right; }
.wk-actionHeader { width:90px !important; }
.wk-actionHeader2 { width:30px !important; }
.wk-catAction { display:inline; margin-right:15px; }
.wk-catActionCol > .wk-catAction:last-child { margin-right:0; }
.wk-catActionCol { text-align:center !important; }
.wk-catActionCol i { font-size:18px; }
.wk-celebActionCol, .wk-videoListAction { text-align:center !important; }
.wk-celebActionCol i { font-size:18px; }
.wk-celebActionCol > span { margin-right:15px; }
.wk-celebActionCol > span:last-child { margin-right:0; }
.wk-catAction a.inactive i,
.wk-catAction a.disabled i { color:#ff3333; }
.wk-catAction a.active i { color:green; }
.green { color:green; }
.red { color:red; }
.wk-CelebKey {  -ms-transform: rotate(185deg); /* IE 9 */
    -webkit-transform: rotate(185deg); /* Chrome, Safari, Opera */
    transform: rotate(185deg);
}


/* Forget Password Popup Style */
.wk-ForgetPassform { width: 100%;  display: inline-block;}
.wk-ForgetPassform label { top: 8px; }
.modal-footer .btn+.btn { margin-bottom:5px; }
.wk-ForgetPassform input { color: #808080; font-size:inherit; }
select.UserGroups { padding: 6px 12px; }
.wk-mrgnbttm0 { margin-bottom:0 !important; }
#ForgetPasswordModal .modal-body { padding:25px 15px 15px; }
.wk-checkbox { margin-left: -10px !important; margin-top: 12px !important;}
.wk-CelebTab img:hover { cursor:pointer; }
/* Data Table style */
table.dataTable { margin-bottom:15px !important; border-bottom:1px solid #ddd !important; }
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td { border-right:1px solid #ddd; }
table.dataTable tbody tr:first-child { border-top:1px solid #ddd; }
table.dataTable tbody tr > td:first-child  { border-left:1px solid #ddd;}
table.dataTable { font-size:12px; }
.dataTables_filter input[type="search"] { padding: 6px 12px !important; border: 1px solid #ddd !important; }
.dataTables_wrapper .dataTables_info { font-size: 14px; font-style: italic; font-weight: bold; padding:0 !important; }
.dataTables_paginate .paginate_button { margin-left:0; background:none; border:1px solid #ddd; color:#000; }
.dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover ,
.dataTables_paginate .paginate_button:hover
{ background:#337ab7 !important; color:#fff !important; }
.side-menu > li:hover > a, .side-menu > li.side-menuActive > a, .nav li.current-page { background:#835c97 !important; }
.wk-PageWrap { }
.nav-md ul.nav.child_menu li:before { background:#fff !important; }
.side-menuChildActive { background:rgba(255, 255, 255, 0.06); }

/* Block User popup */
#BlockUser .modal-dialog { width:35%;  }
#BlockUser .modal-dialog .form-group { text-align:right; }


/* Video page tab style */
.nav-tabs>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover { font-weight:bold; background:#31b0d5 !important; color:#fff; }
.nav-tabs { border-bottom:1px solid #31b0d5 !important;}
/* Add User popup style */
.wk-userMsg { color:#ff3333; }

.modal-body .ng-pristine.ng-invalid.ng-invalid-required.ng-touched,
.modal-body .ng-touched.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-required,
.modal-body .ng-invalid.ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-valid-required.ng-invalid-minlength.ng-touched,
.modal-body .UserGroups.ng-dirty.ng-valid-parse.ng-touched.ng-invalid.ng-invalid-required,
.modal-body .UserGroups.ng-dirty.ng-valid-parse.ng-touched.ng-invalid.ng-invalid-required,
.modal-body .ng-pristine.ng-invalid.ng-invalid-required.ng-touched,
.modal-body .ng-touched.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-required
{ border:1px solid red; background:url("../images/error2.png") no-repeat 98% center; background-size:12px 12px; }

.modal-body .form-control.ng-touched.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required,
.modal-body .UserGroups.ng-dirty.ng-valid-parse.ng-touched.ng-valid.ng-valid-required,
.modal-body .ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-valid-required.ng-touched.ng-valid.ng-valid-minlength,
.modal-body .form-control.ng-touched.ng-dirty.ng-valid-parse.ng-valid.ng-valid-required,
.modal-body .UserGroups.ng-dirty.ng-valid-parse.ng-touched.ng-valid.ng-valid-required
{ border:1px solid green;  background:url("../images/correct.png") no-repeat 98% center;
 background-size:15px 15px;   }

.modal-body .wk-formValid { border:1px solid green; background:url("../images/correct.png") no-repeat 98% center;
 background-size:15px 15px; }
.modal-body .wk-formInValid { border:1px solid red; background:url("../images/error2.png") no-repeat 98% center;
 background-size:12px 12px !important}

.modal-body .wk-passInValid,
.modal-body .wk-MobileInValid,
.modal-body .wk-formEInValid
 {  border:1px solid red !important; background:url("../images/error2.png") no-repeat 98% center !important;
 background-size:12px 12px !important}

.modal-body .wk-passValid,
.modal-body .wk-MobileValid,
.modal-body .wk-formEValid
{  border:1px solid green !important; background:url("../images/correct.png") no-repeat 98% center;
 background-size:15px 15px !important }

.wk-InValid { border:1px solid red; background:url("../images/error2.png") no-repeat 98% center;
 background-size:12px 12px !important}
.wk-Valid { border:1px solid green; background:url("../images/correct.png") no-repeat 98% center;
 background-size:15px 15px !important; }
.wk-Reset { border:1px solid #ccc !important; background:none !important;}

.modal-body .wk-FieldReset { border:1px solid #ccc !important; background:none !important;}
.wk-FileBrowseReset { border:0;}

.posRel button { position:relative; }
.posRel button span{ position:absolute; right:0; display:none;}
.wk-hide { display:none; }
.wk-indexRow { margin-top:15px; }
.wk-Count { font-size:20px; }
.videoListOptionalBlock { padding-bottom:15px; border-bottom:1px solid #ccc; }
.videoListForm { border: 2px solid #ccc;  border-radius: 10px; padding: 15px 0 0 0;}
.videoListCommon { margin-top:10px; margin-bottom:10px; }
.celebrityBlock, .catagoryBlock, .keywordBlock { margin-top:15px; }
.tableLatest > tbody > tr:nth-child(-n+30),
.tablePopular > tbody > tr:nth-child(-n+6)
{ background:#ccffff  !important;}



/* Proile popup style */
#profilePicText{
	word-wrap: break-word;
    word-break: break-word;
}
#EditCelebrity img, #EditCategory img { border-radius:25px; }
.wk-profileImg
{
	width: 130px;
	height: 130px;
	text-align: center;
	float: none;
	border-radius: 65px;
	border: 1px solid #ccc;
	padding: 3px;
	background: none;
}
.wk-profileImgView { width:200px; height:200px; border-radius:100px; }
#viewUser .personal-info { border-right:2px solid #ccc; }
.wk-viewProfileImg { text-align:center; }
.margnTop6 { margin-top:6px; text-align:center; }
.wk-profileImgUpload { float:right; margin: 15px 0 0 0; }
.fileinput { display: inline-block; margin-bottom: 9px; padding: 0 35px 0 0px;  border-radius: 3px; }
.fileinput .btn {   vertical-align: middle; }
.btn-file {
    position: relative;
	overflow: hidden;
}
.btn-file > input {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 23px;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    direction: ltr;
}
.fileinput-filename {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.wk-ProfileModal { margin-bottom:-30px; }
.wk-ProfileModal  .form-group { margin-bottom:20px; }

/* Video page style */
.fa.fa-remove.wk-videoActionsDelete  { color:#ff3333; }
.wk-videoTab { padding-top:15px; }
.wk-videoTab .dataTables_filter { margin-bottom:10px; }
.wk-actionColumn { text-align:center !important; font-size:16px; }
.wk-actionColumn > a { margin-right:15px; }
.wk-actionColumn > a:last-child { margin-right:0; }
.wk-actionColumn i { font-size:18px;}
select.UserGroups { border-radius:3px; width:100%; }
#AddUser select.UserGroups { width:auto; }
.fa-clock-o:hover { cursor:pointer; }

/* Add Video popup style */
.wk-upldVdoTitle { font-size:16px;  font-weight:bold; }
.wk-upldVdoTitle+span { color:red; }
.wk-uploadVideo > .col-sm-12:first-child { margin-bottom:10px; }
.wk-uploadVideo > .container { margin-bottom:10px; }
.wk-videoUploadFile { border:1px solid #ccc; padding:6px; }
.wk-Msg { color:#ff3333; }
.wk-uploadVideo .col-sm-9 { pdding-right:0; }
.wk-upload1 { margin-bottom:10px; }

.wk-ProfileModal .text-center { border-right:2px solid #ccc; }
.wk-blockUser { color:#ff3333; }
.form-group textarea { resize:none;}
div.videoCelebrity, div.videoCategory { width:100%; }

/* Buzz */
.buzzColorDisble { border:0; background:none; }
.buzzColorEdit{ float:right; }
.buzzColorEdit input { background:#ccc; }
.buzzColum i { font-size:18px; }
.tableTop15 { margin-top:15px; }
.description { background: #ececec; border-radius: 10px; padding: 0px 10px 10px;}
.description h3 { color:#0080ff; }
.addBuzzSetColor { padding-top:8px; }
.addBuzzSetColor .buzzColor { margin-left:12px; background:none; border:0; }


/* Comment page Style */
.wk-chatRow
{
	background: -moz-linear-gradient(top, rgba(214,214,214,1) 0%, rgba(219,219,219,1) 1%, rgba(224,224,224,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(214,214,214,1) 0%,rgba(219,219,219,1) 1%,rgba(224,224,224,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(214,214,214,1) 0%,rgba(219,219,219,1) 1%,rgba(224,224,224,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#b3e0e0e0',GradientType=0 );
	margin-bottom:3px;
	padding:15px 0;
	border-radius:4px;
}
.wk-chatRow .img64_64 { width:64px; height:64px; border-radius:32px; }
.wk-chatRow #replytext { font-size:14px; }
.wk-chatRow #replytext .img64_64 { width:50px; height:50px; border-radius:25px;  }
.wk-chatRow #replytext
{
	marin-top:10px;
	padding:10px;
	background: -moz-linear-gradient(top, rgba(188,188,188,1) 0%, rgba(224,224,224,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(188,188,188,1) 0%,rgba(224,224,224,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(188,188,188,1) 0%,rgba(224,224,224,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#b3e0e0e0',GradientType=0 );
	border-radius:4px;
}
.wk-chatRow #replytext h4 { font-size:15px; }
.wk-chatRow #replytext .col-xs-12 { font-size:14px; }
.wk-chatTxt { min-height:64px; }
.wk-cmmntFilter { margin-bottom:15px; }
.wk-cmmntBtns { text-align:left; }

.wk-commentFilterselctd { margin:10px 0; font-size:15px; }
.wk-commentBld { font-weight:bold; }
.wk-CmmntAction { margin-bottom:10px; }
.wk-CmmntAction i { font-size:17px; }
.wk-cmmntPub { margin-right:10px; }
.wk-CmmntMsg { margin-bottom:20px !important; }
.wk-hide { display:none; }
.wk-commentMsg
{
	text-align: center;
    font-size: 16px;
    margin: 15px 0;
    font-weight: bold;
}
.commentShowFilter { border:0 !important; min-width:110px; }
.commentShowFilter  button { background:#fff; border: 1px solid #ccc;
    border-radius: 0;}
.wk-commentsWrap { padding:0; list-style:none; }
.cmmntSerchBox { float:right; margin-bottom:12px; }
.wk-cmmntBtns button.dropdown-toggle { position:relative; bottom:2px; }
.btn-active { background:#337ab7 !important; color:#fff !important; }
.cmntLabel, .cmntFilter #form { float:left;}
.cmntLabel { margin-top:6px;margin-right: 15px; }
.cmntFilter { float:right; }

/* Table drag and drop style */
table.dt-rowReorder-float{position:absolute !important;opacity:0.8;table-layout:fixed;outline:2px solid #888;outline-offset:-2px;z-index:2001}tr.dt-rowReorder-moving{outline:2px solid #555;outline-offset:-2px}
body.dt-rowReorder-noOverflow{overflow-x:hidden}
table.dataTable td.reorder{text-align:center;cursor:move}

/* Push Notification */
.wk-notiAndroid > h4 { text-align: center; font-weight: bold; }
.wk-pushTitleCol { position:relative; }
.wk-pushTitleCol > div { display:none; position:absolute; top:20px;right:20px; font-size:13px; background:#fff;  border:1px solid #ccc; border-radius:3px; z-index:9;}
.wk-pushTitleCol:hover > div { display:block; }
.wk-pushTitleCol > div > div { background:#286090; font-size:16px; color:#fff; padding:5px 30px; }
.wk-pushTitleCol > div > p { padding:10px; margin:0; }


/*** Tooltip style ***/
[data-tooltip] { position: relative; z-index:1; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: -210%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -20px;
  padding: 2px 10px;
  width:auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  font-weight:normal;
}
.wk-userTable td { padding:14px 10px !important; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.wkPopupTooltip[data-tooltip]:before { width:260px; text-align:left; bottom: -290%; }
.wkPopupTooltip1[data-tooltip]:before { width:260px; text-align:left; bottom: -215%; }
.wkPopupTooltip2[data-tooltip]:before { width:350px; text-align:left; bottom: -410%; }
.wkPopupTooltip3[data-tooltip]:before { width: 160px; text-align: left; bottom: -210%; }
.wkPopupTooltip4[data-tooltip]:before { width: 280px; text-align: left; bottom: -300%;}
.tooltip1[data-tooltip]:before { width:140px; margin-left: -65px; bottom: -210%; }
.wkPopupCatTooltip[data-tooltip]:before { width:275px; text-align:left; bottom: -290%; }
.tooltipcmmnt[data-tooltip]:before  { width: 160px; margin-left: -90px; bottom: -210%; }
.tooltipcmmntrply[data-tooltip]:before  { width: 130px; margin-left: -90px; bottom: -210%; }
.tooltipEditUser[data-tooltip]:before  { width: 60px; margin-left: -40px; bottom: -150%; }
.tooltipUnblockUser[data-tooltip]:before  { width: 80px; margin-left: -40px; bottom: -150%; }
.tooltipViewUser[data-tooltip]:before  { width: 100px; margin-left: -75px; bottom: -150%; }
.tooltipVideoAction[data-tooltip]:before  { width: 145px; margin-left: -75px; bottom: -150%; }
.tooltipVideoAction2[data-tooltip]:before  { width: 165px; margin-left: -75px; bottom: -150%; }
.tooltipVideoAction3[data-tooltip]:before  { width: 110px; margin-left: -75px; bottom: -150%; }
.tooltipVideoAction4[data-tooltip]:before  { width: 70px; margin-left: -75px; bottom: -150%; }
.wkTooltipImgCGVideo[data-tooltip]:before { width:260px; text-align:left; bottom: -290%; }
.tooltipViewUsage[data-tooltip]:before { width: 110px; margin-left:0; bottom: -150%; }
.blockEdit[data-tooltip]:before { bottom: -150%; }
.wkPopupbuzzTooltip[data-tooltip]:before { bottom: -150%; }
.buzzColorEdit[data-tooltip]:before { bottom: -115%; left:0%; margin-left: 25px; }
.buzzEdit[data-tooltip]:before { bottom: -155%; margin-left: 0px; }
.font16 { font-size:16px; }

/* Dashboard Style */
.wk-dashBlocks .panel-heading { background:rgba(0, 154, 156, 0.75); color:#fff; font-size:15px; padding:10px 5px; font-weight:bold; text-align:center; }
.wk-dashBlocks .panel-heading .btn-info { float:right; }
table.dataTable img { border-radius:25px; }
.wk-top40px { margin-top:40px; }
.wk-cgbuttons { margin-top:10px; text-align:right; }
.wk-cgImageView { width:200px; border-radius: 100px; margin-bottom:20px; }
input.pushBrowseFile[disabled] { font-size: 12px; padding: 5px 6px;}
.imgCurve25 { border-radius:25px; }
.wk-btnWithLoader { position:relative; }
.wk-btnWithLoader .fa-spinner { position: absolute; left: 15px; top: 5px; font-size: 25px; color: #000;}
.mrgn10 { font-weight:bold; margin:15px 0; }
.videoListGroup > option[value="?"] { display:none; }
.wk-dashEngageVideo img { width:70px; height:70px; border-radius:35px;}
.wk-dashCountWrap { border:1px solid #ccc; border-radius:4px;  padding:0 !important; }
.wk-dashCountWrap > div.wk-dashBlock
{
	background: #dd4b39;
	text-align: center;
	padding: 7px 0;
	border-radius:4px 4px 0 0;
}
.wk-dashCountWrap > div.wk-dashNewCeleb { background: #00a65a; border-radius:4px 4px 0 0;  }
.wk-dashCountWrap > div.wk-dashActvCeleb { background: #f39c12 ; border-radius:4px 4px 0 0;}
.wk-dashCountWrap .col-lg-6 { padding-bottom: 5px; }
.wk-dashCountWrap .col-lg-6 span { color: #a1a8ac; }
.wk-dashBlock > i { font-size:25px; color:#fff;  }
.wk-dashBlock > span { font-family:OpanSansReg; color: #fff; font-size: 20px;  }
.wk-dashBlock1 {border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.wk-dashBlock2 { border-bottom:1px solid #ccc; }
.wk-dashBlock3 {border-right:1px solid #ccc; }
.wordcloud { border: 1px solid #ccc; height:400px; width:100%; }
.wk-dashCountWrap h3 { margin:5px 0; }
.wk-dashUpdates .panel-heading { padding:10px 5px; }
.wk-dashUpdates .wk-Count { padding:6px 15px; }
.wk-dashFilter { display:none; }
.wk-dashFilterWrap { margin-bottom:15px; }
.wk-dashFilterBtn { margin-top:10px; }
#dashboardAccordion h3 {
	margin: 0;
	padding:5px 0;
	font-size: 14px;
	text-align: center;
	background:url("../images/arrow-down.png") no-repeat 97% center #f39c12;
	color: #fff;
	background-size:20px 20px;
}
#dashboardAccordion h3.ui-accordion-header-active { background:url("../images/arrow-up.png") no-repeat 97% center #f39c12; background-size:20px 20px;}
#dashboardAccordion .ui-accordion-content { padding:10px 0; }
.wk-dashShowChart { float:right; margin: 5px 15px 0 0; font-size: 13px !important; text-decoration: underline; }
.wk-dashShowChart:hover { cursor:pointer; }
#activeCelebChart > svg > rect { width:400px; }
.videoPopupChart { }


/* Rule master */
.rulesDetails { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; }
.rulesDetails:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0; }
.rulesWrap { background:#eaeaea; padding: 15px 0; border-radius: 10px; margin-bottom: 15px;}
.popupblockID { padding-top:8px; font-weight:bold;}


/* Tag Cloud Style */
.wk-TagCloud { width:400px; height:400px; border: 1px solid #ccc; }
div.jqcloud {
  font-family: "Helvetica", "Arial", sans-serif;
  color: #09f;
  overflow: hidden;
  position: relative;
}
div.jqcloud a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
div.jqcloud a:hover {
  color: #0df;
}
div.jqcloud a:hover {
  color: #0cf;
}
div.jqcloud span {
  padding: 0;
}
div.jqcloud span.w10 {
  font-size: 50px;
  color: #64A2E0;
}
div.jqcloud span.w9 {
  font-size: 44px;
  color: #66ccff;
}
div.jqcloud span.w8 {
  font-size: 40px;
  color: #ff66ff;
}
div.jqcloud span.w7 {
  font-size: 36px;
  color: #aaff00;
}
div.jqcloud span.w6 {
  font-size: 34px;
  color: #ff4da6;
}
div.jqcloud span.w5 {
  font-size: 30px;
  color: #009900;
}
div.jqcloud span.w4 {
  font-size: 24px;
  color: #ff3333;
}
div.jqcloud span.w3 {
  font-size: 20px;
  color: #b30059;
}
div.jqcloud span.w2 {
  font-size: 14px;
  color: #dd4b39;
}
div.jqcloud span.w1 {
  font-size: 10px;
  color: #f39c12;
}


/* Banner Table style */
.bannerTable > tr:nth-child(1),
.bannerTable > tr:nth-child(2),
.bannerTable > tr:nth-child(3),
.bannerTable > tr:nth-child(4),
.bannerTable > tr:nth-child(5),
.bannerTable > tr:nth-child(6),
.videoListSelected
 { background:#ccffff !important; }
.bannerTable > tr:nth-child(1) span.wk-bannerDelete { display:none;  }
.bannerTable > tr:active,
.questionTable > tr:active
 { cursor:pointer;}


/** Image Usage Popup style **/
.celebImageUsageFile { }
.celebImageUsage { width:100%; border: 2px solid #ccc; border-radius: 15px; }

.addCatCaption{ padding-right:5px !important; }

.notiType { text-align:left !important; }
div.fileinput > span.btn-file { background:#286090; color:#fff; border:0;}

/********
 Responsive table style
 ********/
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
  background:#fff;
  font-size:13px;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}
.wk-ShareBtn {
    /*width: 100%;*/
    margin: 5px 0 15px 0;
}
/* Structure */

.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em .7em;
}

.tablesaw thead tr:first-child th {
  padding-top: .9em;
  padding-bottom: .7em;
}
.tablesaw thead tr:first-child th { background:#ccc; text-align:center; }
table.dataTable thead { background:#835c97; color:#fff;}
table.dataTable thead th:first-child { border-radius:6px 0 0 0; }
table.dataTable thead th:last-child { border-radius:0 6px 0 0; }
table.dataTable thead th, table.dataTable thead td { border-right: 1px solid #ddd; text-align: center; border-bottom:1px solid #ddd;   }

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th { border-right:0; border-bottom:0; }
.table-bordered > tbody > tr > td:last-child{ border-right:1px solid #ddd; }

/* Table rows have a gray bottom stroke by default */

.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}
.tablesaw-stack tbody tr:nth-child(odd) { }
.tablesaw-stack tbody tr:nth-child(even),
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover { background:#ECF3FB; }
/* Mobile first styles: Begin with the stacked presentation at narrow widths */

@media only all {
  /* Show the table cells as a block level element */

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 .6em 0 0;
    width: 30%;
    display: inline-block;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: .4em 0;
    margin: .4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */

  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

@media (max-width: 39.9375em) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;

  }
  .tablesaw-stack tbody tr { margin-bottom:5px; background:#e6e6e6; display:inline-block; width:100%; }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */

  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */

  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}


/********
 Responsive table style END
 ********/



@media (max-width:890px) {


}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .wk-LoginPopup {
        width: 100%;
    }
}
@media (max-width:600px) {
	.wk-SearchBox input[type="text"]
	{ width:80%; }
}
@media (max-width:567px) {
	.top_nav .navbar-right .wk-SearchBox { display:none; }
}
@media (max-width:367px) {

}
@media (max-width:990px) {
	body.nav-md table.tablesaw { width: calc(100% - 235px); margin-left: 235px; }

}


/* table reponsive */


