@import url("//fonts.googleapis.com/css?family=Muli");

@font-face {
    font-family: 'seganlight';
    src: url('/fonts/segan-light-webfont.woff2') format('woff2'),
         url('/fonts/segan-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Stylesheet for Site_name */
textarea:focus, input:focus, button:focus {
	outline: none;
}
/*============================================== GLOBAL STYLE AND RESET ============================================*/

.wrapper {
	width:994px;
	margin:0 auto;
	position:relative;
}
.full-wrap {
	width:100%;
    /*background: url('../images/backgrounds/bg_pattern.png') repeat 0 0;*/
	background: #DADADA;
}
#canvas{
    display: none!important;
}
html, body {
    overflow: auto;
	font-family: 'seganlight', Fallback, sans-serif;
}
/*=============================================== GLOBAL STYLE AND RESET ENDS =======================================*/


/*********** Header Style Starts ********/

header {
	background: #1C232D;/*#FDFCFA;*/
	position:relative;
	z-index:999999;
}

.head-line {
	width:100%;
	/*height:5px;*/
}
.head-line img {
	margin-top: 4px;
    width: 148px;
}
.in-logo {
	float:left;
	margin: 0 10px;
}

nav#my-nav li a{
	color: #FFFFFF;
}

nav#my-nav ul li:hover a{
	color: #1C232D;
}

nav {
	float:left;
	width: 76%;
}
nav li {
	display:inline-block;
	position:relative;
	text-decoration: none;
}
nav li.saveF{
	/*float: right;*/
    margin-left: 235px;
}
nav li a {
	font-size:16px;
	color:#FFF;
	padding:24px 15px;
	display:inline-block;
}
nav li li a {
	color:#fff;
	display:block;
	padding:0;
	position:relative;
}

nav li a, nav li a:hover, nav li a:active, nav li a:visited, nav li a:focus {
	text-decoration: none;
	color:#FFFFFF;
}

nav li:hover, nav li:hover a{
	color:#1C232D;
	background:#DADADA;
}

nav li li a:hover {
	color:#fff;
	background:#1C232D;
	text-decoration: none;
}
nav ul div {
	display:none;
	position:absolute;
	left:-1px;
	top:56px;
	padding:10px 0 0 0;
	width:200px;
}
nav ul ul {
	background:#DADADA; //#f04f30;
}
nav ul ul li {
	display:block;
	border-bottom:1px solid #fff;
  position: relative;
}
nav ul ul li:last-child{border: none;}
nav ul ul li a {
	padding:10px;
}
nav ul ul li span{
    color: #ddd;
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    right: 10px;
}
nav ul li:hover div {
	display:block;
}

nav ul li div ul.editList li a, nav ul li div ul.fileList li a{
	display: inline-block;
	width: 100%;
	color: #1C232D;
}

nav ul li div ul.editList, nav ul li div ul.fileList{
	border-style: solid;
    border-width: 0px 1px 1px 1px;
}

nav ul li div ul.editList li:hover a, nav ul li div ul.fileList li:hover a{
	color: #FFFFFF;
}


/*==== nav sub edit by pm70 */
.editList li i,.fileList li i{
    font-size: 13px;
    line-height: 20px;
    margin-right: 5px;
    color: #1C232D;
    display: inline-flex;
}

.editList li:hover a i,.fileList li:hover a i{
	color: #FFFFFF;
}

.editList li a p,.fileList li a p{
	display: inline-flex;
}

.editList li a span,.fileList li a span{
	color: #1C232D;
	display: inline-block;
}

.editList li:hover a span,.fileList li:hover a span{
	color: #FFFFFF;
}

/*============== nav end =======*/

.profile-panel {
	box-sizing: border-box;
    float: right;
    padding: 14px 40px 14px 0;
}
.profile-panel .table {
	float:left;
	background:#2578AD;
	font-size:18px;
	color:#ffffff;
	padding:10px 20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}
.profile-panel .table:hover {
	background:#1C1C1C;
}
.profile-panel h3 {
	color: #2b2b2b;
    display: flex;
    font-size: 10px;
    font-weight: normal;
    max-width: 90px;
    overflow: hidden;
    padding: 8px 20px;
    padding-right: 0px;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    color: #FFFFFF;
    float: right;
    height: 40px;
    justify-content: center;
    flex-direction: column;
}
.profilePic {
    display: inline-block;
    vertical-align: middle;
}
.profilePic img {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}
.profile-panel .bar {
	border-left: 1px solid #000;
	float: left;
	height: 27px;
	margin: 1px 7px 0 7px;
}
.userSatings {
    background: #DADADA none repeat scroll 0 0;
    box-shadow: 1px 3px 11px 0 rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    display: block;
    opacity: 0;
    position: absolute;
    right: 29px;
    text-align: left;
    top: 65px;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 160px;
    z-index: 1;
}

/*.update_profile_link:hover::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1C1C1C;
}*/
/*.update_profile_link::before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2578AD;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 0;
    position: absolute;
    right: 20px;
    top: -20px;
    transition: all 0.5s ease 0s;
    width: 0;
}*/
.update_profile_link:hover {
    background-color: #1C232D;
    color: #FFFFFF;
    text-decoration: none;
}
.update_profile_link {
    border-bottom: 1px solid #FFF;
    box-sizing: border-box;
    color: #1C232D;
    display: block;
    padding: 11px 20px 11px 11px;
    position: relative;
    text-decoration: none;
}
.userSatings .logOut {
    background: #2578AD;
    color: #fff;
    float: right;
    padding: 5px 10px 5px 30px;
    text-decoration: none;
}

.logOut {
    background: #2578AD;
    color: #fff;
    float: right;
    padding: 5px 10px 5px 30px;
    text-decoration: none;
}

.userSatings .logOut:hover {
    background-color: #1C1C1C;
    text-decoration: none;
}

.logOut:hover {
    background-color: #1C1C1C;
    text-decoration: none;
}

.userSatings .update_profile_link + .logOut {
    box-sizing: border-box;
    display: block;
    float: none !important;
    margin: 0 auto;
    padding: 11px 20px 11px 11px !important;
}

.update_profile_link + .logOut {
    box-sizing: border-box;
    display: block;
    float: none !important;
    margin: 0 auto;
    padding: 10px 10px 11px 30px !important;
}

/*.showDrop {
    opacity: 1;
    top: 66px;
    visibility: visible;
}*/

.showDrop{
	background: #DADADA none repeat scroll 0 0;
    box-shadow: 1px 3px 11px 0 rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    display: block;
	opacity: 1;
    position: absolute;
    right: 29px;
    text-align: left;
    top: 66px;
    transition: all 0.5s ease 0s;
    visibility: visible;
    width: 160px;
    z-index: 1;
    text-decoration: none;
}

/*.profile-panel .logOut {
	background: #f04f30 url("../images/logout.png") no-repeat scroll 10px 50%;
	color: #fff;
	float: left;
	padding: 5px 10px 5px 30px;
}*/

#fbLogin {
	cursor: pointer;
	margin-top: 5px;
}
#facebookGallery .loginMode {
	display: none;
}
#facebookGallery .loginMode img {
	width: 100%;
	height: auto;
}

.profile-panel article h3 span {
	display:block;
	color:#6e7370;
	font-size:12px;
}
.profile-panel article a.profilePic {
	float:right;
	height:44px;
	width:44px;
	display:block;
	border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	border:1px solid #fff;
	overflow:hidden;
	margin-left:10px;
	background:#000;
}
.logoutPan {
	float: right;
	;
}
.profile-panel article .log-tog {
	display: block;
	color: #7b4493;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
}
/******** Header Style Ends ********/


/******************************************* body part start ***************************************/

/******* tab style end *******/
.fix-media,.fix-media i,.fix-media span{
	transition: all linear 0.25s;
	-moz-transition: all linear 0.25s;
	-webkit-transition: all linear 0.25s;
}
.fix-media {
    background: #2578ad none repeat scroll 0 0;
    border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
    padding: 0px 3px 0 7px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 140px;
    z-index: 9;
}
.fix-media.contentTable{
    top: 185px;
}
.fix-media i{
    color: #fff;
    font-size: 28px;
	opacity: 1;
	line-height: 36px;
}
.fix-media:hover i {
	font-size: 0;
	opacity: 0;
}
.fix-media span{
	color: #fff;
    text-transform: uppercase;
    line-height: 35px;
	opacity: 0;
	font-size: 0;
}
.fix-media:hover span {
    opacity: 1;
    position: relative;
    font-size: 14px;
}
.fix-media:hover {
	//background:#7e4800;
}
.toolPanel {
	position: relative;
    float: left;
    height: 100%;
	background: #1C232D;
	background-image: -webkit-linear-gradient(top, #DADADA 90%, transparent 100%);
}
.tab-main {
	/*background:#272c33;*/
	background: #1C232D;
	position: relative;
    float: left;
    height: 100%;
	width: 100px;  /*by Abhijit Roy*/
}
.tab-main ul li {
	/*width:88px;*/
	width: auto;  /*by Abhijit Roy*/
	height:80px;
	text-align:center;
	/*border-bottom:1px solid #666;*/
	color:white;
	cursor:pointer;
}

.slimScrollDiv ul li p { 
	line-height: 100%; 
	text-align: center;
    font-family: 'seganlight', Fallback, sans-serif;
  
    font-size: 12px;
}
.tab-main ul li {
	background: #1C232D;
	font-variant: small-caps;
}

.tab-main ul li#side-menu-1-text span#textlogo {
	font-size: 60px;
	font-family: 'seganlight', Fallback, sans-serif;
}

.tab-main ul li:hover {
	background:#DADADA;
	color: #1C232D;
}
.tab-main ul li img {
	//margin-top:26px;
	margin-bottom:8px;
}
.tab-main li.current {
	background:#DADADA;
	color: #1C232D;
}
.tab-cont-main {
	float: left;
    height: 100%;
	position: relative;
}
.tab-cont-pad {
	padding: 5px 7px 0;
}
.tab-content {
	display:none;
	width:100%;
}
.tab-content.current {
	display: inherit;
}
.tab-main li i {
    font-size: 40px;
    line-height: 50px;
    margin: 25px 0 0;
}
/*=== new added 30.11.15 pmondal70 ==*/
.pageTab{
    float: left;
    height: 100%;
    background: #87b8ba;
    //border-radius: 0 0 0 55px;
}
.toolPanel .tab-content {
    width: 175px;
    float: left;
    height: 100%;
    /*background: #87b8ba;*/
	background: #9a9fa2;
    position: relative;
}
.layout-content{
    display: none;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.layout-content.h-current{
    display: block;
}
/******* tab style end *******/


/******* tab 1 and 2 style start *******/

.tabOne-img li {
	/*border:2px solid #fff;*/
	margin:25px 0 10px;
	position:relative;
	/*background:#000;*/
	width: 220px;
    margin-left: 30px;
}
#tab-1 .tabOne-img li.currentPage {
	/*border-color: #E88D3D;*/
	border: 2px solid #1C232D;
}
.tabOne-img li div.btnSec {
	width:100%;
	//position:absolute;
	left:0;
	bottom:0;
	/*background:rgba(0, 0, 0, 0.7);*/
	padding:2%;
	color:#1C232D;
	display: table;
}
.tabOne-img li div span {
	cursor: pointer;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 30%;
}
.tabOne-img li .dragArea{
    /*background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;*/
    cursor: move;
    height: 30px;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 30px;
}

.tabOne-img li .dragArea i{
    color: #fff;
    display: block;
    line-height: 30px;
    text-align: center;
    opacity: 0.6;
}
.tabOne-img li div span.RenamePage {
	margin-right: 5%;
	width: 65%;
	margin-top: 2px;
}
.NameSave, .RenameVal {
	float: left;
	height: 20px;
}
.NameSave {
	width: 29%;
	cursor: pointer;
	border-left: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
	margin-left: 2px;
}
.RenameVal {
	width: 70%;
}
.tabOne-img li div span a:nth-child(1) {
 float:left;
 color:#fff;
 padding-top: 5px;
}
 .tabOne-img li div span a:nth-child(2) {
 float:right;
 color:#fff;
 padding-top: 5px;
}
.tabOne-img img {
	width:100%;
	min-height: 100px;
	cursor: pointer;
	margin-top: 0px;
}

.tabOne-img li .dragArea img{
	min-height: 30px;
}

.tabOne-img li div.btnSec img{
	min-height: 10px;
	height: 16px;
	width: 16px;
}

.tabOne-img li div.btnSec a.delPage img{
	min-height: 10px;
	height: 16px;
	width: 12px;
}
/******* tab 1 and 2 style end *******/


/******* tab 3 style start **********/

.upload-img {
	//background:#87b8ba;
        overflow: hidden;
}
.upload-img .upload-btn {
	display:inline-block;
	margin:0 auto;
	position: relative;
	overflow: hidden;
	padding:15px 0;
	width: 99%;
	text-align: center;
	border:1px solid #665488;
	text-transform:uppercase;
	color:#fff;
	font-weight:500;
	font-size:14px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2578ad+0,7f4896+100 */
	background: #2578ad; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwNGNkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZjQ4OTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2578ad 0%, #7f4896 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2578ad), color-stop(100%, #7f4896)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2578ad 0%, #7f4896 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2578ad 0%, #7f4896 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2578ad 0%, #7f4896 100%); /* IE10+ */
	/*background: linear-gradient(to bottom, #2578ad 0%, #7f4896 100%); /* W3C */
	background: #f04f30;
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2578ad', endColorstr='#7f4896', GradientType=0 ); /* IE6-8 */
}
.upload-img .upload-btn:hover{
   background-color:#2578ad;
}
.upload-img .upload-btn .picUp,.upload-file .picUp {
	cursor: inherit;
	display: block;
	font-size: 999px;
	filter: alpha(opacity=0);
	height: 100%;
	width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	cursor: pointer;
}
.radio-img {
	background:#9fc6c8;
	padding:8px 10px;
	margin-top: 5px;
}

.upload-img .upload-btn.addImageBtn,.upload-img .upload-btn.addIconsBtn,.upload-btn.addBackgBtn{
    margin-top: 10px;
    cursor: pointer;
}

/* styling radio btn */

.radio-img input[type=radio ]:not(old) {
 width : 100%;
 opacity : 0;
 position :absolute;
 height: 25px;
}
 .radio-img input[type=radio ]:not(old) + label {
 display : block;
 margin-left : 0;
 line-height : 1.5em;
}
 .radio-img input[type=radio ]:not(old) + label > span {
 display : inline-block;
 width : 0.875em;
 height : 0.875em;
 margin : 0.25em 0.5em 0.25em 0.25em;
 border : 0.0625em solid #999;
 border-radius : 50%;
 background : #fff;
 vertical-align : bottom;
}
 .radio-img input[type=radio]:not(old):checked + label > span > span {
 display : block;
 width : 0.5em;
 height : 0.5em;
 margin : 0.125em;
 border : 0.0625em solid #f04f30;
 border-radius : 50%;
 background : #f04f30;
}
/* styling radio btn */
.checkList {
	margin-top: 6px;
	display: block;
}
.add-new-tag input[type="text"] {
	border:1px solid #fff;
	border-right:none;
	display:block;
	height:29px;
	line-height:30px;
	background:#a4c9cb;
	width:65%;
	float: left;
	font-size:12px;
	color:#3f4c6b;
	padding-left:4%;
}
.add-new-tag input[type="submit"] {
	background:#3f4c6b;
	border: 1px solid #fff;
	border-left: none;
	color:#fff;
	float: left;
	width: 30%;
	font-size:11px;
	height: 31px;
	cursor:pointer;
}
.add-new-tag .tagBtn {
	background:#3f4c6b;
	border: 1px solid #fff;
	border-left: none;
	color:#fff;
	float: left;
	width: 30%;
	font-size:11px;
	height: 31px;
	cursor:pointer;
}
.img-social {
	background:#9fc6c8;
	margin-top: 5px;
}
.img-social li {
	display:inline-block;
	margin-bottom:10px;
}
/* for image upload pop up */

h4.imgSourceHd {
	font-size: 25px;
	font-weight: normal;
	padding: 12px 18px;
	display: inline-block;
}
.popLeft{
    float: left;
    margin-left: 1%;
    width: 17%;
    position: relative;
    height: 100%;
    background: #fff;
    box-shadow: 0 1px 4px #b2b1b1;
}
.socialList{

}
.socialList li {
    border-bottom: 1px solid #ddd;
    height: 60px;
    padding: 0 5px;
    position: relative;
}
.socialList li a{
    display: block;
}
.socialList li i {
    color: #dab400;
    font-size: 40px;
    line-height: 60px;
    float: left;
    width: 30%;
    max-width: 55px;
}
.socialList .upload-img i {
    color: #1c696c;
}
.socialList li img {
    margin-top: 2px;
    float: left;
    width: 30%;
    max-width: 55px;
}
.socialList li span {
    color: #2b2b2b;
    display: inline-block;
    float: left;
    line-height: 60px;
    margin-left: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 65%;
}
.galleryWindow {
	position: static;
        float: left;
        height: 100%;
        width: 82%;
}
/*
div#contentGallary div.slimScrollDiv {
	height: 520px;
}*/

.popupInfo {
	display:none;
	position:absolute;
	width:100%;
	//max-height: 725px;
        height: 100%;
	left:0;
	top:0;
	z-index:99999;
	margin:auto;
	/*background:#fff;*/
}

.ui-resizable-e{
	height: 111%;
}
.ui-resizable-s{
	bottom: -57px;
}
.ui-resizable-se{
	right: 0px;
	bottom: -55px;
}

div.popupInfo div.popBoxComnWrap{
	height: 500px;
}

div.popupInfo div.popBoxComnWrap div.popBoxComnTop div.popHeadingComn{
	width: 55%;
	font-size: 16px;
}

div.popupInfo div.popBoxComnWrap div.popBoxComnTop div.popHeadingComn img{
	width: 38px;
	padding-top: 9px;
	margin-right: 10px;
}

div.popupInfo div.popBoxComnWrap div.galleryWindow{
	overflow: auto;
}

.popinfo-top {
	padding: 10px 10px;
	/*box-shadow: 0px 1px 4px #b2b1b1;*/
}
.popinfo-cont {
	height: auto;
	overflow: auto;
	position: relative;
}

div.popupInfo div.popBoxComnWrap div.galleryWindow a#uploadPic{
 	display: inline-flex;
 	margin-left: 0px;
}

div.popupInfo div.popBoxComnWrap div.galleryWindow a#uploadPic img{
	position: relative;
	width: 38px;
}

div.popupInfo div.popBoxComnWrap div.galleryWindow a#uploadPic p{
	background: white;
	height: 35px;
	width: 115px;
}

div.popupInfo div.popBoxComnWrap div.galleryWindow a#uploadPic p:hover{
	color: white;
	background #2578AD;
}

div.popupInfo div.popBoxComnWrap div.galleryWindow a#uploadPic:hover{
	text-decoration: none;
}

div.popupInfo div.popBoxComnWrap div.galleryWindow a#uploadPic span.upload-file input.picUp{
	width: 38px;
	height: 35px;
	right: 33px;
    top: 66px;
}

div#contentGallary{
	height: auto;
}

.keepfileCon {
    display: inline-block;
    margin: auto;
    width: 100%;
    position: relative;
    text-align: center;
}
.keepfileCon > p, .keepUploadFile > p {
        animation: blink 1s ease infinite alternate;
    color: #1C232D;
    display: block;
    font-size: 16px;
    position: relative;
    text-align: center;
    top: 6px;
    /* width: 100%; */
    margin-top: 5px;
    margin-left: 10px;
    padding: 5px 10px;
    width: 94.5%;
    height: 35px;
    background: #1C232D;
    border-radius: 10px;
}
@keyframes blink{
    from{color:#FFFFFF; background-color: #1C232D;}
    to{color:#1C232D; background-color: #DADADA;}
}

div#contentGallary-Popup{
	border: 1px solid #1C232D;
	background: #DADADA;
	overflow: hidden;
}

div#contentGallary-Popup div.slimScrollDiv{
	height: 83%;
}

div#contentGallary-Popup div.folderLinks {
	width: 100%;
}

div.galleryWindow{
	overflow-x: hidden;
}

div#contentGallary-Popup div.keepUploadFile > p{
    width: 96.5%;
	margin-left: 10px;
}

.keepFileBtn {
    background: #2578AD none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: none;
    font-weight: bold;
    height: 35px;
    margin-top: 17px;
    margin-left: 5px;
    padding: 0 10px;
    width: 94.5%;
	font-size: 16px;
	border-radius: 10px;
}

div#contentGallary-Popup button.keepFileBtn{
    width: 96.5%;
	margin-left: -3px;
	margin-top: 20px;
}

div#contentGallary-Popup div.folderLink{
	width: 100%;
}

div#contentGallary-Popup div#slimScrollDiv{
	width: 100%;
}

.keepUploadFile {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
}

.taggedTitle {
	font-size: 24px;
	line-height: 40px;
	text-transform: uppercase;
}
#popup-box > ul {
	text-align: left;
}
/*====== folder structure start ====pmondal70/Indusnet*/
.fileLists{
	margin: 0px 3% 10px;
    width: 98%;
    float: left;
}

.folderList{
    margin: 0px 3% 10px;
    width: 98%;
    float: left;
}
.folderList li,.onlyFolder li,.onlyContent li{
    float: left;
    display: grid;
    height: 125px;
    position: relative;
    width: 85px;
    margin: 4px;
}

.folderList li a:active, .folderList li a:visited, .folderList li a:focus {
	text-decoration: none;
}

.folderList .addNewFolder a:hover{
	text-decoration: none;
}

.onlyContent video{
	width: 100%;height: 100%;
}
.noSub{
    line-height: 45px;
}
.onlyFolder li,.onlyContent li{
	cursor: pointer;
}

.fileLists li.files{
    width: 125px;
    border: 2px solid rgba(0,0,0,0);
    float: left;
    display: table;
    height: 100px;
    position: relative;
    margin: 6px;
}

/*.fileLists li.files ~ li.files{
	float: inherit;
    margin-right: 6px;
}
*/
.folderList .folder a,.onlyFolder li{
	border: 2px solid transparent;
  	-webkit-user-select: none;  /* Chrome all / Safari all */
  	-moz-user-select: none;     /* Firefox all */
  	-ms-user-select: none;      /* IE 10+ */
}

.folderList a,.onlyFolder a,.onlyContent a {
    display: grid;
    text-align: center;
    height: auto;
    vertical-align: middle;
    text-decoration: none;
}
/*.folderList .addNewFolder a{
    height: auto;
}*/

.folderList .folder.selectF a,.folderList.otherHover .folder.selectF a,.onlyFolder li.selectF{
	border: 2px solid #1C232D;
    text-decoration: none;
}

.folderList .folder a:hover,.onlyFolder li:hover{
    border: 2px solid #1C232D;
    text-decoration: none;
}
.filesForLink.selectF::before,.filesForLink:hover::before,.onlyFolderList:hover::before,.filesForLink.selectedF::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    /*background: rgba(88, 157, 159, 0.8);*/
    width: 100%;
    height: 100%;
    /*border: 1px solid rgba(88, 157, 159, 0.8)aliceblue;*/
    text-decoration: none;
}
.filesForLink.selectedFiles::before,.filesForLink.selectFiles:before{
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    /*background: rgba(125, 75, 160, 0.6);*/
    width: 100%;
    height: 100%;
}
.filesForLink.selectFiles:before{
	/*background:rgba(0, 167, 84, 0.8);*/
	border: 1px solid
}
.fileLists .files:hover,.fileLists .files.selectF,.fileLists.otherHover .files.selectF:hover{
    border: 2px solid #FFFFFF;
    outline: 2px solid #2578AD;
}

.stopClick{
    opacity: 0.4;
    background: #1C232D;
}
.folderList.otherHover .folder a:hover{
    //background: rgba(0,0,0,0);
    text-decoration: none;
}
.fileLists.otherHover .files:hover{
    //border: 2px solid rgba(0,0,0,0);
    text-decoration: none;
}
.fileLists .imageF::after, .fileLists .videoF::after,.imgSourceList .vdoList::after {
    /*background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;*/
    color: #fff;
    content: "";
    font-size: 11px;
	line-height: 50px;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: all linear 0.25s;
	-moz-transition: all linear 0.25s;
	-webkit-transition: all linear 0.25s;
}

div#googleGallery div.slimScrollDiv ul.imgSourceList li a:hover span{
	opacity: 1;
	text-decoration: none;
	background: #1C232D;
}

div#googleGallery div.slimScrollDiv ul.imgSourceList li a::after:hover span{
	opacity: 1;
	text-decoration: none;
	background: #1C232D;
}

div#googleGallery-elements div.slimScrollDiv ul.imgSourceList li a:hover span{
	opacity: 1;
	text-decoration: none;
	background: #1C232D;
}

.imgSourceList .vdoList::after {
    height: 100%;
}

ul.fileLists li.selectF a.imageF span.imgSize, ul.fileLists li.selectF a.imageF span.fileName{
	opacity: 1;
	text-decoration: none;
}

ul.fileLists li.selectF a.imageF::after{
    background: rgba(37,120,173, 0.6);
	opacity: 1;
	text-decoration: none;
}

.fileLists .imageF:hover::after, .fileLists .videoF:hover::after,.imgSourceList .vdoList:hover::after,.fileLists .imageF:hover span.imgSize, .fileLists a:hover span.fileName {
    opacity: 1;
    text-decoration: none;
}
.folderList .addNewFolder span {
    background: #dab400 none repeat scroll 0 0;
    border: 4px solid #fff;
    border-radius: 50%;
    bottom: 30px;
    height: 20px;
    position: absolute;
    right: 8px;
    text-align: center;
    width: 20px;
}
.folderList li i,.onlyFolder li i,.onlyContent li i{
    color: #dab400;
    font-size: 55px;
    line-height: 60px;
}
.onlyFolder li i,.onlyContent li i{
    font-size: 40px;
    line-height: 40px;
}
.folderList .addNewFolder span i {
    color: #fff;
    font-size: 11px;
    line-height: 15.5px;
}
.folderList li .fName,.onlyFolder li .fName,.onlyContent li .fName{
    color: #1C232D;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
	width: 80px;
	min-height: 15px;
	text-decoration: none;
	text-overflow: ellipsis;
}

.onlyFolder li .fName,.onlyContent li .fName{
    font-size: 11px;
}
.folderList li .fName input {
    border: 1px solid #ddd;
    padding: 0 2%;
    width: 94%;
}
.folderLinks,.onlyFolderBack{
    position: relative;
    left: 15px;
}
.folderLinks{
	width: 265px;
}
.onlyFolderBack{
    top: -8px;
    left: 0;
    display: inline-block;
    position: relative;
}
.folderLinks .backArrow,.onlyFolderBack .backArrow{
    color: #1C232D;
    height: 30px;
    left: 12px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    text-decoration: none;
    font-size: 14px;
}
.folderLinks .backArrow:last-child,.onlyFolderBack .backArrow:last-child{
    text-decoration: none;
}
.folderHeading {
    float: left;
    line-height: 30px;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 14px;
}
.folderLinks .backArrow i,.onlyFolderBack .backArrow i {
    line-height: 30px;
    margin-right: 6px;
}
.imgSize,.fileName{
	bottom: 5px;
    color: #fff;
    font-size: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9999;
	opacity: 0;
}
.fileName{
	top: 35px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    width: 100%;
    padding: 0 7px;
}
.folderList li.noData {
    bottom: 0;
    display: block;
    float: none;
    font-size: 18px;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}
/*========== folder structure end ======*/
.galleryWindow ul.imgSourceList li {
	display:inline-block;
	margin:6px 5px 0;
	width: 75px;
	height: 75px;
	border: 1px solid #dfdfdf;
	overflow: hidden;
	position: relative;
	background: url(../images/loading_thumb.gif) 50% 50% no-repeat #999;
}

.galleryWindow ul.imgSourceList li:hover{
	outline: 2px solid #2578AD;
    border: 2px solid #FFFFFF;
}

.galleryWindow ul.imgSourceList li img {
	max-width: 150px;
	max-height: 120px;
}
a.info {
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	top: -4px;
	left: -6px;
	color: #fff
}
a.tag {
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	top: -4px;
	right: -6px;
	color: #fff
}
.tag i, .info i {
	text-align: center;
	line-height: 30px;
	display: block;
	font-size: 12px;
}
.masterTags {
	min-height: 100px;
	margin-top: 8px;
}
.masterTags .masterTag, .selectedTag .masterTag {
	background: #6c909b;
	border-radius: 5px;
	color: #fff;
	float: left;
	font-size: 12px;
	margin: 2px 2px 0;
	padding: 3px 6px;
	text-align: center;
}
.masterTags .masterTag {
	cursor: pointer;
}
.masterTags .actBtn {
	background: #333;
}
.selectedTag {
	padding: 5px 0;
}
.popupInfo ul li .btm-link {
	position: absolute;
        left: 0;
	bottom: 0;
	width: 100%;
	height: 25px;
	background: rgba(165, 131, 181, 0.8);
	font-size: 11px;
	padding: 6px 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.btm-link .as-left {
	float: left;
	color: #fff;
}
.btm-link .as-right {
	float: right;
	color: #fff;
	position: relative;
}
.btm-link label{
    cursor: pointer;
    padding-left: 15px;
    position: relative;
}
#popup-box .profile-panel {
	padding:0 20px 0 0;
}
#mask {
	display:none;
	background:rgba(0, 0, 0, 0.5);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:88888;
}

.pop-close {
	position:absolute;
	right:10px;
	padding: 0px;
	text-decoration: none;
	height: 38px;
    width: 38px;
}

.pop-close img#new-close{
	height: 38px;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
}

.pop-close:hover {
	text-decoration: none;
}

.tagPopup {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	display: none;
}
.tagPopWrap {
	width: 480px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 999;
	position: relative;
	top: 108px;
	border: 1px solid #2578ad;
}
.tagPopTop {
	background: #2578ad;
	height: 54px;
	cursor: move;
}
.tagPopHeading {
	float: left;
	width: 80%;
	font-size: 20px;
	padding-left: 15px;
	line-height: 54px;
	color: #fff;
}
.tagPopClose {
	width: 60px;
	float: right;
	padding-top: 8px;
}
.tagPopup,.mediaPopup{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
        z-index: 99999;
}
.tagPopWrap,.mediaPopWrap {
	width: 520px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 999;
	position: relative;
	top: 108px;
	border: 1px solid #2578ad;
}
.tagPopTop,.mediaPopTop {
	background: #2578ad;
	height: 54px;
	cursor: move;
}
.tagPopHeading,.mediaPopHeading,.bgPopHeading,.popHeadingComn {
	float: left;
	width: 80%;
	font-size: 20px;
	padding-left: 15px;
	line-height: 54px;
	color: #fff;
}
.tagPopHeading i,.mediaPopHeading i,.bgPopHeading i,.popHeadingComn i {
    line-height: 54px;
    margin-right: 10px;
}
.tagPopClose,.mediaPopClose {
	width: 60px;
	float: right;
	padding-top: 8px;
}
.tagPopCont,.mediaPopCont,.popBoxComnCon {
	background: #DADADA;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.popBoxComnCon{
    border: 1px solid #2578ad;
}
.PopComnBtnSec {
    margin: 20px 0 0;
    text-align: center;
}
.tagPopCont select {
	width: 100%;
	border: 1px solid #b4b4b4;
	margin-bottom: 15px;
	height: 150px;
}
.tagSelection option {
	padding:5px;
}
.tagPopCont input[type="text"] {
	width: 47%;
	border: 1px solid #b4b4b4;
	padding: 8px;
	float: left;
}
.tagPopCont label {
	float: left;
	width: 25%;
	line-height: 35px;
	margin-right: 2%;
	text-align: right;
}
.tagPopCont button {
	background: #3F4C6B;
	width: 26%;
	height: 35px;
	margin-left: 2.6%;
	color: #fff;
}
/*=========== media popUp ==========*/
.mediaPopWrap{
    width: 850px;
    top: 62px;
}
.playMedia i,.pauseMedia i{
    font-size: 20px;
    line-height: 36px;
}
.playMedia + span{
    margin: 0 4px;
}
.mediaTab{
    padding:5px 0px;
    display: none;
}
.mediaTab.h-current{
    display: block;
}

.mediaPopCont .hotsPopTabLink li{
    margin: 0 5px;
}
.mediaList li{
    background: #999 url("../images/loading_thumb.gif") no-repeat scroll 50% 50%;
    border: 1px solid #dfdfdf;
    display: inline-block;
    height: 144px;
    margin: 5px 5px 0;
    overflow: hidden;
    position: relative;
    width: 144px;
    cursor: pointer;
}
.addVdoBox{
    display: none;
}
.addVdo{
    display: block;
    background: #fff;
}
.addVdo i{
    color: #bbb;
    display: block;
    font-size: 30px;
    line-height: 80px;
    text-align: center;
}
.addVdoBox .selectBox label{
    font-size: 16px;
    line-height: 30px;
}
.addVdoBox .selectBox .addVdoField{
    padding: 0 6px;
}
.addVdoBox .selectBox{
    border: 0;
    padding: 15px 0 0;
}
.selectBox .addVdoBtn{

}
.addVdoBox .hotsPopBtnSec{
    margin-top: 20px;
}
#youtubeVideo .mediaThumb,#htmlVideo .mediaThumb,#vimeoVideo .mediaThumb{
    height: 80px;
}
/*=======pm70=====*/
.btm-link > input {
	float: left;
}
.UseAsObject {
	//margin-left: 15px;
	position: absolute;;
	left: 0;
}
.UseAsBackground {
    position: absolute;
}
/*=========end====*/

/* for image upload pop up */


/******* tab 3 style end **********/


/******* tab 4 style start **********/

.text-dropdown {
}
/*
.text-dropdown2,.text-color,.text-edit{
	padding-top:0px !important;
}*/

div#GridColorPlate{
	display: inline-flex;
}
div#GridControl{
	display: inline-block;
	position: relative;
    padding: 2px 10px;
    float: right;
    width: 140px;
    height: 38px;
}

.color-plate span#GridColorPickPan{
	margin-top: 3px;
    line-height: 27px;
}

.color-plate {
	display: table-row-group;
}
.page-color{
    margin-top: 10px;
    margin-left: 15px;
}
#bgColorPlate label,#colorPlate label {
	margin: 4px;
}
.color-plate span {
	font-size:12px;
	line-height:31px;
	margin-top:2px;
	margin-left:5px;
	display:inline-block;
}
.color-plate span img {
	margin-right:10px;
	margin-top: 0px;
}
.color-plate a {
	width:100px;
	height:35px;
	margin:3px;
	display:block;
	float:left;
	color: #1C232D;
}

.color-plate a#GridColorPick {
	width: 75px;
	height: 25px;
    margin: 0px;
}

.color-plate a:hover, .color-plate a:focus {
	text-decoration: none;
}
.rotate {
}
.rotate-top span {
	border:1px solid #fff;
	padding:10px 0 10px 12px;
	width:55px;
	display:inline-block;
	color:#fff;
	margin-right:5px;
}
.rotate-top a {
	display:inline-block;
	padding:5px;
}
.rotate-top a:hover {
	background:#333;
}
.rotate-top a.r-active {
	background:#000;
}
.rotate-top .select-drop {
	width: 40%;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.rotate-btm {
	margin-top:20px;
}
.rotate-btm span {
	color:#fff;
	display:inline-block;
	margin-top:16px;
}
.rotate-btm-Bcircal {
	width:56px;
	height:56px;
	border:1px solid#fff;
	border-radius:50%;
	display:inline-block;
	position:relative;
	margin-left:15px;
}
.rotate-btm-Bcircal a {
	height:12px;
	width:12px;
	background:#fff;
	border-radius:50%;
	position:absolute;
	left:10px;
	bottom:16px;
}
.text-dropdown label, .text-color label, .text-edit label, .page-color label {
	color:#fff;
	margin-bottom:5px;
	display:inline-block;
	margin-top: 2px;
}

.page-color label {
	color: #333333;
}
.text-edit label {
	display: block;
}
.select-drop {
	background:#6c909b;
	padding:10px 0;
	border:1px solid #fff;
	width:99%;
	overflow:hidden;
}
.select-drop select {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background:url(../images/drop-bg.jpg) 90% center no-repeat;
	border:none;
	width:100%;
	color:#3f4c6b;
}
.text-edit button {
	background:#6c909b;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:20px;
	color:#fff;
	padding-top:7px;
	width: 35px;
}
.text-edit button:hover, .text-edit button.actBtn {
	cursor:pointer;
	background:#333;
}
/******* tab 4 style end **********/


/******* tab 5 style start *******/

.htabs,.layoutTabs {
	width:100%;
	display:block;
}
.htabs ul,.layoutTabs ul {
	width:100%;
}
.htabs > ul {
    float: left;
}
.htabs li,.layoutTabs li {
	/*background:#629d9f;*/
	background: #2a2a2a;
	color: #fff;
	float:left;
	width:87px;
	padding:30px 0;
	text-align:center;
        cursor: pointer;
}
.htabs li i,.layoutTabs li i{
    color: #fff;
    font-size: 24px;
}
.htabs li span,.layoutTabs li span {
	display:block;
        color: #fff;
	margin-top:5px;
}
.htabs li.h-current,.layoutTabs li.h-current {
	background: #2a2a2a url(../images/h-active-tab.png) center bottom no-repeat;
	color: #fff;
}
.hot-content {
	display: none;
	padding:15px 0px 0;
	width:175px;
	float:left;
}
.hot-content ul li {
	background:none;
	width:50%;
	float:left;
	text-align:center;
	padding:0;
	margin:0 0 30px;
}
.hot-content.h-current {
	display: inherit;
}

.hot-content .cTop p{
	font-size: 21px;
	color: #fff;
}
.hot-content .cBtm {
    position: relative;
	margin-top: 200px;
	border-top: 3px solid #fff;
	padding: 10px 5px;
}
.hot-content .cBtm i{
	color: #3e75ad;
	font-size: 22px;
}
.hot-content .cBtm p{
	color: #fff;
	font-size: 16px;
}
.hot-content .cBtm .fa + p{
	padding:15px 0 8px;
}
/******* tab 5 style end *******/


/******* right body start *******/

.right-body {
	position:relative;
	padding:10px 0 0 48px;
	height:100%;
    float: left;
    overflow: hidden;
    background-color: #DADADA;
}

.right-body h2 {
	font-size:26px;
	line-height: 60px;
	color:#1C232D;
	font-weight:normal;
	line-height:100%;
	display: inline-block;
//	padding-left: 50px;
//	background: url(../images/add-bg.png) 0 50% no-repeat;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
//	overflow: hidden;
        line-height: 36px;
}
.right-body h2 span {
	margin:5px 10px 0 0;
}
/******* right body end ******/


/************************************* body part end **************************************/


/******* footer part start ******/

footer {
	/*background:#a1a1a1;*/
    background:#272c33;
	color:#fff;
	padding:22px;
	text-align:center;
	font-size:14px;
	position:relative;
	z-index:99;
}
/******* footer part end ******/





/* iCheck plugin Minimal skin, red
----------------------------------- */
.icheckbox_minimal-red, .iradio_minimal-red {
	display: inline-block;
 *display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	background:url(../images/red.png);
	border: none;
	cursor: pointer;
}
.icheckbox_minimal-red {
	background-position: 0 0;
}
.icheckbox_minimal-red.hover {
	background-position: -20px 0;
}
.icheckbox_minimal-red.checked {
	background-position: -40px 0;
}
.icheckbox_minimal-red.disabled {
	background-position: -60px 0;
	cursor: default;
}
.icheckbox_minimal-red.checked.disabled {
	background-position: -80px 0;
}
.iradio_minimal-red {
	background-position: -100px 0;
}
.iradio_minimal-red.hover {
	background-position: -120px 0;
}
.iradio_minimal-red.checked {
	background-position: -140px 0;
}
.iradio_minimal-red.disabled {
	background-position: -160px 0;
	cursor: default;
}
.iradio_minimal-red.checked.disabled {
	background-position: -180px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
 .icheckbox_minimal-red,  .iradio_minimal-red {
 background-image: url(../images/red@2x.png);
 -webkit-background-size: 200px 20px;
 background-size: 200px 20px;
}
}
/* dashbord part */
.dash-row {
	display:table;
	margin:0 -10px;
}
.dash-list {
	margin:30px 0 0 0;
}
.dash-list > li {
	border:1px solid #d6d7d6;
	padding:12px;
	background:#f6f6f6;
	margin:0 10px 24px;
	float:left;
}
.dash-list > li > img {
	margin-bottom:20px;
}
.dash-edit {
	margin-top:1px;
	font-size: 12px;
	padding-left: 10px;
}
.dash-edit > li {
	/*border-left:1px solid #1d1d1d;*/
	float:left;
	margin-right:16px;
	padding-right:0px;
	padding-bottom: 10px;
}
.dash-edit > li:first-child {
	border:none;
	/*padding-right:23px;*/
}
.dash-edit > li > a {
	color:#737374;
}
.dash-edit > li > a:hover {
	color:#333;
}
.dash-edit > li > a > i {
	margin-right:12px;
}
/* dashbord part */

/* input text on img ***********tab4*************/

.on-text {
	position:relative;
}
.on-text img {
	width:100%;
}
.on-text-holder {
	position:absolute;
	right:2%;
	top:30px;
}
.on-text .on-text-holder h2 {
	color:#8cc908;
	font-weight:bold;
}
/* input text on img ***********tab4*************/



/* image gallery  ************tab3************/

.g-search {
	-webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
	padding:20px;
}
.g-search label {
	border:1px solid #d8d8d8;
	background:#f3f3f4;
	padding:12px;
	display:inline-block;
	margin-left:25px;
}
.g-search label input[type="text"] {
	background:none;
	width:450px;
}
.g-search label input[type="button"] {
	background:url(../images/g-search.jpg) left top;
	width:15px;
	height:15px;
	cursor:pointer;
}
.img-result h3 {
	font-size:24px;
	color:#0d002c;
	font-weight:normal;
	margin-bottom:20px;
}
.img-result-row {
	margin:0 -6px;
	display:block;
}
.img-result li {
	float:left;
	margin:0 6px;
	width:23.5%;
	margin-bottom:20px;
	border:1px solid #dfdfdf;
}
.img-result li img {
	width:100%;
}
/* image gallery  ************tab3************/


/* tab1, tab2 */

.on-tab-one {
	text-align:center;
}
/*=================================================================================================================================================*/
.projectHolder {
	margin: 0;
	display: block;
	position: relative;
        border: 1px solid #888;
}
.dropBoxScroll{
    overflow: hidden;
}

div.dropBoxScroll div.projectHolder div.grid{
    z-index: 499;
    width: 105%;
    height: 105%;
    overflow: hidden;
}

div.dropBoxScroll div.projectHolder div.grid div.gridrow{
    overflow: hidden;
    position: relative !important;
    display: unset !important;
}

div.dropBoxScroll div.projectHolder div.grid div.gridrow div.col-sm-1{
    position: relative !important;
    border-style: dashed;
    border-width: 1px 1px 0px 0px;
    padding: 0px;
    height: 18.9px;
    width: 18.9px;
}

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





/*=============================Loder pmondal70 start===================*/
.bodyLoder {
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 999999;
	top: 0;
	background:#fff;
	line-height: 50px;
}
.bodyLoder p {
	font-size:18px;
	color:#2b2b2b;
	background: url("../images/Plate Gif.gif") no-repeat scroll 50% 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: 50px;
	text-align: center;
	padding: 100px 0 0 0;
}
.loadWrap {
	height: 100%;
	position: absolute !important;
    margin-top: 0px;
	width: 100%;
	z-index: 9999;
	overflow: hidden;
	display: table;
	top: 0;
	background:#fff;
}
.loadWrap p {
	font-size:18px;
	text-align:center;
	color:#2b2b2b;
	padding: 75px 0 0;
	width: 100%;
	margin: auto;
	background: url("../images/Plate Gif.gif") no-repeat scroll 50% 0;
    position: absolute;
    top: 40%;
    background-size: 70px;
    margin-top: 20px;
}
.loadWrap .bar{
	position: absolute;
	width: 30%;
	height: 20px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}
.loadWrap .bar .textF{
	border-radius: 3px;
	width: 0%;
	height: 100%;
	background-size:50px 50px;
  	background-image: linear-gradient(-45deg,
     #33c9ff 25%, #00b2f2 25%,
     #00b2f2 50%, #33c9ff 50%,
     #33c9ff 75%, #00b2f2 75%);
  	animation: anim 1s linear infinite;
	-webkit-animation: anim 1s linear infinite;
	-moz-animation: anim 1s linear infinite;
	-ms-animation: anim 1s linear infinite;
	-o-animation: anim 1s linear infinite;
	margin: 0;
	z-index: 1;
}
@keyframes anim {
  0% { background-position: 0 0; }
  100% { background-position: 50px 50px; }
}
@-moz-keyframes anim {
  0% { background-position: 0 0; }
  100% { background-position: 50px 50px; }
}
@-ms-keyframes anim {
  0% { background-position: 0 0; }
  100% { background-position: 50px 50px; }
}
@-o-keyframes anim {
  0% { background-position: 0 0; }
  100% { background-position: 50px 50px; }
}
.loadWrap .bar span{
	position: absolute;
	color: #000;
	font-weight: 600;
}
/*============= Loder End ==================*/

/*============= Hotspot popup pmondal70==============*/
.popOverlay {
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hotspotPopup ,.text-popup,.bgPopup,.popBoxComn{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

div#hotspotTable.popBoxComn{
	position: relative;
}

#folderDelConfirm{
    z-index: 99999;
}
.hotsPopWrap,.bgPopWrap,.popBoxComnWrap {
	width: 725px;
	left: 25%;
	right: 0;
	top: 78px;
	/*margin: auto;*/
	position: relative;
	z-index: 999;
}

.hotsPopTop,.bgPopTop,.popBoxComnTop {
	background: #1C232D;
	height: 54px;
	cursor: move;
	border-radius: 20px 20px 0px 0px;
}
.hotsPopHeading{
	float: left;
	width: 80%;
	padding-top: 6px;
	/*Add by Abhijit Roy*/
	font-family: "Century Gothic", "Muli", "Apple Gothic",Apple Gothic,"URW Gothic L","Avant Garde",sans-serif;
	font-size: 20px;
	color: white;
	margin-left: 2%;
	margin-top: 1.3%;
}
.hotsPopClose,.bgPopClose,.popBoxComnClose {
	width: 60px;
	float: right;
	padding-top: 8px;
	/*Add by Abhijit Roy*/
	font-family: "Century Gothic", "Muli", "Apple Gothic",Apple Gothic,"URW Gothic L","Avant Garde",sans-serif;
	font-size: 20px;
	margin-left: 2%;
}
.hotsPopTab {
	display: none;
	padding-top: 20px;
	padding-left: 15px;
}
.hotsPopTab.h-current {
	display: inherit;
}
.hotsTab {
    display: none;
}
.hotsTab a#HotspotTable p{
    z-index: 700;
    height: 30px;
    width: 245px;
    border-radius: 10px;
    background-color: #1C232D;
    display: inline-block;
    padding: 3px;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
    /*-webkit-font-smoothing: antialiased; */
    border: 3px solid #1C232D;
}

.hotsTab a#HotspotTable{
	border: 3px solid transparent;
	display: block;
    height: 36px;
    margin-top: 15px;
    margin-left: 25px;
    width: 251px;
    border-radius: 15px;
}

.hotsTab a#HotspotTable:hover{
	border: 3px solid #2578AD;
}

.hotspotPopup .hotsTab {
    border: 1px solid #2578ad;
}
.hotsPopTabLink {
    display: inline-flex;
    margin-left: 5px;
}
.hotsPopTabLink li {
	margin: 3px;
	margin-top: 10px;
	margin-left: 20px
}
.hotsPopTabLink li a {
	border: 2px solid transparent;
	display: grid;
	border-radius: 60px;
}

.hotsPopTabLink li a:hover {
	border: 2px solid #2578AD;
}

.hotsPopTabLink .h-current a {
	border: 2px solid #2578AD;
	background:#FFFFFF;
}
.hotsTab .loadWrap{
    display: block;
}
.selectBox {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	width: 100%;
}
.selectBox label {
	float: left;
	color: #1C232D;
	font-size: 14px;
	margin-left: 10px;
}

div#radioForm div{
	float: left;
    color: #1C232D;
    font-size: 14px;
    margin-left: 10px;
}

div#radioForm select{
    border: 1px solid #a3a3a3;
    height: 36px;
    padding: 6px;
    width: 90%;
    background: #f4f4f4;
    margin-top: 5px;
    margin-left: 10px;
    font-size: 14px;
}
.selectBox .valuAdd,.selectBox .addVdoField {
	border: 1px solid #a3a3a3;
	height: 36px;
	padding:6px;
	width: 90%;
	background: #f4f4f4;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 14px;
}
.selectBox input.valuAdd {
	padding: 0 6px;
}
.selectBox select option {
	padding:6px;
}
.hotsPopPrevew img {
	max-height: 180px;
	margin: 10px auto 0;
	display: block;
	margin-bottom: 20px;
}
.hotsPopBtnSec {
	text-align: center;
	display: none;
}
.popBtn{
	background: #2578AD;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
	padding: 10px 50px;
	margin-left: 10px;
	border-radius: 6px;
	margin-top: 10px;
}
.popBtn.tempCancel {
	background: #FFFFFF;
	cursor: pointer;
	color: #1C232D;
	font-size: 16px;
	padding: 10px 50px;
	margin-right: 10px;
	border-radius: 6px;
	/*border: 2px solid #2578AD;*/
}
.popBtn.hotspopSubmit {
	background: #2578AD;
	cursor: pointer;
	color: #;
	font-size: 16px;
	padding: 10px 50px;
	margin-right: 10px;
	border-radius: 6px;
	/*border: 2px solid #2578AD;*/
}
.popBtn.hotsPopCancel {
	background: #FFFFFF;
	cursor: pointer;
	color: #1C232D;
	font-size: 16px;
	padding: 10px 50px;
	margin-right: 10px;
	border-radius: 6px;
	/*border: 2px solid #2578AD;*/
}

.popBtn.hotsBack {
	background: #FFFFFF;
	cursor: pointer;
	color: #1C232D;
	font-size: 16px;
	padding: 10px 50px;
	margin-right: 10px;
	border-radius: 6px;
	/*border: 2px solid #2578AD;*/
}

.hotspotEditBtn {
    cursor: auto;
    opacity: 0.4;
    background-color: #5665A8;
}
.hotspotEditBtn.showBtn{
    cursor: pointer;
    opacity: 1;
}
/*============== hotspot popup END ============*/
.tab-main li a {
	color: #fff;
}
/*================ faceBook pmondal70==============*/
.fbProfilePanel {
	float: right;
	margin-right: 35px;
}
.fbProfilePanel article a.profilePic {
	float:right;
	height:44px;
	width:44px;
	display:block;
	border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	border:1px solid #fff;
	overflow:hidden;
	margin-left:10px;
	background:#000;
}
.fbProfilePanel .fbUser {
	color: #272c33;
	font-size: 15px;
	margin-top: 5px;
	text-align: right;
}
.fbProfilePanel .log-tog {
	display: block;
	color: #7b4493;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
}
.fbAlbum, .upPic, .vdoList {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 100%;
	display: block;
	background-color: #999;
}
.tagPopCont a {
	background: #B6B9B7;
	padding: 1px 5px;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	margin: 0px 5px 5px 0px;
	border-radius: 9px;
	float: left;
}
.tagPopCont a span {
	color: #797C7A;
	font-size: 11px;
	padding-left: 7px;
	top: 1px;
	position: relative;
}
.infoPopup {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	display: none;
}
.infoPopup-cont {
	width: 89%;
	/*height: 542px;
	overflow: auto;*/
	position: relative;
	background: #FFF;
	top: 79px;
	margin: 0 auto;
	box-shadow: 0px 2px 9px #888;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.infoPopup-cont .fbAlbumPic {
	height: 542px;
	overflow: auto;
}
#infoPopup-box > ul {
	text-align: left;
}
.infoPopup-cont ul li img {
	max-width: 150px;
	max-height: 120px;
}
a.infoPopup-back .back {
	font-size: 25px;
	float: left;
	margin: 2px 5px 0 0;
	color: #3F4C6B;
}
.albumHeading {
	display: inline-block;
	padding: 6px 18px;
	text-transform: uppercase;
}
/*============= facebook End ================*/
/*============= ICONFINDER pmondal70==================*/

.find-panel {
	display: inline-block;
	padding-left:10px;
    width: 98%;
}
.ifSearch {
	border: 1px solid #b4b4b4;
	float: left;
	padding: 0 8px;
	border-radius: 10px;
	height: 35px;
	width: 81%;
	margin-right: 10px;
	font-size: 14px;
}

.ifSearch::placeholder {
	color: #1C232D;
}

div#contentGallary-Popup div.popinfo-top input.ifSearch {
	width: 86%;
}
.imgSourceList{
	padding: 10px;
}

.ifButton, .morebutton {
	background: transparent;
	/*color: rgb(255, 255, 255);*/
	display: inline;
	/*float: left;*/
	height: 35px;
	width: 35px;
	/*padding: 0 15px;*/
	cursor: pointer;
	border-radius: 10px;
}
.ifButton img{
	width: 35px;
    display: block;
    height: 35px;
}
.ifImg {
	background-color: #fff;
}
.imgCheck:after {
	content: '\f00c';
	position: absolute;
	left: 0;
	top: 0;
	background: #2578AD;
	width: 100%;
	height: 100%;
	padding: 4%;
	font-family: FontAwesome;
	text-align: right;
	opacity: 0.6;
}
.imgChecked:after{
    content: 'Already used';
    text-align: center;
    line-height: 144px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(28, 105, 108, 0.9);
    width: 100%;
    height: 100%;
    padding: 4%;
    font-family: FontAwesome;
    text-align: center;
    color: #fff;
}
.importButton {
    background: #5665A8 none repeat scroll 0 0;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    height: 35px;
    margin: auto;
	margin-right: 2px;
    padding: 0 20px;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    font-size: 16px;
    border: 2px solid #5665A8;
    border-radius: 10px;
}

.importButton:hover{
	color: #5665A8;
	background: #FFFFFF;
}

.morebutton {
	margin-top: 20px;
	float: none;
	display: inline-block;
	margin: 6px 3px 0;
    width: 75px;
    height: 75px;
	border: 1px solid #dfdfdf;
	overflow: hidden;
}
#iconFinderGallery .importButton, #flickrGallery .importButton, #googleGallery .importButton,#instagramGallery .importButton{
	right: 60px;
	left: auto;
}
/*============== ICON END ==================*/

/*=========== add top header ==========pmondal70.15.10.15=*/
.topPan {
	//width: 1000px;
	padding-right: 10px;
    height: auto!important;
    margin-bottom: 5px;
}
.topPan .right {
	float: right;
	max-width: 65%;
	margin-right: 10px;
}
.toolBox {
	display: none;
}
.toolBox li.bt:last-child {
	width: 235px;
}
.toolBox li.bt {
	color: #1C232D;
	float: left;
	padding: 0px 6px;
	height: 36px;
    font-size: 13px;
    line-height: 36px;
    position: relative;
    display: inline-flex;
}
.toolBox li.bt.hideClick {
    opacity: 0.4;
}
.toolBox li.bt.hideClick::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.toolBox li.bt img {
	margin-left: 10px;
	width: 20px;
    margin-top: 8px;
}
.toolBox li.bt input.transparentno {
	width: 22px;
	height: 24px;
	background: #DADADA;
    margin-left: 5px;
    margin-top: 7px;
}
.toolBox li.bt .inputFild {
	height: 24px;
	margin-left: 5px;
	margin-top: 7px;
	/*padding-left: 5px;*/
	background: #fff;
	width: 100px;
	border: 1px solid #bbb;
}
.toolBox li.bt span.transparentno{
	margin-left: 5px;
}
.toolBox {
	background: #DADADA;
	border: 1px solid;
    border-radius: 10px;
    padding-right: 10px;
}
.toolBox li a.fillCheck{
	margin-left: 5px;
}

.toolBox li a{
    color: #000;
}

.toolBox li a img{
	width: 16px;
}

.zBack i, .zTop i{
    font-size: 9px;
    line-height: 38px;
}
#checkFill{margin-top: 12px;}
/*=========== END =======*/

/*========== bg Settings =====*/
.bgBox{
    display: table;
    width: 100%;
    background: #fff;
    padding: 15px 0;
}
.bgColor{
    display: table-cell;
    width: 50%;
    border-right: 1px solid #ddd;
    padding:0 15px;
}
.bgImage{
    display: table-cell;
    padding:0 15px;
}
#bgColorPickPanPop {
    display: inline-block;
    font-size: 12px;
    line-height: 31px;
    margin-left: 5px;
    margin-top: 10px;
    width: 100%;
}
#bgColorPickPop {
    display: block;
    float: left;
    height: 34px;
    margin: 3px;
    width: 34px;
}
#bgColorPlatePop label{
    display: block;
    margin-bottom: 15px;
}
/*======= bg settings end =====*/
/*======= templete conteiner ===*/
.tempCon{
    padding: 25px 20px;
}
/*====== end ====*/
/*======== display multiple file in folder =====*/
.upPic.textF i{
    color: #fff;
}
.upPic.textF.textPdf i{
    color: #CB0606;
}
.upPic.textF + .btm-link .as-left,.upPic.videoF + .btm-link .as-left,.upPic.textF + .btm-link .as-right,.upPic.videoF + .btm-link .as-right{
    display: none;
}
/*========= end ========*/
/*============ hotspot data table =========*/
.hotspotDataTable{
    width: 84%;
    margin: 20px;
    margin-top: 40px;
    margin-left: 27px;
}
.hotspotDataTable td,.hotspotDataTable th{
    /*border: 1px solid #ddd;*/
    padding: 5px;
    text-align: center;
    position: relative;
    font-size: 12px;
	max-width: 80px;
	vertical-align: middle;
}
.hotspotDataTable td:first-letter {
    text-transform: uppercase;
}

.hotspotDataTable thead{
	background-color: #1C232D;
	color: #FFFFFF;
	border-bottom: 2px solid;
}

.hotspotDataTable thead tr{
	height: 50px;
}

#hotsTableEdit.hotspotDataTable thead tr th{
	padding-top: 10px;
}

.hotspotDataTable thead tr th{
	padding-top: 20px;
	vertical-align: top;
}

/*.hotspotDataTable tbody tr td:first-child{
    opacity: 0;
}*/

.hotspotDataTable thead tr th:last-child{
    border-radius: 0px 20px 0px 0px;
}

.hotspotDataTable tbody tr:first-child td:first-child{
    opacity: 1;
}

.hotspotDataTable tbody tr:last-child td:first-child{
    border-radius: 0px 0px 0px 20px;
}

.hotspotDataTable tbody tr:nth-child(even){
	background-color: #1C232D;
	color: #FFFFFF;
}

.hotspotDataTable tbody tr:nth-child(odd){
	background-color: #334558;
	color: #FFFFFF;
}

.hotspotDataTable .SelectedColor,#editHotsColor {
    display: block;
    height: 20px;
    margin: auto;
    width: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
#editHotsColor{
    cursor: pointer;
}
.hotspotDataTable .editHotsOpc{
    border: 1px solid #ddd;
    text-align: center;
    width: 50px;
    color: #1C232D;
}
.fname{
	color: #aaa;
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*============ hotspot data table end ========*/
/*======== update share popup 18.3.16 pmondal70===========*/
.custom-dropdown.pageSize > select#shareMode {
    height: 40px;
    padding-left: 6px;
    width: 100%;
}
.validation-msg{
	line-height: 32px;
	padding:0 0 0 42px;
	height: 32px;
	margin-bottom: 20px;
	display: none;
        text-align: left;
}
/*============ end =========*/
/*======== hotspot number */
span.hLink{
	min-height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
	right: 0;
    transform-origin: 100% 0 0;
    min-width: 40px;
}
.hLink:after{
	background: rgba(74, 170, 202, 0.4);
    border-radius: 50%;
	font-size: 30px;
	padding: 4px;
    color: #000;
    font-family: FontAwesome;
    content: "\f0c1";
}
span.hotsCount {
	background: #FFFFFF;
    border: 2px solid #1C232D;
    border-radius: 50%;
    color: #1C232D;
    font-size: 11px;
    height: 20px;
    width: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transform-origin: 15% 15% 0;
}
span.hotsCount + span.hotsCount{
	display: none;
}
span.hotsOver{
	position: absolute;
    left: 0;
    top: 0px;
	width: 100%;
	height: 100%;
}

@media (min-width: 1636px){
	nav li.saveF{
   		margin-left: 235px;
	}
}

@media (max-width: 1636px){
	nav li.saveF{
   		margin-left: 50px;
	}
}

@media (max-width: 1024px){
	nav {
    	width: 66%;
	}

	nav li.saveF{
   		margin-left: 20px;
	}
}