.major-col hr {
		border:0;
		border-bottom:1px solid #ccc;
		padding: 5px 0;
	}

	.major-col a:hover {
	text-decoration: none;
	}	
	
/* Sidebar */ 
		.sidebar-settigns {
			background:#ECECEC;
			color:#000;
			float:left;
		}
		
		.sidebar-settigns ul {
			padding: 0 36px 0 20px;
		}
		
		.sidebar-settigns ul li {
			list-style: none;
			padding: 20px 0 20px 0;
			border-bottom: 1px solid #D2D2D2;
		}
		
		.sidebar-settigns ul li:last-child {
			border-bottom:none;
		}
		
		.sidebar-settigns ul li a {
			display: block;
			width: 100%;
		}
		
		.side-menu-header {
			padding: 0 36px 0 20px;
		}
		
		.side-menu-header .close-aside {
			position: absolute;
			right: 20px;
			top: 20px;
			background: 0 0;
			border: none;
			padding: 0;
			margin: 0;
			font-size:16px;
			color:#FF1464;
		}
		
		.settings-wrapper .active:after {
			content: "\e931";
			font-family: 'n-icons' !important;
			float:right;
			color:#7C7C7C;
		}
		
		.sidebar-settigns .usr-grid .left-col {
			height: auto !important;
		}
		/* /Sidebar */
		
		
		.field-wrap {
			/*float:left;*/
		}
		
		.center-col-settings {
			width: 852px;
		    max-width: 100%;
			margin: 0 auto;
			box-sizing: border-box;
		}
		
		.center-col-settings .def-btn {
			margin: 30px 0 30px 0!important;
		}
						
		.center-col-settings .field-wrap a {
			font-weight: normal;
		}
		
		.center-col-settings h2 {
			
			font:normal 20px Roboto-Regular, sans-serif;
		}
		
		.center-col-settings .title-label {
			font: 18px Roboto-Medium, sans-serif;
			color:#212121;
			padding-bottom:20px;
		}
		
		.groups .radio-pl {
			padding-right:10px;
			font-weight: bold;
		}
		
		/* Description */

		.description textarea {			
			width: 100%;
			height: 141px;
			font-size:15px;
		}
		
		.description .icon-arrow-right {
			font-size:10px;
			padding-right:5px;
		}
		
		.add-img-up {
		  margin-top:20px;
		}
		
		.field-wrap input[type="text"] {
			font-size:1rem;
			
		}
		
		.field-wrap .input-color input[type="text"] {
			color:#FF1464;
			font-weight: bold;
		}
		
		.add-image-link {
			padding:30px 0px 10px 0px;
			width: 100%;
		}

		.add-image-link a:hover {
			text-decoration: none;
		}

		.description-item {
		  display: flex;

		}

		.description-item-icon {
		  padding-right:15px;
		  position: relative;
		}

		.description-link {
		  padding: 0 3px;
		  flex: 1;
		  align-self: center;
		  font-size:18px;
		}

		.description-link span {
			font-size:14px;
			color:#7C7C7C;
		}

		.description-item i {
			top: 0;
			left: 0;
			text-align:center;
			padding:3px;
		}

		.description-item .icon-1 {
			font-size:18px;
			color: #7C7C7C;
		}

		.description-item .icon-2 {
			font-size:13px;
			color: #7C7C7C;
		}
		
		.center-col-settings .note {
			font-size: 14px;
		}
		
		.center-col-settings .note-italic {
			font-style: italic;
		}
		
		/* /Description */
		
		.center-col-settings .radio-btn {
			margin-right: 35px;
			padding-bottom:19px;
		}
		
		.center-col-settings .radio {
			float:left;
		}
		
		.center-col-settings .social-networks a {
			display: inline-flex;
			text-decoration: none;	
		}
  
		.center-col-settings .social-networks span {
			padding-left:20px;
		}
		
		.center-col-settings .icon-facebook-1c {
			color:#3c5a99;
			font-size:18px;
		}
		
		.center-col-settings .icon-twitt {
			color: #1da1f2;
			font-size:18px;
		}
		
		.center-col-settings .icon-instgr-stroke {
			background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
			font-size:18px;
		}
		
		.social-networks {
			width: 400px;
		}
		
		.social-networks .remove-social {
			float:right;
			padding-right:30px;
		}
		
		.social-networks .remove-social .icon-x {
			padding:5px;
			color:#707070;
			font-size:12px;
		}
		
		hr.border {
			border: 0;
			height: 1px;
			border-top: 1px solid #c7c7c7;;
			margin-top:40px;	
		}

		.socialNetworkContainer ul {
			padding:0px;
		}

		.socialNetworkContainer ul li {
			padding-bottom: 20px;	
			list-style: none;
		}

		.socialNetworkContainer .remove-social {
			position: relative;
			bottom: 2px;
			padding-left: 15px;
			color: #707070;
			font-size: 13px;
		}

		.social-list i {
			top: 2px;
		}
		

		/* Design */
		.edit-save-cont { 
			text-align: left;
            font-size: 16px;
		}
		.edit-save-cont1 span {
			font:normal 14px Roboto-Regular, sans-serif;
			color:#7C7C7C;
			padding: 10px 0;
		}

		.edit-save-cont1 .icon-reload {
			color:#FF1464;
			font:normal 15px Roboto-Regular, sans-serif
		}
		
		/* Avatar */
		.center-col-settings {
			width: 852px;
		    max-width: 100%;
			margin: 0 auto;
			box-sizing: border-box;
		}
		
		.center-col-settings h2 {
			font:normal 20px Roboto-Medium, sans-serif;
		}
		
		.avatar-photo {
			border-radius: 50%;
		}

		.field-wrap.center-wrap > .avatar-info{
			display: block;
			height: auto;
			margin-bottom:10px;
			padding: 4px;
		}
		
		.new-avatar {
			padding-top:20px;
		}

		.avatar-info .avatar-txt {
			padding-left:15px;
		}

		.avatar-photo {
			vertical-align: middle;
		}

		/*badges*/
/* .settings-badges section { border-top:1px solid #d4d4d4; margin: 0 } */
.badge-section { padding: 5px 0 0px 0px; }
.badge-section.active { background-color: #ecf5fe }
.badge-section h3 { font:normal 14px 'PT Sans Caption', sans-serif!important; color: #414141!important }
.badge-section h3.grey-txt { color: #8d8d8d!important }
.badge-section h3 img { margin: 0 10px 0 0}
.badge-scale-container { margin: 5px 0; padding: 0; } 
.badge-scale-container:after { content: ''; display: block; clear: both}
.badge-scale-container ul {  padding: 0px; /* float: left; */} 
.badge-scale-container ul li { display: block; width: 26px; height: 10px; float: left; margin:0 3px 0 0; border:1px solid #c6c6c6; background-color: #f4f4f4} 
.badge-scale-container ul li.cool-scale{background-color: #ffffff}
.badge-scale-container ul li.bg-scale  {background-color: #8eb0d1} 
.badge-scale-container ul li.grp-scale {background-color: #fcad01} 
.badge-scale-container ul li.sub-scale {background-color: #138743} 
.badge-scale-container ul li.com-scale {background-color: #7f1499} 
.badge-scale-container ul li.hot-scale {background-color: #f98923} 
.badge-scale-container ul li.upd-scale {background-color: #2b66aa} 

p.badge-info { padding: 0; color:#FF1464;}
.badge-section .note-grey { display: none;
			border-bottom:1px solid #d9d9d9;
}

.aside-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.aside-links ul li {
	line-height: 34px;
}

.aside-links ul li a:hover {
    text-decoration: none;
}

.aside-links .icon-arrow-right {
	font-size: 11px;
	padding-right:4px;
	color:#FF1464;
}

.badges-view-info { 
	border-bottom:1px solid #C4C4C4;
	padding-bottom:10px;
	margin-bottom:25px;
}

.badges-view-info p {
	color:#7C7C7C;
	font:normal 14px Roboto-Regular, sans-serif;
}

.flex-cont { 
	/*float:left; 
	padding-right: 30px;*/
}

.float-check {
	padding-top:10px;
	left:30px;
}	

/*custom checkbox badges*/ 
.hide-badges {
    float: left;
	position:relative;
	bottom:3px;
	padding-left: 15px;
}

.note-grey {
	padding: 20px 44px 15px 12px;
	font:normal 13px Roboto-Regular, sans-serif;
	color: #7C7C7C;
	border-radius: 2px;
	-moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius: 2px;
	background:#f4f4f4;
}

.note .pink {
	font:normal 14px Roboto-Medium, sans-serif;
} 

/* Group search */
.field-wrap .icon-search {
    float: right;
    width: 1rem;
    vertical-align: top;
    margin: .8rem 0 0 -1rem ;
    font-size: .8rem;
    color: #c7c7c7;
}

.serach-group  {
	width: 50%;
}

.badge-section .note-grey .icon-close-grey { float: right; cursor: pointer}
.badge-section .note-grey p { margin: 0 25px 10px 0}


.icon-close-grey {
	
}

.icon-close-grey::before {
    content: "\e92a";
}

center-col-settings field-wrap label {
	padding: 0 0 10px;
}


	.badge-team .grid-container {
		display: grid;
		grid-template-columns: 450px auto;
	}

	.grid-item {
		float: right;
	}

	.badge-team .grid-item .hide-badges {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
/*end of custom checkbox badges*/


/* vnav menu*/

#vnav-settings { float: left; }
	#vnav-settings i { margin: auto; color:red; }
	
	.vnav-mobile { 
		display: grid;
		position: fixed;
		z-index: 2000;
		width: 100%;
		height: calc( 100% - 50px );
		top:50px; left: 0; right: 0; bottom: 0;
		overflow: scroll;
		box-sizing: border-box;
		padding: 0 20px 20px;
		grid-template-areas: 
			"groups"
			"app"
			"law"
			"about"
			"flw";
		background: #fff;
		color: #000;
}
	
	.closed-mb { display: none;}
	.vnav-mobile.open-mb { display: grid;}
	
	.apps-ar { grid-area: app; }	
	.groups-ar { grid-area: groups;	}
	.followus-ar { grid-area: flw; }
	.law-ar { grid-area: law; }
	.portfl-ar { grid-area: portfolio; }
	.aboutus-ar { grid-area: about;	}
	.ni-ar { grid-area: ni-copyright; }	
	
	/* /vnav menu*/
	
	.major-col.description, 
    .major-col.avatar, 
    .major-col.nickname, 
    .major-col.design, 
    .major-col.groups, 
    .major-col.messages, 
    .major-col.comments, 
    .major-col.bloked {
		min-height:100vh;
	}
	
	/* Modal settings */
	.modal-settings-wrap { position: fixed; display: flex; align-items: center; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); z-index: 99999}
	.modal-settings-cont { max-width: 50rem; min-width: 40rem }
	.modal-settings-cont { max-height: calc( 100vh - 30px); max-width: calc( 100vw - 10rem); margin: auto; padding: 1.5rem 2rem; border-radius: 5px; background: #fff; }
	.modal-settings-cont h2 { padding: 0 0 .5rem 0; margin: 0}
	.modal-settings-cont .dialog-settings-close { cursor: pointer; }
	.modal-settings-wrap { display: none; }
	.modal-settings-wrap.modal-show { display: flex; position: fixed; }
	.modal-settings-cont { max-width: 50rem; min-width: 24rem }
	
	
	/* FAQ */
	.center-col-faq {
		margin: 0 auto;
		width: 852px;
		max-width: 100%;
		box-sizing: border-box;
	}
	
	.toggle-trigger {
		cursor: pointer; 
	}
	
	.center-col-faq .open-toggle {    
		background: #f4f4f4;
		padding: 0 15px 0 15px;     
	}  
	
	.center-col-faq h3 {
		font: normal 1.15rem Roboto-Regular, sans-serif;
	}
	
	.center-col-faq p { 
		font: normal 14px 'PT Sans Caption', sans-serif !important;
		color: #414141;
	}
	
	.center-col-faq img {
		padding-top:15px;
	}
	
	.center-col-faq .icon-arrow-right {
		font-size:12px;
	}
	
	
	/* Video edit page  */
	
	.video-thum-edit {
		padding-top:25px;
	}
	
	.sect-txt p {
		font: normal 15px Roboto-Regular, sans-serif;
	}


	/* Youtube  */
	
	.google-connect { 
		display: inline-block; width: 191px; height: 46px; background: url('https://i49.vbox7.com/design/btn_google_signin_dark_normal_web.png') center no-repeat;
	}
	
	.youtube-connect-box { border: 1px solid #ececec; display: inline-block; }
	.youtube-connect-logo { margin: 20px; display: inline-block; width: 200px; height: 45px; background: url('https://i49.vbox7.com/design/iconci/yt_logo_rgb_light.png') center no-repeat; }
	.youtube-connect-info {  display: inline-block;  vertical-align: top; padding: 20px 0; width: 350px; }
	.youtube-connect-button {  padding: 20px; width: 150px; }
	
	/* Responsive */
	
	@media screen and (min-width: 100px) and (max-width: 979px) {
		
		.sidebar-settigns ul {
			padding:0;
		}
		
		.float1 {
		 padding-top:20px;
		 text-align: left;
		}
		
		.flex-cont { float:none; }
	
		.float-check {
			
			padding:20px 0 20px 0;
			text-align: center;
		}
		.center-wrap {
			text-align: center;
		}

		.center-col-settings .radio-btn { 
			float:none;
            text-align: left;
		}
		
		.center-col-settings .radio-btn .text {
			text-align: left; 
		}
		
		
		/*
		.field-wrap label {
			display: inline-block;
		}
		*/
		
		.field-wrap .title-label {
			text-align: center;
		}
        .center-col-settings .field-wrap h2 { display: block; }

		.sidebar-settigns {
			background: #fff;
		}
	
		.side-menu-header h3 {
			text-align: center;
		}
	
		.edit-save-cont {
			text-align: center;
		}
		
		/*avatar*/
		.avatar-info .avatar-txt {
			float: left;
			padding: 20px 0px;
		}
		
		.badge-scale-container ul li {
			width: 20px;
		}
		
		.badge-team .grid-container {
			grid-template-columns: 90% auto !important;
		}
		
		.center-col-settings .edit-add-filter {
			
			margin:0 auto;
		}
		
		.socialNetworkContainer ul li {
			text-align: left;
		}
        
		
}