/*
  Author: Fabio
  Date  : 5/10/2015
  Desc  : A separate CSS file for the Modules (and other common included CSS)

  [Table of contents]
  1.  Gallery
  2.  Support
  3.  Search
  4.  Groups
  5.  MyTeam
  6.  Form
  7.  Video
  8.  Home
  9.  Receipts
  10. Events
  11. Access
  12. Newsletter
  13. Invoice
  14. Website
  15. Tiny MCE Predef Styles
  16. Simple Tree
  17. Image Area Select
  18. File Uploader
  19. Timepicker
  20. Header.tpl
  21. Infinite Scroll
  22. Account
*/

/********************************
 * 1. Gallery Module
 ********************************/

 #gallerytopcontent {
 	/*width:100%;*/
 	/*position:absolute;*/
 }

 #galleryadd {
 	float:right;
 	padding-right: 70px;
 	padding-top:5px;
 }

 #gallerysearch {
 	/*position:absolute;
 	padding-top:10px;*/
 }

 #gsearchbox {
 	/*position:absolute;*/
 	padding-top:13px;
 	padding-left:420px;
 }

 #galleryback {
 	float:left;
 }

 #gallery-form {
 	margin:12px;
 	float:left;

 	width:450px;
 	position: absolute;
 }

 #albmImageBtn {
 	width:100%;
 }

 .albumOwn {
 	float:left;
 	padding:8px 0 0 40px;
 }
 .albmadd {
 	float:right;
 	padding:0 100px 0 0;
 }
 .galleryfield label{
 	padding-left:5px;
 	line-height: 22px;
 	float:left;
 }
  .galleryfield input[type="text"]{
 	 margin-right: 5px;
      width: 100px !important;
      float :left;
 }
 .galleryfield textarea{
 	 float: left;
 }

 #AddGallery {
 	/*height:600px;*/
 	/*overflow-y: auto;*/
 }

 .album-table {
 	margin:3px;
 	width:100%;
 }

 .album-table td {
 	padding:4px;
 }
 #gallerymain-cont {
 	margin:5px;
      padding-top:60px;
 }

 .gallerysearchtab {
 	margin:10px;
 	padding:5px;
 	text-align:center;
 }
 .gallerysearchtab td{
 	margin:10px;
 	padding:15px;
 	text-align: center;
 }

 .galleryinnertab td {
 	margin:0;
 	padding:0;
 }

 #imagedel {
 	left: 114px;
 	/*position: absolute;*/
 	top: -7px;
 	/*display:none;*/
 }
 .albmadbtn {
 	cursor: pointer;
     float: right;
     top: -26px;
 }
 /* Added by Anand AR for ImageList */
 .imgback {
 	float:left;
 	width:5%;
 }

 .imgcenter {
 	float:left;
 	width:65%;
 	padding-top:10px;
 }

 .imgright {
 	float:left;
 	width:30%;
 }

 .imgdesc {
 	width:100%;
 	padding:10px 0 10px 0;
 	/*positon:absolute;*/
 }
 /* Added by Anand on 19/06/2013*/
 .float-list-album{
 	overflow-x:hidden;
 	overflow-y:auto;

 	bottom:10px;
 	top:80px;
 	right:260px;
 	left:10px;
 }
 .lightboxcontent {
 	border:1px solid red;
 	width:500px;
 	font-size:13px;
 	font-weight:bold;
 }
 /* For Album desc in image list page */
 .albmdesc {
 	padding: 29px 0 0 74px;
 	margin-right:100px;
 }

 /**********************************
  * 2. Support Module
  **********************************/

   .support-list {
   border-bottom: 1px solid #cccccc;
   margin: 0 0 10px;
   padding: 2px 10px 3px;
   }
   .faq-article{
   	border:1px solid #dddddd;
   	background-color:#ffffff;
   	padding:5px;
   	margin-bottom:10px;
   }
   .faq-full-desc{
   	border:1px solid #dddddd;
   	background-color:#ffffff;
   	padding:10px;
   }
   .faq-title, .faq-title-big { color: #666666;
       display: block;
       font-size: 18px;
       padding: 8px 0;
   }
   .faq-title-big { font-size: 16px;
       padding: 0px 0px 10px 0px; }
   .faq-about {
   	width:120px;
   }
   .faq-author { color: #999999;
       display: block;
       font-size: 12px;
       padding: 3px 0 7px; }
   .faq-desc { padding:0 0 5px 0; }
   .faq-desc p { margin:0; padding:0 0 10px 0; }
   .auth-img { display: block;
       float: left;
       margin: 0 5px 5px 0; }
   .auth-img img { border: 1px solid #D0D0D0;
   background:#fff;
       box-shadow: 0 0 5px rgba(50, 50, 50, 0.45);
       display: block;
       text-align: center;
       vertical-align: middle;
     margin: 0 auto;
     }
   .auth-details { clear: both;
       display: block;
       padding: 8px 0 5px 0; }
   .auth-details p {  font-size: 12px;
       margin: 0;
       padding: 0; }
   .auth-details .auth-date {  }
   .auth-details .auth-name {  }
   .reply-block { background: none repeat scroll 0 0 #F9F9F9;
       border: 1px solid #D0D0D0;
       clear: both;
       display: block;
       margin: 15px 0px 0px 0px;
       overflow: hidden;
       padding: 12px 10px 10px;
   	}

   .faq-content { background: none repeat scroll 0 0 #F8F8F8;
       border-top: 1px solid #D0D0D0;
       height: 365px;
       margin: -1px 0 0;
       padding: 10px 10px 10px 35px;
       position: relative;
       width: auto;
       z-index: 1;
   	color: #666666;
   }

   .searchSupport{
   	float:left;
   	padding:10px;
   }
   .divSupport{
   	float:left;
   	padding:10px;
   	width:150px;
   }
   .imgAddSupport{
   	float:right;
   	cursor:pointer;
   }
   .supportRTE{
   	padding-top:65px;
   }
   .supportSave{
   	cursor:pointer;
   	position:absolute;
   	bottom:10px;
   	padding-left:200px;
   }
   .searchSupport .rows .custom-chkbox  label { width:auto; }
   .rows .searchSupport { padding:0 10px 0 0; }

   #tabsSupport {
       list-style: none outside none;
       margin: 19px 0 0 7px;
       overflow: hidden;
       padding: 0;
       width: 1105px;
   }

   #tabsSupport li {
       float: left;
       margin: 0 1px 0 0;
   }
   #tabsSupport a {
       background: linear-gradient(to bottom, #a9a9a9 0%, #a9a9a9 100%) repeat scroll 0 0 transparent;
   }

   /* edited by Philippe on 23/10/2013*/
   #showfaq{
   height: 100%;
   width: 100%;
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   top: 0;
   right: 0;
   overflow: hidden;
   }
   #showfaq .header{
   background-color:#c2c7cc;
   -webkit-border-top-right-radius: 10px;
   -moz-border-radius-topright: 10px;
   border-top-right-radius: 10px;
   -webkit-border-top-left-radius: 10px;
   -moz-border-radius-topleft: 10px;
   border-top-left-radius: 10px;
   height:25px;
   min-height:25px;
   padding:10px;

   }
   #showfaqresults{
   position: absolute;
   bottom: 0;
   top: 45px;
   bottom: 0;
   }

   #faq-search{
   width:340px;
   max-width:340px;
   height:100%;
   overflow-y:auto;
   overflow-x:hidden;
   background-color:#f5f5f5;
   float:left;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomleft: 10px;
   border-bottom-left-radius: 10px;
   }

   #faqlist{

   	margin:10px 0px 0px 0px;
   	padding:0px;
   }
   #faqlist .faq_parent{
   	padding:10px 5px;
   	border-bottom:1px solid #e4e4e4;
   	list-style:none;
   	margin:0px;
   	cursor:pointer;
   }
   #faqlist .faq_parent:hover{
   	background-color:#e5e5e5;
   }

   #faqlist .faq_parent a{
   	font-size:16px;
   	width:100%;
   }

   #faqlist .faq_child{
   	padding: 5px 5px 5px 30px;
   	list-style:circle;
   	margin:0px;
   	cursor:pointer;
   }
   #faqlist .faq_child:hover{
   	background-color:#e5e5e5;
   }

   #faqlist .faq_child a{
   	font-weight:bold;
   	width:100%;
   }
   #faqright{
   	padding: 10px;
   	height:100%;
   	overflow-y:auto;
   	overflow-x:hidden;
   	width:630px;
   }
   #faqright .faq_title H2{
   	padding:10px 0px;
   	margin:0px;
   	font-size:20px;
   }
   #faqright .faq_content{
   	margin-top:10px;
   	line-height:160%;
   }
   /*end */


   .faq_modules{}
   .faq_modules .faq_module_title{cursor:pointer;font-size:16px;margin-top:10px;background-color:#F9FAFF; padding:3px 10px;border:1px solid #F0F1FF;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
     background-image: -webkit-linear-gradient(top, #ffffff, #dedede);
     background-image:    -moz-linear-gradient(top, #ffffff, #dedede);
     background-image:     -ms-linear-gradient(top, #ffffff, #dedede);
     background-image:      -o-linear-gradient(top, #ffffff, #dedede);
     background-image:         linear-gradient(top, #ffffff, #dedede);
   }

   .faq_modules_popular{
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background-color: #C5D1E0;
   }
   .faq_modules_popular .header{
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   background-color:#BDCBDF;
   padding: 5px 20px;
   font-size: 16px;
   font-weight: bold;
   color: white;
   }
   .faq_modules_popular ul{margin: 5px 0px 5px 0px;padding: 0px;}
   .faq_modules_popular ul li{
   list-style:none;
   padding: 3px;
   font-weight: bold;
   padding-left:40px;
   cursor:pointer;
   }
   .faq_modules_popular ul li:hover{
   background-color: #D9E2F0;
   }

   .faq_modules .faq_module_title .title{float:left;margin-top:5px;}
   .faq_modules .faq_module_title img{float:left;height:25px;margin-right: 20px;}
   .faq_modules .faq_module_cont{}
   .faq_modules .faq_parent_title{cursor:pointer;padding:10px 5px 5px 20px;margin-left:25px;font-size:16px;}
   .faq_modules .faq_parent_title:hover{font-style:italic;background-color:#f9f9f9;}
   .faq_modules .faq_parent_cont{}
   .faq_modules .faq_child_title{cursor:pointer;padding:5px 5px 5px 30px;margin-left:25px;font-weight:bold;}
   .faq_modules .faq_child_title:hover{font-style:italic;background-color:#f9f9f9;}

   .hc_body{
   background-color:#f3f3f3;
   position:absolute;
   top:0px;
   right:0px;
   left:0px;
   bottom:0px;
   overflow:auto;
   font-size:15px;
   }
   .hc_header_cont{
   background-color:#444444;
   }
   .hc_header{
   width: 1000px;
   margin: 0px auto;
   padding: 20px 20px 0px 20px;
   height: 80px;
   }
   .hc_title{
   float:left;
   font-size:36px;
   margin-top:20px;
   color:#ffffff;
   }
   .hc_searchbar{
   float:right;
   margin-top:12px;
   }
   .hc_searchbar #helpcentersearch{
   padding:5px 10px;
   width:350px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background-color:#ffffff;
   color:#222222;
   font-size:18px;
   float:right;
   }
   .hc_content{

   max-width:1000px;
   margin:10px auto 0px auto;
   background-color:#ffffff;
   border:1px solid #eeeeee;
   padding:20px;
   }

   .hc_left{
   float:left;
   width:60%;
   }
   .hc_right{
   float:right;
   width:35%;
   }

   .gettingstarted{
   clear:both;
   background-color:#cccccc;
   margin-bottom:20px;
   height:150px;
   }
   .moduleoverview{
   clear:both;
   }
   	.modulegroup{
   		width: 46%;
   		float: left;
   		margin: auto 2%;
   		min-height:150px;
   	}
   		.moduleheader{
   			border-bottom:1px solid #eeeeee;
   		}
   			.moduletitle{
   				font-size:20px;
   				padding: 6px 20px 8px 40px;
   			}
   			.moduleimage{
   				float:left;
   			}
   			.moduleimage img{
   				height:25px;
   			}
   		.modulebody{
   			padding:10px;
   		}
   			.modulebody .part2{
   				display:none;
   			}
   			.modulebody .more{
   				background-color:#6ec494;
   				color:#ffffff;
   				-webkit-border-radius: 5px;
   				-moz-border-radius: 5px;
   				border-radius: 5px;
   				font-size:13px;
   				float:right;
   				padding:3px 10px;
   				cursor:pointer;
   				clear:both;
   			}
   			.modulebody .more:hover{
   				background-color:#00a5bc;

   			}
   .hc_body li{
   font-size: 15px;
   padding: 5px 0px;
   cursor:pointer;
   }
   .hc_body li:hover{
   font-style:italic;
   }
   .faqcontainer li{
   font-style:none;
   }
   .faqoverview{
   clear:both;
   background-color:#01a5be;
   color:#ffffff;
   padding-bottom:10px;
   }
   .relatedarticles{
   clear:both;
   background-color:#6ec494;
   color:#ffffff;
   padding-bottom:10px;
   margin:20px 0px;
   }
   .faqoverviewheader,.faqtitle,.relatedarticlestitle,.relatedarticlesheader{
   font-size:20px;
   padding: 10px 20px 10px 10px;
   }
   .faqdesc{
   font-size: 14px;
   }

   .faqdesc li{
   font-size: 14px;
   padding: 5px 0px;
   }

   .faqcontainer{
   border: 1px solid #555555;
   }
   #hc_search .faqchildcontainer:hover{
   cursor:pointer;
   background-color:#f3f3f3;
   }
   .faqchildcontainer{
   background-color:#f8f8f8;
   margin-top:20px;
   }
   .faqdesc{
   padding:10px;
   }
   .breadcrumbs{
   margin-bottom:20px;
   }
   .breadcrumbs a{
   cursor:pointer;
   color:inherit;
   }
   .breadcrumbs a:hover{
   text-decoration:unerline;
   }

   .faqindex{
   background-color:#01a5be;
   color:#ffffff;
   margin-bottom:20px;
   }
   .faqindexcontent ol{
   margin:10px 0px;
   }
   .faqindexcontent li{ }
   .supporttopictype{
     cursor:pointer;
     width:140px;
     height:140px;
     margin:10px;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
   }
   .supporttopictype img{
    width: 75px;
    margin: 25px auto;
    display: inherit;
   }
   .supporttopictype:hover{
   -webkit-box-shadow: 0px 2px 9px 0px rgba(80, 80, 80, 1);
   -moz-box-shadow:    0px 2px 9px 0px rgba(80, 80, 80, 1);
   box-shadow:         0px 2px 9px 0px rgba(80, 80, 80, 1);
   }

   @media (max-width: 800px) {
   	.modulegroup {
   		width: 96%;
   		float: none;
   		clear:both;
   		margin: auto 2%;
   		min-height: 150px;

   	}
   	.hc_searchbar{
   		float:none!important;
   	}
   	.hc_searchbar #helpcentersearch{
   			float:none;
   			width:100%;
   	}
   	.hc_body > div{
   		width:auto;
   		max-width:1000px;
   		overflow:hidden;
   	}
   }
   @media (max-width: 400px) {
   .supporttopictype{
   cursor: pointer;
       width: 100%;
       height: 240px;
       margin: 10px;
       -webkit-transition: all 0.35s ease-in-out;
       -moz-transition: all 0.35s ease-in-out;
       transition: all 0.35s ease-in-out;
       display: block;
       clear: both;
       overflow: hidden;
       text-align: center;
   }
 }

 /**********************************
  * 3. Search Module
	**********************************/

	/* addef by Philippe */

	.quicksearch-wrapper{
		position: absolute;
		top: 0px;
		right: 0px;
		left: 0px;
		bottom: 0px;
		overflow: hidden;
	}
	.search-left-block{
		padding:0px;
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		width:350px;
		overflow-x:hidden;
		overflow-y:hidden;
		-webkit-box-shadow: 50px 6px -6px #777;
		-moz-box-shadow: 50px 6px -6px #777;
		box-shadow: 5px 0px 6px -6px #777;
	}

	#search-contentq{
		padding:5px;

	}
	#search-contentq .search-module-buttons,
	#search-contentq .search-mode
	{
	width:100%;
	}
	#search-contentq .search-module-buttons ul.btn-options{
	width:auto;
	float:none;
	}
	#search-contentq .search-module-buttons  ul.btn-options li{
		width:33%;

	}
	#search-contentq .search-module-buttons  ul.btn-options li a{
			padding:5px 0px;
			text-align:center;
			width:103%;
	}
	.quick-search-result{
	position: absolute;
	margin: 0 0 5px 0;
	overflow-y: hidden;
	top: 110px;
	bottom: 0px;
	width: 100%;
	}
	.quick-search-results{
	    max-height: 90%;
	    overflow: auto;
	}
	.searchresults-footer{
	    margin-top: 10px;
	    height: 30px;
	}

	.search-right-block {
	    bottom: 0;
	    left: 360px;
	    position: absolute;
	    right: 0;
	    top: 0;
		padding:10px;
		overflow-x:hidden;
		overflow-y:auto;
	}

	/*end*/
	/*- Search -*/
	#searchresults{
		height:100%;
	}
	#search-content{
		height:100%;
	}
	#search{
		padding-bottom:10px;
	}

	#search .top-col{
		width:700px;

	}
	#search .top-col label.relation-type {
		width: 50px;
	}
	#search .top-col select{
	 width: 487px;
	}

	#search .top-col input[type=text]{
	 width: 150px;
	}

	#search .top-col .check-box .box {
		float: left;
	}
	#search .top-col select  {
		width:150px;
	}
	#search .top-col label{
	width:163px;
	}
	#search textarea{
	    width: 487px;
	}

	#search text{
	    width: 287px;
	}

	#content .notes-field {
		padding: 15px 15px;
		height: 300px;
		position: absolute;
	}

	#content .notes-field select {
		width: 140px;
	}

	.yoverflow	{
	overflow-y: auto;
	height: 150px;
	}

	.tab-border	{

	}

	.search-module-seach-button {
		padding-left:5px;
		position: relative;
		height: 23px;
		line-height: 22px;
		margin-top:4px;
		padding-top:5px;
	}
	.l-sml {
		float: left;
		position: absolute;
		bottom: 0px;
		left: 0px;
		height: 23px;
		width: 24px;
	}
	.r-sml {
		float: right;
		position: absolute;
		bottom: 0;
		right: 20px;
		height: 23px;
		width: 24px;
		text-align: right;
	}

	.search-for{width:70px;float:left;line-height:28px;text-align:center;color:#929191;font-weight:bold;}
	.plus-but{float:right;line-height:23px;text-align:center;padding:5px 5px 5px 5px;}
	.search-but{float:right;line-height:26px;text-align:center;padding:10px 5px 0px 5px;}
	.searchbut{float:right;line-height:26px;text-align:center;padding:30px 5px 0px 5px;}

	#addcontact {
	    border-radius: 10px 10px 0 0;
	    bottom: 0;
	    left: 0;
	    margin: 0;
	    overflow-x: hidden;
	    overflow-y: auto;
	    padding: 20px;
	    position: absolute;
	    right: 0;
	    top: 86px;
	}

	.box a{text-decoration:none;}
	.box img{margin-right:5px; vertical-align:bottom;}

	.add-box{width:180px; float:left;}
	.add-box p{padding-top:5px; text-align:center;}

	.preload_shade{
			position:absolute;
			z-index:2147483646;
			left:0px;
			top:0px;
			right:0px;
			bottom:0px;
			filter:alpha(opacity=60);
			opacity:0.6;
			background-color:#000;
	}

	#search-content .top-col select {
		width: 140px;
		float: left;
	}

	#greyrow-bg {
		background-color: #FFFFFF;
	}

	#login-pad{
		padding:30px;
	}


	/*	Table result set Scroll	*/
	.scr_tbl_wrapper {background:tomato;border:1px double olive;float:left;}
	.scr_tbl_tbody{

		/*height:560px;overflow-y:auto;width:100%;*/
	    display: block;
	    left: 0;
	    padding: 0 0px 0 0;
		/*height:400px;*/
		overflow-y:visible;
		}

	.scr_tbl_wrapper  table{border-collapse:collapse; width:99%;}

	/*.scr_tbl_wrapper  table{border-collapse:collapse; width:100%;}*/
	.scr_tbl_wrapper  td{/*border-right:1px solid #AEAEAE; */border-bottom:1px solid #AEAEAE; width:30%; vertical-align:top;}

	.scr_tbl_wrapper table{border-collapse:collapse; width:100%;}
	.scr_tbl_wrapper td{border-right:1px solid #AEAEAE;border-bottom:1px solid #AEAEAE;padding:3px 5px;}


	.scr_tbl_header{
		width:100%;
		height:40px;
		/*background:#d6d6d6;*/ /*Commented by Rohini*/
		background: #ffffff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
		background: -moz-linear-gradient(top,  #ffffff 0%, #d9d9d9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#d9d9d9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#d9d9d9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#d9d9d9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */
		-pie-background: linear-gradient(#ffffff, #d9d9d9);
		behavior: url('https://app.twizzit.com/css/css/PIE.htc');
		border-bottom:1px solid #AEAEAE;
	    border-top: 1px solid #AEAEAE;
		/*margin-top:144px;*/
		top:0px;
		/*Added by Md Asif to fix the header as per the table*/
		left:0px;
		position:absolute;
		/*End*/

	    /*padding: 1px 1px;*/
	}

	/*
	.scr_tbl_header div{float:left;height:25px;}

	.scr_tbl_td1,.scr_tbl_td2,.scr_tbl_td3,.scr_tbl_td4,.scr_tbl_td5{
		padding:5px;
		border-right:1px #AEAEAE solid;
		border-bottom:1px #AEAEAE solid;
		font-size:12px;
		word-wrap:break-word;
		cursor:pointer;
	}
	.scr_tbl_td1{text-align: center;width:10px;}
	.scr_tbl_td2{width:40px;}
	.scr_tbl_td3{width:40px;}
	.scr_tbl_td4{width:100%;}
	.scr_tbl_td5{width:100%;}

	.scr_tbl_header .head1{width:13px;border-right:1px #AEAEAE solid;padding:5px; height:80%;
		}
	.scr_tbl_header .head2{
		width:60px;
		border-right:1px #AEAEAE solid;
		padding:5px;
		height:80%;
		*width:58px !important;
		width:58px \9;
		}
	.scr_tbl_header .head3{width:49px;border-right:1px #AEAEAE solid;padding:5px; height:80%;
		}
	.scr_tbl_header .head4{width:45%;padding:5px; height:80%;
		}
	.scr_tbl_header .head5{width:10%;padding:5px;}
	*/
	/* removed by Philippe on 5/11/2013 */
	/*select	{width:80px;}*/


	#searchAccForm label, #searchAccForm input, #searchAccForm select, #searchAccForm textarea {
		float: left;
	}
	#searchAccForm select {
		margin-right: 5px;
	}
	#searchAccForm .left_col {
		width: 250px;
		float: left;
		padding: 5px 0;
	}
	#searchAccForm .right_col {
		float: left;
		margin: 0 0 0 20px;
		width: 250px;
		padding: 5px 0;
	}
	#searchAccForm label {
		width: 80px;
	}
	#searchAccForm input[type="text"] {
		width: 153px;
	}
	#searchAccForm input[type="checkbox"] {
		margin: 2px 0 0 5px;
	}
	#searchAccForm .en_closure {
		width: 770px;
	}
	/*new style dts*/
	#ascrail2003-hr{
		top:125px !important;
	}
	#ascrail2003-hr div{
		/*width:170px !important;*/
	}

	/*Added by Asif for search tabs*/

	#tabs1, #tabscont1 {
		overflow: hidden;
		width:1105px;
		margin: 0;
		padding: 0;
		list-style: none;
		margin:19px 0 0 7px; /*dts*/
	}
	#tabs1 li, #tabscont1 li {
		float: left;
		margin: 0 1px 0 0
	}
	#tabs1 a, #tabscont1 a {
		position: relative; /*background: #ddd;*/
		padding: 0 21px 0 21px;
		float: left;
		text-decoration: none;
		color: #fff;
		height: 27px;
		line-height: 30px;
		 color:#fff;
	}
	 #tabs1 a:hover, #tabs1 a:hover:after, #tabs1 a:focus, #tabs1 a:focus:after,
	 #tabscont1 a:hover, #tabscont1 a:hover:after, #tabscont1 a:focus, #tabscont1 a:focus:after  {
		color: #444
	}
	#tabs1 a:focus, #tabscont1 a:focus {
		outline: 0
	}
	#tabs1 a:after, #tabscont1 a:after {
		-webkit-transform: skew(10deg);
		-moz-transform: skew(20deg);
		-ms-transform: skew(20deg);
		-o-transform: skew(20deg);
		transform: skew(20deg)
	}
	#tabs1 #current a, #tabs1 #current a:after,
	 #tabscont1 #current a, #tabscont1 #current a:after{
		z-index: 3;
		color: #444
	}
	#tabs1 #current a:after,
	#tabscont1 #current a:after {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		right: -.6em;
		bottom: -1px;
		width: 1em;
	}

	/*End*/
	/* new style dts 05/06/13 modified by maduravalli on 19-6-2013 for list tab*/
	.search-module-buttons-1 {
		/*position: absolute;
		height: 27px;
		line-height: 26px;
		float: left;
		margin-top:35px;
		padding:0px 5px 5px 5px;
		width:200%;
		overflow:hidden;*/
	}

	.search-module-buttons-1 ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		/*width:90%*/
	}
	.search-module-buttons-1 ul li   {
		display: inline;display: block;
	    float: left;
	}
	.search-module-buttons-1 ul li a {
		border: 1px solid #D0D0D0;
	    color: #7B7B7B;
	    cursor: pointer;
	    display: block;
	    float: left;
	    font-size: 1.2em;
	    margin: 0 3px -1px 0;
	    outline: 0 none;
	    padding: 6px 15px 7px 35px;
	    position: relative;
	    text-align: left;
	}

	.search-module-buttons-1 ul li.active {
		color: #fff;
		border: 0
	}
	.team-list{
		margin:20px 0px 0px 0px;
	}
	/* Commented by Rohini R on 26th Aug 2013 as the class is used in MYTEAM Module*/
	/*
	.team-left { float: left;
	    width: 60%;
		 }

	.team-right { float: left;
	    padding-left: 2%;
	    width: 38%; }
	*/
	.tab-list{
	width:100%;
	}
	/* Commented by Rohini R as the same class is used in myteam module*/
	/*.team-left{
	float:left;
	display:block;
	width:65%;
	}
	.team-right{
	float:right;
	display:block;
	width:30%;
	}*/

	.search-input input[type="text"] { -webkit-box-sizing: padding-box; -ms-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box;  }		/* edited by Philippe to solve display problem in image gallery search field */

	/*Added by Md Asif on Oct 08 2013 for search module design*/
	/* commented by PHilippe on 19/11*/
	/*
	.search-header{
		width:100%;
		float:left;
		padding: 10px 0 10px 10px;
		margin-top: 30px;
		background-color:#F8F8F8;
	}
	.search-header .search-module-seach-button{
		padding:0px;
	}
	.search-header div{
		margin:0px 10px;

	}

	*/
	.search-mode{
		float:left;
		/*commented by Rohini R on 02/01/2014*/
		/*width:218px;*/
		overflow:hidden;

	}
	.search-rightside{
		float:right;
	}

	.advsearch-but{padding:0px 5px 0px 5px;color: #929191;font-size:12px;text-decoration:underline;margin-top: -4px;
	margin-bottom: 4px;}
	.div_contactemail-list {
	    width: 100%;
	    height: 44px;
	    border: 1px solid #dedede;
	    overflow-y: scroll;
	    vertical-align: top;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    padding: 2px 0px;
	    background-color: #ffffff;
	}

	.contactemail-list {
		float:left;
		padding: 1px 2px;
		margin: 0px 2px 2px 0px;
		background-color:#D2DCD1;
		border: 1px solid #8CAF89;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 9px;

	}
	.contactnoemail-list {
		float:left;
		padding: 1px 2px;
		margin: 0px 2px 2px 0px;
		background-color:#CD8888;
		border: 1px solid #A33E3E;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 9px;
	}
	.contactemail-list img, .contactnoemail-list img{
	height: 12px;
	cursor: pointer;
	top: 3px;
	position: relative;
	margin-left: 4px;
	}
	/*End*/


	/*tablets*/
	@media (max-width: 800px) {
		#right_col_org2{display:none;}
		#left_col_org{position: static;width: 100%;background-color: transparent;-webkit-box-shadow: 0px 0px 0px #fff;-moz-box-shadow: 0px 0px 0px #fff;box-shadow:  0px 0px 0px 0px #fff; }
		#search-contentq{padding:10px;}
		.quick-search-result {position:static;width:auto;}
		.quick-search-results{max-height:none;width:auto;}
		.table_adv_search td{
	    display: block;
	    float: left;
	    width: 100%;
	    font-size: 15px;
		}
		.adv_search_wrapper{padding:10px;}
	}

	/* phones */
	@media (max-width: 400px) {	}

  /********************************
   * 4. Groups Module
   ******************************** /

  /* Group overview Details tables Ascending/Decending Order added by Maduravalli on 13-6-2013 */
  /*
  ** edited by philippe
  - overview page
  - edit page
  */

  /* start overview page */
  .group-header{ color:#777777; font-size:22px; padding: 10px 0 0 5px;float: left;}

  /*end overview page*/

  /* start edit page */


  .floatview-left-block {
  	background:none;
  	padding:0% 2% 0% 0%;
  	overflow:visible;
  }
  .floatview-right-block {
  	float:left;
  	width:265px;
  	background:#d8d8d8;
  	border-radius:0;
  	position:absolute;
  	top:0px;
  	bottom:0px;
  	right:0px;
  	padding:3px 5px 0px 5px;
  	border-left:3px #fff solid;
  	overflow-x:hidden;
  	overflow-y:auto;
  }

  .float-list{

  }

  .team-view, .team-view1{
  	margin:0px 0px 10px 10px;
  	width:320px;
  	float:left;
  	position:relative;
  }

  .team-view:hover, .team-view:active,  .selected-teamview{
  	border: 1px solid #8E8E8E;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  }

  /*end edit page*/






  /*  Floating Group View Style dts 31/05/13 */
  .team-view h5, .team-view1 h5{
  	color: #666666;
      font: 15px/18px Arial;
      padding: 4px 0 6px 10px;
  }
  .team-detail{
  	padding:5px;
  }
  .group-title{
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  }

  .team-view h5 a, .team-view1 h5 a{
  	float:right;
  	padding:0px 5px 5px 0px;
  }
  .team-innertab{
  	width:100%;
  }

  .team-detail-input{
  	margin: 0 0 2px;
      padding: 2px 0;
  }
  .team-detail-input label{
  	width:160px;
  	float:left;
  	padding: 3px 0px 0px 0px;
  }
  .team-detail-input input[type="text"] {
  /*	background: #fff;
  	height:12px;
  	color: #474747;
  	font-family: verdana;
  	font-size: 12px;
  	border: 1px solid #c4c4c4;
  	padding:4px 0;
  	float:inherit;
  	width:50%; */
  }
  .team-detail-input #float-view-select-2{
  	background: #fff;
  	height: 22px;
  	color: #474747;
  	font-family: verdana;
  	font-size: 12px;
  	border: 1px solid #c4c4c4;
  	width:65%;
  	margin:0px 0px 0px 0px;
  	float:inherit;
  }
  .team-detail-input-1 label{
  	width:20%;
  	float:left;
  }
  .team-detail-input, .team-detail-input-1{
  /*	margin:0px 0px 10px 0px; */ /* Updated by karthipan on Aug 06 */
  	height: 24px;
  	width: 300px;
  }
  .team-detail-input-1 #float-view-select-3{
  	background: #fff;
  	height: 22px;
  	color: #474747;
  	font-family: verdana;
  	font-size: 12px;
  	border: 1px solid #c4c4c4;
  	width:65%;
  	margin:0px 20px 0px 0px;
  	float:left;
  }
  .empty-dragdrop	{
      color: #bbbbbb;
      display: table;
      font-size: 16px;
      height: 100px;
      line-height: 160%;
      text-align: center;
      vertical-align: middle;
      width: 100%;
  	padding:40px 0px;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
  	background-color:#ffffff;
  }
  /*End*/

  /* Added by karthipan Aug 07*/
  .drag{
      float: left;
      width: 100px;
  	}
  .item{
  	float:left;
  	padding:0px;
  	width:280px;
  	border:solid 0px green;
  }
  .search-result .drag.ui-draggable { border: 1px solid #D0D0D0;padding: 3px;background: none repeat scroll 0 0 #FFFFFF;}

  .search-result .drag.ui-draggable:hover { cursor: -moz-grab; cursor:move; }
  .scd-btn{background:#A72B2B; border-radius:5px;padding:3px 10px; margin-left:10px;float:left;color:#fff;line-height:20px;display:block; cursor:pointer;}
  .scd-btn-block{
  	float:left;
  	margin:5px 0px 10px 0px;
  	width:100%;
  }
  /*  End Floating View Style dts 30/05/13 */

  /* newly added styles for Groups module by karthipan on Aug 06 */
  .item > div > img { padding:5px 0; }
  #moredetails {
  	border: 1px solid #D0D0D0;
      float: right;
      margin: 0 0 5px;
      padding: 5px; }
  .cls_advancedsettings  { background: none repeat scroll 0 0 #F0F0F0;
      border: 1px solid #D0D0D0;
      border-radius: 3px 3px 3px 3px;
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
      display: block;
      margin: 0 0 10px; }

  .drag-error 	{
  background: none repeat scroll 0 0 #F04444;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-left: 1px;
  height: 23px;
  }
  .drag-error 	label{
  color: #fff;
  }
  /* End */

  .spn-popup-right-small  input[type="text"]{
  	width: 50px;
  	margin-left:5px;
  	float: left;
  }
  .ui-draggable-dragging { z-index:100; }
  #groupSearchDetailsForm  .search-input { width: 182px; }
  #groupSearchDetailsForm   input[type="text"] {  }
  .select-group.no-label, .control-group.no-label { margin-right: 1em; }
  .type-div .checkbox-group { padding-left:50px; }
  .type-div .checkbox-group .custom-chkbox { clear: both;
      display: block;
      overflow: hidden;
      padding: 0 0 10px;
      position: relative;
  	}

  #editGroup .customer-left {
  	float: left;
  	width: 700px;
  	overflow-y: auto;
  	padding:15px;
  	background: none repeat scroll 0 0 #FFF;
  	min-height: 680px;
  	z-index: 1;
  }
  #editGroup .customer-right {
  	float: right;
  	min-height: 680px;
  	padding: 15px;
  	width: 350px;
  	overflow-y: auto;
  	background: none repeat scroll 0 0 #DADADA;
  	position:inherit;
  }
  #editGroup .editDiv	{
  	float: left;
  	width: 280px;
  	overflow-y: auto;
  	padding:15px;
  	background: none repeat scroll 0 0 #c4c4c4;
  	height: 450px;
  	overflow-x:hidden;
  	border-bottom: 30px solid #FFFFFF;
      border-right: 30px solid #FFFFFF;
  }
  #editGroup{
  position: absolute;
  bottom: 10px;
  top: 0px;
  right: 275px;
  left: 10px;
  overflow-y: auto;
  padding-top: 10px;
  }

  .float-list{
  	overflow:visible;
  }
  .scd-btn{background:#a9a9a9; border-radius:5px;padding:3px 10px; margin-left:10px;float:left;color:#fff;line-height:20px;display:block; cursor:pointer;}
  .scd-btn-block{
  	float:right;
  	margin:0px 0px 10px 0px;
  }


  /* Group Float window Empty Contacts in group - Drag contact here content - Added by Maduravalli on 19-6-2013 */

  .alert-msg	{
   color:#f00;
  }
  .group-separator	{
  	background: none repeat scroll 0 0 #ECECEC;
      height: 3px;
  }
  .maskLayer {
      background-color: #ACACAC;
      display: block;
      left: 0;
      opacity: 0.45;
      top: 25px;
      width: 400px;
      z-index: 99;
  	cursor:inherit;
  }
  .maskLayer a, .maskLayer label, .maskLayer img, .maskLayer * { cursor:inherit !important; }
  /*End*/
  /* Added by Maduravalli on 21-6-2013 for alert message in float group */
  .alertMsg {
     /* background: none repeat scroll 0 0 #FFFFFF;*/
      border: 1px solid #000000;
      color: #000000;
      padding: 4px;
      width: 250px;
  }
  /* End */

  /********************************
   * 5. MyTeam Module
   ********************************/


  .msg_body a {
    text-decoration: underline;
    color: #014EA5;
  }

   /*
    *Author        :   Rohini R
    *Date          :   10-May-2013
    *Description   :   My Team Module css
   */
   .ed{
   cursor:pointer;
   }
   .bo{
   border-top:2px solid #aaaaaa!important;border-bottom:2px solid #aaaaaa!important;
   }
   .team {
   	float: left;
   	position: relative;
   	width: 100%;
   	/*padding: 4px;
   	margin-right: 20px;
   	margin-top: 15px;*/
   	margin:0px 0px 0px 0px;
   }
   .otherteams {
   	float: left;
   	position: relative;
   	width: 100%;
   }

   /*#season_chzn {
   	width: 197px !important;
   }*/

   #TeamForm .team-right {
   	background: none repeat scroll 0 0 #fff;
   	float: left;
   	min-height: 335px;
   	padding: 5px 10px;
   	width: 300px;
   	border: 1px #D0D0D0 solid;
   	margin-bottom: 10px;
   	position:relative;
   }
   #TeamForm .committee-right{
   	background: none repeat scroll 0 0 #fff;
   	padding: 5px 10px;
   	border: 1px #D0D0D0 solid;
   	margin-bottom: 10px;
   	position:relative;
   }
   .teammemphoto {
   	width: 40px;
   	height: 40px;
   	padding: 0px;
   	background: #FFF;
   	-moz-box-shadow: 0 0 6px 1px #cecece;
   	-webkit-box-shadow: 0 0 6px 1px #cecece;
   	box-shadow: 0 0 6px 1px #cecece;
   	float: left;
   	overflow: hidden;
   	margin-right:5px;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
	background-size:cover;background-position: 50% 50%;background-repeat:no-repeat;
   }
   .teammemphoto img {
   	width: 100%;
   	height: 100%;
   }


   #TeamForm .textimage {
       position: relative;
       /*width: 100%;*/
       height: 370px;
       max-width: 685px; /*510   657*/
       min-width: 510px;
       overflow: hidden;
       float: left;
   	margin:5px;
   }
   #TeamForm .textimage-website {
       position: relative;
       /*width: 100%;*/
       min-height: 370px;
       max-height: 510px;
       max-width: 685px; /*510   657*/
       min-width: 300px; /* 510px */
       overflow: hidden;
       float: left;
    margin:5px;
   }
   #TeamForm .textimage img{
       min-width: 100%;
       width: auto;
       height: auto;
       min-height: 100%;
   }
   #TeamForm .textimage .caption{
       position: absolute;
       bottom: 50px;
       background-color: rgba(255,255,255,0.7);
       left: 0px;
       padding: 20px 50px;

   }
   #TeamForm .textimage .caption span.teamname{
       clear: both;
       float: left;
       font-size: 20px;
       margin-bottom: 10px;
       color: #333333;

   }
   #TeamForm .textimage .caption span.teamdetails{
        clear: both;
       float: left;
   }
   .textimage span ul li{
   	height:32px;
   }
   #TeamForm .admin_de{
   	padding: 10px 0 0px !important;
   }
   .team-right label {
   	line-height: 24px !important;
   }

   .slogantext .btn-org{
   	float : left;
   	padding :11px 0 0 25px;
   }

   .teamphoto {
       position:relative;
   	width: 200px;
       height: 200px;
       padding: 0px;
       float: left;
       overflow: hidden;
       border: 1px solid #d0d0d0;
       background-color: #ffffff;
       margin: 7px;
       cursor: pointer;
       -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
       box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
   }
   .teamphoto:hover {
       -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
       box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
   }
   .teamphoto:hover .teamname{
   	height:30%;
   	background-color: rgba(255,255,255,0.9);
   }

   .teamphoto .teamname {
   	width:100%;
   	height:15%;
   	vertical-align:middle;
   	text-align:center;
   	position:absolute;
   	bottom:0px;
   	background-color: rgba(255,255,255,1);
   	-webkit-transition: all 300ms ease-in-out;
   	-moz-transition: all 300ms ease-in-out;
   	-o-transition: all 300ms ease-in-out;
   	transition: all 300ms ease-in-out;

   }
   .teamphoto .teamname  span {
     display: inline-block;
     vertical-align: middle;
     margin-top:10px;
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;

   }
   .teamphoto:hover .teamname  span {
     display: inline-block;
     vertical-align: middle;
     margin-top:20px;
   }
   .teamphoto .teamimage {
   	text-align:center;
   	height: 100%;
   	overflow:hidden;
   	width:100%;
   }
   .teamphoto .teamimage div {
   min-height: 100%;
   min-width: 100%;
   height: 100%;
   width: auto;
   background-size:cover;background-position: 50% 50%;background-repeat:no-repeat;
   }


   #teamMemebersForm  .groupcontact{
   float: left;
       width: 130px;
       background-color: #ffffff;
       margin: 5px;
       height: 180px;
       -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
       box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
   	position:relative;
   }
   #teamMemebersForm  .groupcontact .action{
   	display:none;
   	position:absolute;
   	top:0px;
   	right:0px;
   	z-index:2;
   	width:100%;
   }
   #teamMemebersForm  .groupcontact .action a{
   	float:right;
   	margin:2px 3px;
   }
   #teamMemebersForm  .groupcontact .action a img{
   	height:17px;
   }
   #teamMemebersForm  .groupcontact:hover .action{
   	display:block;
   }
   #teamMemebersForm .groupcontact .teammemphoto {
   	width: 130px;
   	height: 130px;
   	padding: 0px;
   	background: #FFF;
   	-moz-box-shadow: 0 0 0px 0px #cecece;
   	-webkit-box-shadow: 0 0 0px 0px #cecece;
   	box-shadow: 0 0 0px 0px #cecece;
   	float: left;
   	overflow: hidden;
   	margin-right:5px;
   	-webkit-border-radius: 0px;
   	-moz-border-radius: 0px;
   	border-radius: 0px;
   }

   #teamMemebersForm .groupcontact .pic-details-right {
   	background-color:#ffffff;
   	position:absolute;
   	bottom:0px;
   	left:0px;
   	right:0px;
   	height:50px;
   	max-height:50px;
   	min-height:50px;
   	overflow:hidden;
   	-webkit-transition: all 300ms ease-in-out;
   	-moz-transition: all 300ms ease-in-out;
   	-o-transition: all 300ms ease-in-out;
   	transition: all 300ms ease-in-out;
   }
   #teamMemebersForm .groupcontact:hover .pic-details-right {
   	max-height:160px;
   	min-height:70px;
   	height:auto;
   	overflow-y:auto;
   	overflow-x:hidden;
   	background-color:rgba(255,255,255);
   	-webkit-transition: all 300ms ease-in-out;
   	-moz-transition: all 300ms ease-in-out;
   	-o-transition: all 300ms ease-in-out;
   	transition: all 300ms ease-in-out;
   }
   #teamMemebersForm .groupcontact .contact-name {
       text-align: center;
       padding: 3px 0px;
   }
   #teamMemebersForm .groupcontact .contact-function {
       text-align: center;
       font-size: 12px;
       color: #999;
   }
   #teamMemebersForm .groupcontact .contact-description {
       text-align: left;
       font-size: 11px;
       color: #999;
   	padding:2px;
   }
   .teammemphoto img {
       min-width: 100%;
       width: auto;
       height: auto;
       min-height: 100%;
       max-width: 100%;
   }


   .messagelist {
   	 border: 1px solid #D0D0D0;
       float: left;
       margin-bottom: 5px;
       margin-right: 8px;
       padding: 0;
       position: relative;
       width: 100%;
   }
   .messagelist .message-text {
   	width: 190px;
   	float: left;

   	font-size: 11px;
   	font-family: verdana;
   	padding: 10px;
   }
   .messagelist .message-icon {
   	float: right;
   	color: #474747;
   	font-size: 11px;
   	font-family: verdana;
   	margin-right: 21px;
   	padding: 5px 2px 2px;
   	width:44px;
   }
   .messagelist .messagecount{
   	float: right;
   	color: #474747;
   	font-size: 11px;
   	font-family: verdana;
   	margin-top: 10px;
   }
   .messagetitle{
   	font-size: 14px;
   	height: 25px;
   }
   .messagecontact {
   	width: 30px;
   	height: 30px;
   	padding: 4px;
   	background: #FFF;
   	-moz-box-shadow: 0 0 6px 1px #cecece;
   	-webkit-box-shadow: 0 0 6px 1px #cecece;
   	box-shadow: 0 0 6px 1px #cecece;
   	float: left;
   	overflow: hidden;
   }
   .messagecontact1 {

   	background: none repeat scroll 0 0 #FFFFFF;
       box-shadow: 0 0 6px 1px #CECECE;
       float: left;
       height: 80px;
       margin: 5px 0 0 5px;
       padding: 4px;
       width: 80px;
   }

   .messagecontact1 img {
   	width: 100%;
   	height: 100%;
   }
   .messagecontact img {
   	width: 100%;
   	height: 100%;
   }
   #messagedetails  .customer-search-button input{
   	background: url("https://app.twizzit.com/images/search/ser-mod-bg.png") repeat scroll 0 0 transparent;
       border: 0 none;
       color: #646464;
       float: left;
       font-size: 12px;
       height: 18px;
       padding-bottom: 2px;
       width: 180px;
   }

   #addmessage {
   	display: table-row;
   }

   #addmessage .col{
    width: 480px;
    }
    #addmessage .col label{
    width: 480px;
    }

   #messagedetails .admin-searchbox{
   	float:none !important;

   }
   #addmessageForm {
   	width: 100%;
   	height: auto;
   	padding: 0;
   	margin: 0;
   	display: block;
   	overflow: hidden;
   }

   #addmessageForm .field1{
   	padding: 5px 5px;
   }

   #addmessageForm textarea{
       width: 440px;
   }

   #addmessageForm  .top-col{
   	margin-top:10px;
   }
   #messagedetailForm .messagelist {
   	float: left;
   	position: relative;
   	width:97%;
   	padding: 4px;
   	margin-right: 8px;
   	border : 1px solid #d0d0d0;
   	margin-bottom: 5px;
   }
   .messagecontent{
       border : 1px solid #d0d0d0;
   	float: left;
   	position: relative;
   	width:97%;
   	padding: 4px;
   	margin-right: 8px;
   	margin-bottom: 5px;
   }
   #messagedetailForm  .message-text{
   	width:145px;
   }
   .replybutton{
   	float :left;
   }
   .messagecontactleft{
   	height:auto;
   	width: 59px;
   	float:left;
   }



   .videolist {
   	padding: 4px;
   	margin-bottom: 5px;
   	position:relative;
   }
   .videolist .video-author {
   	padding-left: 55px;
   	position:absolute;
   	top:4px;
   }
   .videolist .video-text {
   	padding-left: 55px;
   	position:absolute;
   	top:22px;
   	color:#666666;
   }
   .video-detail-icon{
   position:absolute;
   top:0;
   right:0;
   width: 130px;
   height:25px;
   }
   .videolist .video-icon {
   	float: right;
   	margin-right: 15px;
   }
   .videolist .messagecount{
   	margin-top:-22px;
   	margin-left:22px;
   }
   .videolist .videocount{
   	float: right;
   	margin-top: 10px;
   }
   .videotitle{
   	font-weight: normal;
   	font-size: 19px;
   }
   .videocreator{
   	color:#aaaaaa;
   	padding-bottom:10px!important;
   	font-style:italic;
   }
   .videocontact {
   	width: 50px;
   	height: 50px;
   	overflow: hidden;
   	position:relative;
   	top:0;
   	left:0;
   }
   .videocontact1 {
   	width: 59px;
   	height: 59px;
   	padding: 4px;
   	background: #FFF;
   	-moz-box-shadow: 0 0 6px 1px #cecece;
   	-webkit-box-shadow: 0 0 6px 1px #cecece;
   	box-shadow: 0 0 6px 1px #cecece;
   	float: left;
   	overflow: hidden;
   }
   .videotext{
   	width: 80%;
   	padding: 4px;
   	float: left;
   	overflow: hidden;
   	margin-left:10px;
   }
   .videocontact1 img {
   	width: 100%;
   	height: 100%;
   }
   .videocontact img {
   	width: 100%;
   	height: 100%;
   }
   #videodetails  .customer-search-button input{
   	background: url("https://app.twizzit.com/images/search/ser-mod-bg.png") repeat scroll 0 0 transparent;
       border: 0 none;
       color: #646464;
       float: left;
       font-size: 12px;
       height: 18px;
       padding-bottom: 2px;
       width: 180px;
   }
   #videolistdetails{
   	margin-top:20px;
   }
   #videosentby_chzn{
   	float:left;
   	margin-left: 57px;
   	width:210px !important;
   }
   #videodetails .admin-searchbox{
   	float:none !important;

   }
   #addvideoForm .field1{
   	padding: 9px 20px;
   }
   #addvideoForm .top-col input[type="text"] {
   	width: 440px;
   	float: left;
   }
   #addvideoForm textarea{
       width: 440px;
   }
   #addvideoForm #group_chzn{
   	 width:440px !important;
   }
   #addvideoForm #event_chzn{
   	 width:440px !important;
   }
   #addvideoForm  .top-col{
   	margin-top:10px;
   }
   #videodetailForm .videolist {
   	padding: 4px;
   	background-color: #f0f0f0;
   	border: 1px solid #dbdbdb;
   	-webkit-border-radius: 10px;
   	-moz-border-radius: 10px;
   	border-radius: 10px;
   }
   .videocontent{
   	padding: 4px;
   	margin-bottom: 5px;
   	clear:both;
   	min-height:340px;
   	-webkit-border-radius: 10px;
   	-moz-border-radius: 10px;
   	border-radius: 10px;
   }
   #videodetailForm  .message-text{
   	width:145px;
   }
   .replybutton{
   	float :left;
   	margin: 7px 4px 0;
   }
   .videocontactleft{
   	height:auto;
   	width: 59px;
   	float:left;

   }
   /*Settings tab*/

   #teamsettingsForm  label {
   	width: 226px;
   	float: left;
   }

   #messageform{
   	display: table-cell;
       padding: 12px 0;
       width: 500px;
   }
   #messageform .col {
   	width: 460px;
   	padding: 0 20px;
   }
   #addmessageForm #messageform .field1 {
       padding: 9px 0;
   }
   #addmessage .floatview-right-block {
   	background: #D8D8D8;
       border-left: 3px solid #FFFFFF;
       display: table-cell;
       padding: 0 10px;
       width: 233px;
   	position: inherit;
   	float: inherit;
   	vertical-align: top;
   }
   #addmessage #notification-form {
   	width: 230px;
   	margin: 12px 0;
   }
   .list_text{
   text-align:center;
   min-width:60px;
   }
   #AddGroupForm .btn{
   	float:left;
   }
   /*
   #AddGroupForm #organizationid_chzn{
   	width:363px !important;
   }
   #AddGroupForm #grouptypeid_chzn{
   	width:363px !important;
   }
   #AddGroupForm #gpsubtypeid_chzn{
   	width:363px !important;
   }
   #AddGroupForm #gpseasonid_chzn{
   	width:363px !important;
   }
   #AddGroupForm #gpplaceunder_chzn{
   	width:363px !important;
   }*/
   #AddGroupForm .top-col {
   	width: 602px;
   	margin-left: 35px;
   	margin-top: 27px;
   }
   #AddGroupForm .top-col label {
   	float: left;
   	width: 115px;
   }

   .committeename {
   	width: 150px;
   	height: 10px;
   	padding: 14px;
   	float: left;
   	overflow: hidden;
   	margin: 9px;
   	border : 1px solid black;
   }
   .committeename  a{
   	color: #000;
   	font-family: Arial,Helvetica,sans-serif;
       font-size: 13px;
   	text-align:center;
   }
   .notification_contacts	{
   	position: absolute;
   	border:1px solid #000;
   	background:#fff;
   	color:#000;
   	padding:4px;
   	width:140px;
   	word-wrap:break-word;
   	z-index:999;
   }
   .notification_con	{
   	position: absolute;
   	border:1px solid #000;
   	background:#fff;
   	color:#000;
   	padding:4px;
   	width:140px;
   	word-wrap:break-word;
   	z-index:9999;
   }
   .google-visualization-orgchart-node-medium {
       font-size: 0.9em;
   }
   #committee_chzn{
   	width:200px !important;
   }
   #accessForm .white .spn-popup a{
   	white-space: nowrap;
   	color:#fff;
   }
   #visualization{	/*edited by Philippe to solve problem in my committee */
   	overflow-x:auto;
   	width:100%;
   	height:100%;
   }
   .committee_node_org_chart{
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background: #E5EBF3 ;
   background: -moz-linear-gradient(top, #E5EBF3  0%, #ffffff 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E5EBF3 ), color-stop(100%, #ffffff));
   background: -webkit-linear-gradient(top, #E5EBF3  0%, #ffffff 100%);
   background: -o-linear-gradient(top, #E5EBF3  0%, #ffffff 100%);
   background: -ms-linear-gradient(top, #E5EBF3  0%, #ffffff 100%);
   background: linear-gradient(to bottom, #E5EBF3 0%,#ffffff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff', GradientType=0 );
   border: 1px solid #d0d0d0;
   cursor:pointer;
   }
   /* removed by Philippe on 5/11/2013
   #messagedetails  #editmode{
       bottom: 0;
       left: 0;
       position: absolute;
       right: 350px;
       top: 0;
   }
   */

   .messagelist:hover {
       background-color: #ebebeb; /* or #000 */
   }
   #backbuttonstyle{
   	float:left;
   	padding-right:15px;
   }

   .messagecontrols{
   	float: right;
   	color: #474747;
   	font-size: 11px;
   	font-family: verdana;
   	margin-right: 21px;
   	width:45px;
   	padding:12px 2px 2px;
   }
   #seasoncheck{
   	background-color: #FF7D4D;
   	max-width:360px;
   	margin:5px 0px;
       color: white;
       padding: 5px;
   }
   #validfunction{
   	background-color: #FFAE4D;
   	max-width:360px;
   	margin:5px 0px;
       color: white;
       padding: 5px;
   }
   #absenceseventtypes span{
   	padding-left:5px;
   }
   .absenceoverviewmargin{top:50px;}
   .absenceoverviewmarginextra{top:90px;}
   #attendacedetails table{
       -moz-box-shadow: 0 0px 0px #ffffff!important;
       -webkit-box-shadow: 0 0px 0px #ffffff!important;
       box-shadow: 0 0px 0px #ffffff!important;
   	margin-bottom:0px;
   }
   #attendacedetails .name{
   	width:130px;
   	max-width:130px;
   	text-align: left;
   	padding:0px;
   }
   #attendacedetails #eventname, #attendacedetails .footer{
   	width:40px!important;
   	min-width:40px!important;
   	max-width:40px!important;
   	text-align:center;
   	border-left: 1px solid #e0e0e0;
   }
   #attendacedetails #eventname img{
   	width: 19px;
   	height: 19px;
   	margin :0px 5px;
   }
   #attendanceentry .top-col {
   	width: 602px;
   	margin-left: 35px;
   	margin-top: 27px;
   }
   #attendateentryForm textarea{
       width: 440px;
   }
   #attendateentryForm .btn-org{
   	/*margin-right:5px;
   	float:right;*/
   	float: left !important;
       margin:15px 0 0 7px;
       position: relative;
       right: 0;
       top: 0;
   }
   #teamsettingsForm .col{
   	width : 600px;
   }

   .btn-delete {
   	background: url("https://app.twizzit.com/images/btn_close.png") no-repeat scroll center 0 transparent;
   	display: block;
   	height: 17px;
   	width: 17px;
   	margin: 0 auto;
   }
   #TeamForm .admin-name{
   padding:0px;
   }
   #myteamForm .admin-name{
   padding:10px 5px 5px 5px;
   }
   .mycommittee-admin-name{
   padding:10px 0px 5px 0px;
   text-transform:uppercase;
   font-weight:bold;
   }
   #AddGroupForm .btn-container{
   	padding-left:40px;
   }
   #teamcontactForm .btn-container{
   	padding:6px 0px 0px 0px;
   }
   #teamMemebersForm .pic_text{
   	color : #666666 !important;
   }
   #content #customeradmin .customeraccount{
   	padding-left:0px !important ;
   }
   #teamMemebersForm  .cus{
   	 border: 1px solid #D0D0D0;
   	 background:none repeat scroll 0 0 #fff;
   }
   #teamsettingsForm .admin-name{
   	padding:10px 5px 5px 5px;
   	text-transform:uppercase;
   }
   #croptool img{
   	margin:20px 14px 20px 20px;
   	float:left;
   	background:#FFFFFF;
       box-shadow: 0 0 5px 1px #D3D3D3;
   }
   #croptool .box{
   	float:left;
   	padding-top:20px;
   }
   /* commented by Philippe for solving problem in search module
   #contact{
   margin:5px 10px 5px 0px;
   }
   */
   #addmessageForm .floatview-right-block {
   padding:10px;
   }
   .messagelist .message-icon.ac{
   	padding:13px 2px 2px;
   }
   /*
   #SearchmessageForm .search-btn {
   	height: 27px;
   	padding : 0;
   	margin-top: 4px;
   }

   #messagesearch {
   	padding: 5px 0px;
   	margin-top: 4px;
    }
   */
   #addmessageForm .input-note{
   	 padding: 1px 0 10px 1px;
   }
   .messagetextnew {
       margin-left: 12px;
       overflow: hidden;
       padding: 4px;
   }
   .col label span{
   margin:0px 10px 0px 0px;
   float:right;
   }
   .field1 .radiotext{
   	margin:0px 10px 0px 0px;
   }
   .fieldsvalues{
   	width:182px !important;
   	margin-left:10px;
   }
   #selectbyfunction,#select-all{
    margin: 5px 10px 5px 0;
    }
   .grid-block #attendacedetails  td{
   	width:auto;
    }
   #teamsettingsForm .choosen{
    display: inline-block;
       float: left;
       font-size: 13px;
       position: relative;
       width: 250px !important;
   	}
   #addmessageForm .notification-content{
   	padding-left:0px !important;
   }
   #seasoncheck label,#validfunction label{
   	width:244px !important;
   }
   /* Ends*/

   /* added by Philippe on 29/10/2013 */
   .teampic_button{
   	display:none;
   	position:absolute;
   	top:2px;
   	right:2px;
   }
   .teampic_button_2{
   	display:none;
   	position:relative;
   	top:32px;
   	right:0px;
   }
   /* Ends*/




   /* Added by Anand on 28/01/2014 */
   .grid-block.abs-tab tbody td { height: 47px; }
   #attendacedetails tbody tr:first-child td { border-top-width: 1px !important; border-bottom-width: 1px !important; }



   /*tablets*/
   @media (max-width: 800px) {
   	#TeamForm .textimage {
   		max-width: none;
   		min-width: 100%;
   		width: auto;
   		height: auto;
   	}
   	#TeamForm .textimage img{
   		min-width: 100%;
   		width: auto;
   		height: auto;
   		min-height: 100%;
   		max-width: 100%;
   	}
   	/*absences*/
   	#attendacedetails{
   	    top: 80px!important;
   	}
   }

   /* phones */
   @media (max-width: 400px) {

   	#TeamForm .textimage .caption {
   		position: absolute;
   		bottom: 10px;
   		background-color: rgba(255,255,255,0.7);
   		left: 0px;
   		padding: 10px 30px;
   	}
   	#TeamForm .textimage .caption span.teamname {
   		clear: both;
   		float: left;
   		font-size: 16px;
   		margin-bottom: 5px;
   		color: #333333;
   	}
   	#teamMemebersForm .groupcontact {
   		width: 48%;
   		margin: 10px 1%;

   	}
   	#teamMemebersForm .groupcontact .teammemphoto {
       width: 100%;
   	}

   	/*messages*/
   	.msg_cont {margin-top:30px;}
   	.msg_cont .sender_cont {
   	display:none;

   	}
   	.msg_cont .msg_body {
   		margin-left:0px;
   	}
   	.msg_cont .sender_det {
   		position: absolute;
       top: -22px;
   	}
   	.msg_cont .sender_separator {
   			display:none;
   	}
   	.msg_cont .msg_body .msg_title h2{
   		margin:5px 0px;
   	}
   }

  /********************************
  * 6. Form Module
  ********************************/

  .highlighted {
  	background: url(https://app.twizzit.com/images/form_sel_field.png) no-repeat left center;
  	background-color: #F8FAFC!important;
  	border: 1px solid #EBEFF3;

  }
  .hiddenclass {
  	background-image: url(https://app.twizzit.com/images/form_hiddenfield.png) ;
  	background-repeat: repeat ;
  	background-position:right center;
  }

  .namepropdis {
  	width:417px;
  }

  .namepropdisdiv1{
  	float: left;
  	width: 205px;
  }

  .namepropdisdiv2{
  	float: left;
  	width: 200px;
  	left:0;
  }

  .form-wrapper {
  position: absolute;
  display: block;
  left: 15px;
  right: 0;
  top: 50px;
  bottom: 0;
  }
  .form-left-outer { float: left;
  width: 99%;
  top: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
   }
  .form-left-part {
  position: absolute;
  display: block;
  left: 400px;
  top: 0px;
  left: 0px;
  bottom: 5px;
  padding-left:0px;
  overflow-y: auto;
  overflow-x: hidden;
   }
  .form-right-part {
  border: 1px solid #dbdbdb;
  bottom: 5px;
  float: left;
  left: 0;
  min-width: 355px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 10px;
  position: absolute;
  top: 10px;
  width: 355px;
  background-color:#DCE2EB;
  padding-top:5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }
  .form-box {
  border: 2px dashed #d8d8d8;
  background: #fff;
  position: relative;
  padding:0px 0 10px 0;

  height: auto;
  margin-bottom: auto;
  margin-left: 0px;
  margin-right: auto;
  margin-top: 10px;




   }
   label.formlabel{
   float:none!important;
   width: 100%!important;
   }
   label.formlabel .formlabel{
   font-weight:bold;
   font-style:italic;
   }
  .form-box-head { border-bottom: 1px dotted #d8d8d8;
  padding: 10px 10px 8px 10px;
  margin: 0 0 10px 0;
  color: #666666;
  font: normal 13px/20px Arial; }

  .form-box .rows {
  line-height: 1;
  margin: 0px;
  padding: 5px 0px 5px 0px;
  margin-left: 0px;
  position: relative;
  float:none;
  clear:both;
  }
  .fieldwrapper{
  margin:0px 30px 0px 50px;
  }

  .form_showpage{
  border: 1px solid #dedede!important;
  padding: 5px 20px;
  margin: 10px;
  }
  .form-left-part div.rows:hover, .form-left-part div.rows:active {
  	cursor:pointer;
  	border: 0px solid #EBEFF3;

  	background-color: #F8FAFC;
  }

  .delete_star {display:none;}
  .form-box .rows:hover .delete_star, .highlighted .delete_star{ position:absolute; top:5px; right:5px;display:block;opacity:1; filter:alpha(opacity=100); }
  .form-left-part span.delete_star:hover { display:block;opacity:1; filter:alpha(opacity=100); }

  .form_pageheader{height:30px;}
  .form_pageheader:hover .delete_star{ display:block;opacity:1; filter:alpha(opacity=100);}

  .form_pagebuttons{
  	margin: 15px 0px 0px 50px;
  }

  .form-left-part .form-box  textarea{
  	width: 80.5%;
  }
  .form-left-part .form-box  label{
  	float: left; width: 130px;
  }
  .save-btm { bottom: 11px; position: absolute;right: 25px; }
  .form-box .radio-box, .form-box .custom-chkbox, .legend .custom-chkbox { float:left; padding-right:1em; position:relative; }
  .form-box .radio-box label, .form-box .custom-chkbox label { width:auto !important; }
  .form-heading { padding: 9px 10px;
  font-size: 13px;
  color: #666; }
  .legend{ border-bottom: 1px solid #e7e7e7;
  padding: 2px 10px 5px 10px;
  margin: 9px 0 0px 0;
  }
  .foot-guidelines { position: relative;
  width: auto;
  margin: 0 auto;
  }
  .foot-guidelines  .content { height: 150px;
  top: 48px;
  border: 1px solid #d0d0d0;
  background: #f8f7f7;
  }
  .formfields .rightbtn{
  	float: left;
      position: absolute;
      right: 12px;
      top: 26px;
  }
  #formlist .grid-block table td{
  cursor:pointer;
  }

  .searchshowonly{
  	float: left;
      margin-left: 37px;
  }
  #formlist .rightbtn{
  	 float: right;
  }
  /* Add Copy event modal window */
  .addform-section { display:block; }
  ul.addform-section {margin:0;padding:0;}
  .addform-section  li p { color: #666666;
      display: block;
      font: bold 13px/18px Arial;
      margin: 0 auto;
      padding: 8px 0;
      width: 100%; }

  .addform-section > li{
  	float: left;
      margin: 20px 0px 20px 20px;
      text-align: center;
  	cursor:pointer;
  width: 250px;
  height: 250px;
  	list-style: none;
  -webkit-box-shadow: 1px 1px 19px rgba(150, 150, 150, 0.75);
  -moz-box-shadow: 1px 1px 19px rgba(150, 150, 150, 0.75);
  box-shadow: 1px 1px 19px rgba(150, 150, 150, 0.75);
  }
  .addform-section li:hover{
  -webkit-box-shadow: 1px 1px 19px rgba(20, 20, 20, 0.75);
  -moz-box-shadow: 1px 1px 19px rgba(20, 20, 20, 0.75);
  box-shadow: 1px 1px 19px rgba(20, 20, 20, 0.75);
  }
  .addform-section  li img{
  	position:relative;
  }
  .addform-section li:hover img {
  }
  .addform-section li .chzn-container li{
  	float:none;
  	text-align:left;
  }
  /* Add Copy event modal window - Ends */

  #formdetails .admin-name{
  	margin: 10px 0;
  }
  #formdetails label{
  	width:100px !important;
  }


  #content #formdetails .right-col {
  	width: 50%;
  	float: left;
  	margin-left:20px;
  }
  .fieldtype{
  border: 1px solid #efefef;
  float: left;
  padding: 10px;
  position: relative;

  margin:10px;
  width: 105px;
  height:70px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  }
  .fieldtype .fieldname{
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:20px;
  background-color:#A5B3C7;
  text-align:center;
  color:#ffffff;
  font-weight:bold;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  }

  .fieldtype:hover {
  background-color:#E8ECF3;
  /*width: 115px;
  height: 80px;
  margin:5px;*/

  -moz-box-shadow: 0px 2px 4px #ccc;
  -webkit-box-shadow: 0px 2px 4px #ccc;
  box-shadow: 0px 2px 4px #ccc;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#cccccc')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#cccccc');

  -webkit-transition: all 0.20s ease;
  -moz-transition: all 0.20s ease;
  -ms-transition: all 0.20s ease;
  transition: all 0.20s ease;
  }

  .formsection{
  width:100%!important;
  font-weight:bold;
  border-bottom:1px solid #dddddd;
  }
  .firstlastname{
  	float: left;
      margin: 0 2px 0 0;
      padding: 0 0 8px;
  	width:200px;
  }

  .firstname{
  	float: left;
      margin: 0 2px 0 0;
      padding: 0 0 8px;
  }

  .lastname{
  	float: left;
      margin: 0 2px 0 0;
      padding: 0 0 8px;
  }


  .addressfield{
  	float: left;
     /* padding-top: 10px;*/
      padding-top: 2px;
  	width: 100%;
   }
  .matrix table {
      border-collapse: collapse;
      margin: 0 0 5px;
      text-align: left;
      width: 100%;
  }
  .matrix caption {
      font-size: 95%;
      font-weight: 700;
      text-align: left;
  }
  .matrix th {
      border-bottom: 1px solid #888888;
      font-size: 95%;
      font-weight: normal;
      padding: 5px 0;
      text-align: center;
  }
  .matrix td.first_col {
      font-size: 95%;
      font-weight: 700;
      text-align: left;
  }
  .matrix td {
      border-bottom: 1px solid #CCCCCC;
      padding: 6px 8px;
     /* text-align: center;*/
  }

  .choicesadd {

  }
  .removeradiooptionvalue, .choicesadd, .removeoptionvalue,.removecheckoptionvalue{
  position:relative;
  top:5px;
  }
  .optiondelbtn {
  	position: relative;
      top: 3px;
  	right: -5px;
  }

  .choicesoption{
  	/*left: 2px;*/
  	left:-4px;
  	top:-5px;
      margin: 0px 5px 10px 5px;
      position: relative;
      width: 100%;
  }
  .legendbox{ border-bottom: 0px solid #e7e7e7;}
  .sectioncontent{
      width: 100%;
  	margin-left:0px;
  }
  #formlist .search-input input[type="text"]{
        min-width: 200px;
  }

  .fieldattributes {
  	padding-left:5px;
  }

  .notfy_contact_list {
  	float: none;
      left: 143px;
      padding: 0 0 3px;
      position: relative;
  }
  .first-class td{
  	float: left;
  	font-weight: bold;
  }

  .matrixfrminputfld {
  float: left;
  height: 14px;
  width: 150px;
  }
  .matriximg-addtbn {
  float: left;
  margin: 5px 0 0 5px;
  }
  .matriximg-deltbn {
  float: left;
  margin: 5px 0 0 5px;
  }
  .reloadbtn{
  padding: 0px 0px 0px 4px;
  }
  .reloadlink{
  	padding: 0;
  	margin:0;
  }
  .guidelines  {
  	background: #f5f5f5;
  	border: 1px dashed #e6e6e6;
  	color: #ff9f80;
  	font-size: 91%;
  	line-height: 7%;
  	margin: 0 0 0 8px !important;
  	padding: 13px 10px 9px;
  	position: absolute;
  	top: 36px;
  	width: 40%;
  	z-index: 1000;
  	left:90px;
  	opacity:0.8;
  }

  .form-box ul {
  	min-height: 45px;
  	padding:0px;
  }

  .guidetips {
      color: rgb(132, 132, 132);
      /*float: left;*/
      font-size: 11px;
      font-style: italic;
      line-height: 18px;
      position: relative;
      top: 3px;
  	display:none;
  	clear: both;
  }
  .clas_star {
  	color: rgb(255, 42, 42);
      font-size: 17px;
      font-weight: bold;
  	display:none;
  }
  .star-text {
  	color: rgb(255, 42, 42);
      float: right;
      font-size: 10px;
  	display:none;
  }

  .limitsize {
  	position:absolute;
  	padding: 0 0 0 3px;
  	top:5px;
  }
  .fupload {
  	float: left;
      margin-bottom: 0;
      margin-left: 10px;
      margin-right: 0;
      margin-top: 4px;
  }





  .frmpgbk {
  	/*float: left;
      height: auto;
  	margin-top: auto;
      position: absolute;
      width: 100%;*/
  	bottom: 22px;
      float: left;
      height: auto;
      margin-top: auto;
      position: absolute;
      width: 100%;
  }

  .pagetext {
  	float: left;
      left: 10px;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
      position: relative;
      width: 83px;
  }

  .pagetext12 {
  	 float: left;
      left: 129px;
      position: relative;
      width: 70px;
  }

  .pagetext13 {
  	float: right;
      left: -16px;
      position: relative;
      width: 87px;
  }

  .convertbtn {
  	float:left;
  	width:100%;
  	margin-top: 10px;
  	margin-left:5px;
  }


  .pagetext a, .pagetext12 a, .pagetext13 a{
  	font-weight:bold;
  	font-size:15px;
  	padding:3px;
  	border: 1px solid #F5F5F5;
  }

  .pagetext .activepaging{
  	color: blue;
  }

  .frmpagebx {
  	cursor: pointer;
  	font-size: 19px;
  	/*margin-left: -23px;*/
  	margin-top: 10px;
  	height:45px;
  }
  .defclass {
  	float: left;
      height: 13px;
      margin-bottom: 2px;
      margin-left: 1px;
      margin-right: 2px;
      margin-top: 1px;
      width: 47px;
  }


  .optclass {
  	float: left;
      height: 13px;
      margin-bottom: 2px;
      margin-left: 3px;
      margin-right: 2px;
      margin-top: 1px;
      width: 47px;
  }

  .ticket-sel-box {
  	float: left;
      position: relative;
      width: 100%;
  	margin:4px 0 0 4px;
  }

  .ticket-sel-box a{
  	margin:-1px 0 0 4px;
  }

  .ticketstab{
  	float: left;
      margin-bottom: 0;
      margin-right: 3px;
      margin-top: 8px;
      position: relative;
      width: 100%;
  }

  .center-box {
  	float:left;
  	width:10%;
  }
  .previouslang{
  	float:left;
  	cursor:pointer;
  	margin: 10px 0 0 0;
  }
  .nextlang{
  	float:right;
  	cursor:pointer;
  	margin: 10px 0 0 0;
  }
  .frmbackbtn {
  	left: 930px;
      position: absolute;
      right: 0;
      top: 10px;
  }
  .nil_entry h2 {
  	float: right;
      font-size: 20px;
      left: 0;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 0;
      margin-top: -7px;
      position: absolute;
      text-align: center;
      vertical-align: middle;
      width: 800px;
  }

  .showform-box {
  	display: block;
      height: 473px;
      margin-bottom: 10px;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 15px;
  	border:1px dashed red;
  	width: 89%;
  }

  #loading {
      position:fixed;
      top: 47%;
      left: 58%;
      width:30em;
      height:18em;
      margin-top: -9em; /*set to a negative number 1/2 of your height*/
      margin-left: -15em; /*set to a negative number 1/2 of your width*/
     /* border: 1px solid #ccc;
      background-color: #f3f3f3;*/
  }

  .btngreen{
  border: 1px solid #D0D0D0;
  cursor: pointer;
  display: block;
  float: left;
  width:200px;
  font-size: 15px;
  outline: 0 none;
  margin: 0 5px 5px 0;
  padding: 20px;
  color:#ffffff!important;
  text-align: center;
  position: relative;

  -webkit-transition: background, color 0.35s ease-in-out 0s;
  -moz-transition: background, color 0.35s ease-in-out 0s;
  -ms-transition: background, color 0.35s ease-in-out 0s;
  transition: background, color 0.35s ease-in-out 0s;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background-color:#006607;
  background-image: -webkit-linear-gradient(bottom, #006607, #00930a);
  background-image: -moz-linear-gradient(bottom, #006607, #00930a);
  background-image: -o-linear-gradient(bottom, #006607, #00930a);
  background-image: -ms-linear-gradient(bottom, #006607, #00930a);
  background-image: linear-gradient(to top, #006607, #00930a);
  }
  .btngreen:hover{
  background-color:#00930a;
  background-image: -webkit-linear-gradient(bottom, #00930a, #006607);
  background-image: -moz-linear-gradient(bottom, #00930a, #006607);
  background-image: -o-linear-gradient(bottom, #00930a, #006607);
  background-image: -ms-linear-gradient(bottom, #00930a, #006607);
  background-image: linear-gradient(to top, #00930a, #006607);
  }
  .btnred{
  border: 1px solid #D0D0D0;
  cursor: pointer;
  display: block;
  float: left;
  width:200px;
  font-size: 15px;
  outline: 0 none;
  margin: 0 5px 5px 0;
  padding: 20px;
  color:#ffffff!important;
  text-align: center;
  position: relative;

  -webkit-transition: background, color 0.35s ease-in-out 0s;
  -moz-transition: background, color 0.35s ease-in-out 0s;
  -ms-transition: background, color 0.35s ease-in-out 0s;
  transition: background, color 0.35s ease-in-out 0s;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background-color:#930000;
  background-image: -webkit-linear-gradient(bottom, #930000, #c30000);
  background-image: -moz-linear-gradient(bottom, #930000, #c30000);
  background-image: -o-linear-gradient(bottom, #930000, #c30000);
  background-image: -ms-linear-gradient(bottom, #930000, #c30000);
  background-image: linear-gradient(to top, #930000, #c30000);
  }
  .btnred:hover{
  background-color:#c30000;
  background-image: -webkit-linear-gradient(bottom, #c30000, #930000);
  background-image: -moz-linear-gradient(bottom, #c30000, #930000);
  background-image: -o-linear-gradient(bottom, #c30000, #930000);
  background-image: -ms-linear-gradient(bottom, #c30000, #930000);
  background-image: linear-gradient(to top, #c30000, #930000);
  }

  .forms_hidefieldprops{
  	display:none;
  }

  .radio-box label {
    margin-right: 10px;
  }

  @media (max-width: 800px) {
  	.forms_hidefieldprops{display:block;float:right;}
  	.form-right-part{position: fixed;
      top: 40px;
      width: 100%;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      bottom: 0px;}

  }

  /********************************
   * 7. Video Module
   ******************************** /

   /*css for video gallery page*/
   /************************video header area Start*******************************/
   .video-header{
   	width:100%;
   	float:left;
   }
   .video-header .search-module-seach-button{
   	padding:0px;
   }
   .video-header div{
   	margin:0px 2px;

   }
   .video-person{
   	margin-top:5px;
   	float:left;
   }
   .video-box{
   	margin-top:5px;
   }
   .video-box span{
   	vertical-align:top;
   	padding:2px;
   }
   .video-rightside{
   	float:right;
   }
   /************************video header area end*******************************/

   /************************video Box area Start*******************************/
   .icon-reply { background: url("https://app.twizzit.com/images/reply.png") no-repeat scroll 0 center transparent; }
   .icon-share { background: url("https://app.twizzit.com/images/share.png") no-repeat scroll 0 center transparent; }
   .video-content{
   	width:100%;
   	float:left;
   	padding-bottom:10px;
   }
   .videoBox{
   	/*float:left;
   	width:150px;
   	height:165px;
   	border:Solid 2px #333;
   	padding:5px;
   	text-align:left;
   	margin:0px 10px;*/
   	background: none repeat scroll 0 0 #FFFFFF;
       border: 1px solid #D0D0D0;
       float: left;
       height: 200px;						/*edited by Philippe to increase thumbnail size */
   	margin:3px;							/*edited by Philippe to increase thumbnail size */
       overflow: hidden;
       padding: 0;
       position: relative;
       vertical-align: middle;
       width: 200px;
   	cursor:pointer;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
   }
   .delete-image{
   	background: url("https://app.twizzit.com/images/btn_close.png") no-repeat scroll center center #FFFFFF;
       border: 0 solid;
       display: block;
       height: 22px;
       opacity: 0;
       position: absolute;
       right: 0;
       top: 0;
       width: 22px;
       z-index: 10;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;
   }

   .video_title {
       font:bold 13px arial;
       padding: 0 0 7px;
   	width:128px;
   	opacity: 0.5;
   }
   .video_directory{
   	font-weight:normal;
   }
   .video-pop{
   	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
       /*background: repeat #D0CDCD;*/
   	bottom: 0;
       color: #545353;
       height: 80px;
       left: 0;
       margin: 0;
       opacity: 0.5;
       /*overflow: hidden;*/
       padding: 5px 7px;
       position: absolute;
       right: 0;
       transition: all 0.3s ease-in-out 0s;
       z-index: 5;
   	display:none;
   	word-wrap: break-word;

   }
   .video-pops{
   	 background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
       bottom: 0;
       color: #545353;
       height: 50px;
       left: 0;
       margin: 0;
       opacity: 1;
       /*overflow: hidden;*/
       padding: 5px 7px;
       position: absolute;
       right: 0;
       transition: all 0.3s ease-in-out 0s;
       z-index: 5;

   	word-wrap: break-word;
   }
   .video_desc {
       font: italic 11px/18px Arial;
       left: 0;
       position: relative;
       top: 0;
       width: 125px;
   }

   .video-icons {
       bottom: 5px;
       display: block;
       position: absolute;
       right: 5px;
       text-align: right;
       top: 5px;
       width: 40px;
   }

   .video-icons .msg-icon {
       display: block;
       padding: 0 0 5px;
   }

   /* .video-icons .msg-icon .count {
       float: left;
       font-size: 13px;
       line-height: 20px;
   } */
   /************************video Box area End*******************************/
   .clear{
   	clear:both;
   }
   .video-icons span{
   	padding:0 17px 0px 0px;
   }

   .video_contacts {
   	border:1px solid #000;
   	background:#fff;
   	color:#000;
   	padding:4px;
   	width:140px;
   	word-wrap:break-word;
   }

   .video_rep_contacts {
   	border:1px solid #000;
   	background:#fff;
   	color:#000;
   	padding:4px;
   	width:140px;
   	word-wrap:break-word;
   	display:inline;
       position: absolute;
   	right: 10px;
   	top: 40px;
   }


   .videoBox:hover .video-pops,.videoBox:hover .video-pop { opacity:1; bottom:0; filter:alpha(opacity=100);}
   .videoBox:hover .delete-image { opacity:1; filter:alpha(opacity=100); }

   .video-album {
       background: none repeat scroll 0 0 #FFFFFF;
       bottom: 0;
       color: #545353;
       height: 33px;
       left: 0;
       margin: 0;
       opacity: 0.98;
   	filter:alpha(opacity=95);
       overflow: hidden;
       padding: 10px;
       position: absolute;
       right: 0;
       transition: all 0.3s ease-in-out 0s;
       z-index: 5;

   	}
   /* added by Philippe on 3/10/2013 */
   .album-details{
   background-color:#efefef;
   border:1px solid #dddddd;
   margin: 0px 3px 5px 3px;

   }
   .album-title {
   	display: block;
       float: left;
       font: bold 14px/18px Arial;
       padding: 3px 2px 3px 10px;
   }
   /* end*/
   .album-by {
   	display: block;
       float: left;
       font: 14px/18px Arial;
       padding: 3px 2px 3px 0px;
   }

   .add-btn { float:right; }
   .album-desc {
   	display: block;
       float: left;
       font: 14px/18px Arial;
       padding: 3px 2px 3px 0px;
   	}
   .album-desc p { margin:0; padding:0 0 8px 0; }


   .custom-chkbox {
       position: relative;
   	display:block;
   	float:left;
   }

   .video_thumb {
   	width:200px;		/*edited by Philippe to increase thumbnail size */
   	height:200px;
   	overflow:hidden;
   	text-align: center;
   }

   /* added by philippe on 14/10*/
   .videodetails tr td{
   padding:3px;
   color:#808080;
   }

   .label{
   font-weight:bold;
   }

   .during-upload p{
   clear:both;
   }
   /* Line Added For the Bug #92480  by M.JahabarYusuff */
   .truncate {
     width: 162px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }
   .image-album{
   	height: 45px;
   }
   /*  end #92480 */


  /********************************
   * 8. Home Module
   ********************************/

   /*
     Author: Anand
     Date  : 26/06/2013
     Desc  : A seprate Css file for Home Module

     Completely adjusted by Philippe on 15/11/2013
   */

   .home-left{float: left;display: block;width: 59%;padding-right: 1%;}
   .home-right{float: left;margin: 0 0 0 0px;padding: 0px 0px 0px 0px;width: 40%;}

   .rss-wrapper{}
   .rss-item{padding:5px;margin:0px 0px 10px 0px;border: 1px solid #F1F1F1;background-color: #f9f9f9;}
   .rss-title h2{color: #666666;font-size: 17px;padding: 5px 5px 0px 5px;}
   .rss-desc{padding:3px 0px 0px 0px;}
   .rss-desc img{padding:0px!important;margin:0px 5px 0px 0px!important;width:160px!important;height:auto!important;float:left!important;}

   .tips-wrapper{padding:5px;margin:0px 0px 10px 0px;border: 1px solid #F1F1F1;background-color: #f9f9f9;}
   .tips-item{height:200px;}
   .tips-title h2{color: #666666;font-size: 17px;padding: 5px 5px 0px 5px;}
   .tips-desc{text-align:justify;word-wrap: break-word;padding:1px 0 0 2px;width: 100%;}
   .liquid-slider-wrapper{width:100%!important;}
   .liquid-slider{width:100%!important;}
   .liquid-slider .panel-wrapper{padding:0px 5px!important;}
   .panel-wrapper > p {display:none;}

   .tab-container-articles {	left: 0;overflow-x: hidden;overflow-y: auto;position: relative;		}
   .activearticleschck {position: relative;}
   #approvedet {padding:0;margin:0;}
   .news-title-admin {margin: 5px;padding: 5px;}
   .news-views-channel {float: left;margin: 3px;width: 100%;}
   .save-icon-channel {float: left;}
   .sub-title  p {padding: 3px;}

   /* tablets */
   @media (max-width: 800px) {
     .home-left{float: none;width:auto;padding:0px;clear:both;}
     .home-right{float: none;width:auto;padding:0px;clear:both;}
   }
   /* phones */
   @media (max-width: 400px) { }

 /********************************
  * 9. Receipts Module
  ********************************/

  /*
  	Author: Anand
  	Date  : 04/07/2013
  	Desc  : A seprate Css file for Overview Receipt Module
  */

  #receipts-filter .date-box {
  	float:left;
  	width:35%;
  	margin-top: 7px;
  }

  #receipts-filter .register-box {
  	float:left;
  	width:16%;
  	margin-top: 9px;
  }

  #receipts-filter .comments-box {
  	float:left;
  	width:49%;
  }

  .receipts-table th{color:#111231;font-size:11.5px;text-align:left;background-color:#CCCCCC;padding:5px;font-weight:bold;}
  .receipts-table td{color:#111231;font-size:11.2px;text-align:left;padding:5px;}

  .edit-register-box {/*border:1.5px solid #808080;*/width:600px;margin:5px;}

  .edit-register-tab th {color:#111231;font-size:11.5px;text-align:left;padding:5px;font-weight:bold;}
  .edit-register-tab td {font-size:11.5px;text-align:left;padding:5px;}

  #edit-receipts-cont .edit-receipts-cont {
  	margin:20px;
  	width:600px;
  }

 /********************************
  * 10. Events Module
  ********************************/

  .smallcheckbox-group{
	  float:left;
	  margin-left:5px;
  }
  .smallcheckbox-group label{margin-top: 6px;float: left;display: block;}
  .smallcheckbox-group input{height:17px;width:17px;margin-top: 5px;display: block;float: left;}
  
  /* Added by Philippe on 4/11/2013 for changes in Year mode */

  #event-ydata .grid-block{
  margin-top:0px;
  }
  /*Added by Md Asif on Jul 29 2013 for new design changes.  */
  #eventype { display:table; }
  #eventype .rows .checkbox-group { display: block;
      float: left;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 1em;
      margin-top: 0; }
  .btn-org { position: absolute;
      right: 5px;
      top: 10px; }
  #eventype .rows { display:table-row; }
  #eventype .rows > div { display:table-cell; padding:0px 0px 5px 0px; }
  #eventype .rows label { width:auto; }
  #eventype .colgroup1  label { padding-top: 5px;}
  #eventype .colgroup2  { padding-right:5px; }
  #eventype .colgroup3   {  width: 300px; }
  #eventype .custom-chkbox label, #eventype .custom-chkbox label { width:auto; min-width:auto !important; }
  /*End*/
  #addEventContent {
  	width:100%;
  	position:absolute;
  }

  #AddEvent {

  }
  .addeventbtn{
  color:#eee;
  font-size:11px;
  }
  .addeventbtn:hover{
  color:#fff;
  text-decoration:underline;
  }
  #event-form {
  	margin:10px;
  	float:left;
  	width:755px;

  }

  .checkboxcontent {
  	padding-left:6px;
  }

  #event-ydata {
  	margin:0px;
  	width:100%;
      height:100%;
  	overflow: auto;

  }
  #accommodation{
  overflow: auto;
  }
  .evenddet {
  	border:	1px solid #000000;
  }
  /* dts new popup for repeat - Added by Rohini R on 2nd july 2013 */
  .popup{
  	/*border:1px #CC3A3A solid;*/
  	margin:0px auto;
  	border-radius:5px;
  	/*background:#ffffff;*/
  }

  #addmodalcontentnew .popup { padding:20px; }
  .popup label{
  	width:22%;
  	float:left;
  	text-align:right;
  	padding:0% 4% 0% 0%;
  }
  .pop-selt-1{
  	width:70%;
  	float:left;
  }
  .popup-cont{
  	padding:10px 10px 0px 10px;
  }
  .popup .pop-close{
  	position:absolute;
  	top:0px;
  	right:0px;
  }
  .rows .inner-div{
  	display:block;
      float: left;
      padding: 0 0 10px;
      width: 70%
  }
  .rows .inner-div .rows { float:left; }
  .inner-div .rows  label {  padding: 0;
      text-align: left;
      width: 45px; }
  .inner-div  .pop-radio {
      float: left;
      margin: 1px 3px 0 0;
  }
  .inner-div .rows  .pop-span-1 { display: block; float: left; padding-right: 10px; }


  /* end dts new popup for repeat 14/06/13 */
  /*#daily{
  	display:none;
  }
  #weekly{
  	display:block;
  }
  #monthly{
  	display:none;
  }
  #yearly{
  	display:none;
  }*/
  #repeatdate{
  	width:300px;
  }
  #repeateventdate{
  	display:none;
  }
  .updaterepeatevent .top-col{
  	width: 602px;
  	margin-left: 35px;
  	margin-top: 27px;
  }
  .updaterepeatevent .field{
  	padding: 7px 5px;
  }
  #repeatstatus_chosen, #repeatevery_chosen, #repeatstatuscontent .inner-div label {
    width: 200px !important;
  }



  /*Added by Md Asif on Jul 29 2013 for new design changes.  */
  #icalpage { display:table; padding:20px; height:280px;}
  #icalpage .rows .checkbox-group { display: block;
      float: left;
      margin-bottom: 0;
      margin-left: 0;
      margin-right: 1em;
      margin-top: 0;
  }

  #icalpage .rows { display:table-row; }
  #icalpage .rows > div { display:table-cell; }
  #icalpage .rows label { min-width:75px; width:auto; }
  #icalpage .colgroup1  label { width:215px }
  #icalpage .colgroup2  label { width: 155px; }
  #icalpage .colgroup3  label {  }
  #icalpage .custom-chkbox label, #icalpage .custom-chkbox label { width:auto; min-width:auto; }


  .grid-block-half table {  }
  .grid-block-half table thead th { padding:2px 4px; }
  .grid-block-half table .rows { padding:0; }
  .grid-block-half table tr td {  padding: 3px 5px; }


  .sub-table .file-name {  width: 300px; }
  .sub-table2 .file-name { width: 265px; }

  .sub-table .created-by { width:140px; }
  .sub-table2 .created-by {  }


  .popup-content .content { padding: 0;
      position: relative;
      top: 0; }
  .popup-content .grid-block { display: table-cell;
      float: none;
      min-height: 100%;
      padding-bottom: 10px;
      padding-left: 15px;
      padding-right: 5px;
      padding-top: 0;
      vertical-align: top;
      width: 710px; }



  .no-padding-left { padding:5px 0; }
  .select-team {  }
  .select-team .gamecolor { border: 3px solid #dddddd;
  	cursor:pointer;
      height: 20px;
      line-height: 20px;
      text-align: center;
      vertical-align: middle;
      width: 21px; margin:0 0 0 4px; border-radius:3px; }
  .select-team  .gamecolor  span { display: block;
      float: left;
      height: 20px;
  	width:7px;
  	display:block; float:left; margin:0; padding:0;
  	}
  .select-team .active { border:3px solid #3a3a3a; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; }
  /*End*/

  .atabs , .dtabs, .gtabs, .ytabs{display: block;margin: 5px 0 0 15px;overflow: hidden;position: relative;z-index: 1;height:29px;padding:0;}
  .atabs li, .dtabs li, .gtabs li, .ytabs li{ float: left; margin: 0 0 4px 0; list-style: none; }
  .atabs li a, .dtabs li a, .gtabs li a, .ytabs li a {color: #888888;border: 1px #aaaaaa solid;display: block;margin: 0 5px 0 0;background-color:#cccccc;background-image: -webkit-linear-gradient(bottom, #cccccc, #eeeeee); background-image: -moz-linear-gradient(bottom, #cccccc, #eeeeee); background-image: -o-linear-gradient(bottom, #cccccc, #eeeeee); background-image: -ms-linear-gradient(bottom, #cccccc, #eeeeee); background-image: linear-gradient(to top, #cccccc, #eeeeee);font-weight:normal;border-bottom:1px solid #dedede;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
  .atabs li a:hover, .atabs .active a, #current a, .dtabs li a:hover, .dtabs .active a, #current a, .gtabs li a:hover, .gtabs .active a, .ytabs li a:hover, .ytabs .active a, #current a {color: #666666;background: #f7f7f7;border:1px #aaaaaa solid;display: block;margin: 0 5px 0 0;padding: 6px 10px;	background-color:#ffffff;font-weight:bold;border-bottom:1px solid #ffffff;}
  .atabs ul li, .dtabs ul li, .gtabs ul li, .ytabs ul li { float: left; }

  .popup .rows .custom-chkbox { padding-right:0.8em; }
  .select-text { float:left; padding:3px 0 0 7px; }

  .accommo_time{
  font-size:8px;height:15px;position:relative;
  }
  .accommo_time .time_separator{
  border-top:1px solid black;width:5px;position:absolute;top:0px;right:0px;
  }
  .accommo_time .time{
  position:absolute;top:-7px;
  }
  .accommo_line{
  position:relative;border-top:1px solid #cccccc;width:100%;height:29px;
  }
  .accommo_line_half{
  position:relative;border-top:1px dotted #dddddd;width:100%;height:29px;
  }
  #calhead{
  color: #666666;padding: 8px 3px 8px 5px;text-align: left;font-weight: bold;border-collapse: collapse;background: #ffffff;
  }
  .cbody{
  /*border: 1px solid #e0e0e0;*/
  }


 /*******************************
  * 11. Access Module
  *******************************/

  .automatic_access_counter{
  	border: 1px solid #D0D0D0;
  	color: #7B7B7B;
  	cursor: pointer;
  	display: block;
  	float: left;
  	font-size: 13px;
  	outline: 0 none;
  	margin: 0 5px 5px 0;
  	padding:6px 8px 4px 8px;
  	text-align: left;
  	position: relative;
  	background: #ffffff;
  	background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(24%, #f9f9f9), color-stop(79%, #e3e3e3), color-stop(100%, #dedede));
  	background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 );
  	-webkit-transition: background, color 0.35s ease-in-out 0s;
  	-moz-transition: background, color 0.35s ease-in-out 0s;
  	-ms-transition: background, color 0.35s ease-in-out 0s;
  	transition: background, color 0.35s ease-in-out 0s;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
  }
  #customeradmin .access-right {
  	background: none repeat scroll 0 0;
  	float: left;
  	min-height: 0px;
  	max-height: 450px;
  	padding-left: 15px;
  	width: 250px;
  	/*margin-top: 6px;*/
  }
  #searchresultblock{
  	overflow:auto;
  }
  #access-rights{
  	padding-bottom:10px;
  }

  #access-rights .top-col{
  	/*width:700px;*/ /*Commented by Rohini R*/
  	width:100%;

  }
  #access-rights .top-col label.relation-type {
  	width: 50px;
  }
  #access-rights .top-col .field1{
  	margin-top:5px;
  }
  #access-rights .top-col .btn-org{
  	float : right;
  	margin-right:5px;
  }
  #access-rights .top-col .field1 select{
   width: 387px !important;
  }
  #presetname_chzn {
  	/*width: 287px !important;*/
  }
  #access-rights #argument_chzn{
  	width: 287px !important;
  }
  #access-rights .top-col .check-box .box {
  	float: left;
  }
  #access-rights .top-col label{
  width:100px;
  }
  #access-rights textarea{
      width: 487px;
  }

  #access-rights text{
      width: 287px;
  }

  #red-bg {
  	background-color: #cb3535;
  }

  #green-bg {
  	background-color: #497c35;
  }

  #grey-bg {
  	background-color: #222;
  }

  #black-bg {
  	background-color: #000;
  }
  .automatic-grid-block {
  	width: 85%;
  	/*border: 1px solid #aeaeae;*/
  	margin: 15px 0;
  }
  .automatic-grid-block td {
  	width: 17%;

  	padding:6px 5px;
  }
  .automatic-grid-block th {
  	background: #CCCCCC;
  	padding:10px 5px;

  }
  .automatic-grid-block tr {

  	border-top: 1px solid #aeaeae;
  }
  .automatic{
  	background-color : #8d8d8d !important;
  	margin-left:16px;
  	padding:5px;
  }
  .manual{
  	background-color : #497c35 !important;
  	margin-left:16px;
  	padding:5px;
  }
  .manual.expired {
  	background-color : #FD971F !important;
  }
  .blacklist{
  	background-color : #727272 !important;
  	margin-left:16px;
  	padding:5px;
  }
  .noaccess{
  	background-color : #cb3535 !important;
  	margin-left:16px;
  	padding:5px;
  }
  #accessForm .spn-popup	{
  	float: left;
  	width: 46px;
  	/*height:30px;*//*Commented by Rohini */
  	padding:5px;
  	margin-left:16px;
  	color: #fff;
  }
  #accessForm #modulesearch{
  	width:220px;
  }
  .suboptions{
  	padding-left:8% !important;
  	/*display:inline-block;*/
  	width: 90% !important;

  }
  .trsuboptions{
  width: 90% !important;
  }
  #accessForm .customer-left{
  	width:630px;
  }
  #manualaccess .col{
  	width:700px;
  	padding:25px;
  }
  #saveManualaccess .fieldsvalues{
  	margin-left:0px;
  }
  #saveManualaccess  .control-group input[type="text"]{
  	width:100px;
  }
  #automaticaccessForm .automaticfield{
  	width: 400px;
  }
  .accesstable{
  	margin-left:7px;
  }
  .moduleicon{
  width: 26px;
  }
  .accessresult, .accessresult a{
  	color:#ffffff;
  }
  .accessauto{
  background-color:#ffffff!important;
  }
  .accessmodule{
  height:40px;
  background-color:#ffffff!important;
  }
  .accessmodule div{
  	margin:4px 0px 0px 15px;
  	float:left;
  }
  .accessmodule img{
  	float:left;
  }
  .grid-block table.moduletable{margin-left:20px;}

  @media (max-width: 800px) {
  	.maincolumn{float:left;	width:100%;display:block;}
  	.grid-block table.moduletable{margin-left:0px;}


  }
  @media (max-width: 400px) {
  	table.maincolumn1{
  		background:none;
  	}
  	table.maincolumn1 td, table.maincolumn1 th{
  		float:left;
  		width:100%!important;
  		display:block;
  		margin:0px;
  	}
  	table.maincolumn1 thead th{
  		display:none;
  	}
  	table.maincolumn1 tbody tr{
  		padding-left: 0px;
  		border:1px solid #cccccc;
      -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
  		margin: 15px 0px;
  		display: block;
  		height: auto;
  		overflow: hidden;
  	}

  	table.accessoptionstable > tbody > tr > td{
  		display:block;
  		width:100%;
  		float:left;

  	}
  }


/********************************
* 12. Newsletter Module
********************************/

.newsletter_graph{
    height: 250px;
}

#articleoverview{
    width:100%;
    float:left;
}

#mainwrapper{
    padding:10px;
    width:98%;
    float:left;
}
#wrapper{
    width:100%;
    float:left;
}
#main{
    margin-left: 25%;
    padding: 10px;
    width: 50%;
    margin-top:1%;
    margin-bottom:1%;
}

#newsletter-header{
    height:16px;
    width:100%;
}



/*********************************************************************************CSS EDITOR**************************************************************************/

#websitetab{
    overflow:hidden;
}
#websitetab .btn-tab-cont{
    border:none;
}
#websitetab .btn-tab-cont li{
    float:left;
    margin: 3px 0;

}
#websitetab .tabs li a:hover, .tabs .active a, #current a, #tabsSupport li.current a{
    border-bottom:inherit;
}
#websitetab .btn-tab-cont li#current a{
    background: linear-gradient(to bottom, #ACACAC 0%, #B0B0B0 8%, #B6B6B6 33%, #C5C5C5 67%, #CBCBCB 96%, #D0D0D0 100%) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    text-shadow: 1px 0 0 #C2C2C2;
}

/*********************************************************************************CSS EDITOR**************************************************************************/
#statistics .field1{
    padding-bottom:10px;
}
#statistics .field1 label{
    width:15%;
    float:left;

}
/* added by Philippe on 16/10 */

.css_category{
    padding-top:10px;
    border-bottom:1px dotted #cccccc;
    color:#cccccc;
    font-style:italic;
}
.image-upload{
    position:relative;
}
.image-upload input[type ="button"]{
    border: 1px solid #D0D0D0;
    color: #7B7B7B;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.2em;
    outline: 0 none;
    padding: 6px 15px 7px 35px;
    text-align: left;
    position: relative;
}
.upload-icon{
    position:absolute;
    width:22px;
    height:22px;
    background:url(https://app.twizzit.com/images/icon_upload.png) no-repeat;
    z-index: 1;
    top: 5px;
    left: 5px;
    cursor: pointer;

}


.background-delect {
    /*background: url("/web/20230323152108im_/https://app.twizzit.com/images/btn_close.png") no-repeat scroll center top transparent;
    height: 17px;
    margin-top: -33px;
    position: absolute;
    top: 50%;
    width: 18px;*/
    background: url("https://app.twizzit.com/images/btn_close.png") no-repeat scroll center top transparent;
    height: 90%;
    left: 42%;
/*    margin-top: -32%;*/
    position: absolute;
    top: 50%;
    width: 100%;
    //right:0;
}

#top-css-content{

    display:none;
}
#style-content .tab-container{
    border:none;
    background:none;
    padding:0 10px 10px 10px;
}
#editor_wrapper{
    background-color:transparent;
    -moz-box-shadow: 0px 0px 20px 4px #474657;
    -webkit-box-shadow: 0px 0px 20px 4px #474657;
    box-shadow: 0px 0px 20px 4px #474657;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#474657')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#474657');
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#style-content .tab-container .posvalue{
    padding:5px 7px 5px 2px;
    color: #666666;
    font: 13px/16px Arial;
}
#layoutpart{
    padding: 5px 0px;
}
#background-image-preview img{
    max-height:100%;
    max-width:100%;
}
#background-image-preview{
    overflow:hidden;height:80px;width:120px;
    position:relative;
}
.web-btn-block{
    background-color: #efefef;
    padding: 5px 10px;
    height:25px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.web-btn-block .btn-container{
    padding:0;
}
.selected-div	{
    outline:3px dashed rgb(95, 167, 196);
}
.edited-div	{
    outline:3px dashed rgb(206, 197, 0);
}

#layout_side_bar{
    background-color:#555555;

    width:300px;
    position:fixed;
    top:0px;
    right:0px;
    bottom:0px;
    overflow:hidden;
    display:none;
}
#layout_side_bar .fieldslabelfix,#layout_side_bar .fieldslabel{
    color:#ffffff;

}
#layout_side_bar .fieldslabelfix,#layout_side_bar .fieldslabel.ellipsis{
	overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:75px;
    display:inline-block;
}
#layout_side_bar .fieldslabel{
	text-align:left;
}

#layout_side_bar .top{
    position:absolute;
    height:40px;
    background-color:#222222;
    top:0px;
    left:0px;
    right:0px;
}
#layout_side_bar .header{
    margin-top: 38px;
    background-color: #444444;
    height: 30px;
    cursor:pointer;
}

.layout-top-bar .switch {position: relative;display: inline-block;width: 40px;height: 23px;margin-left: 2px;margin-top: 0px;}
.layout-top-bar .switch input {display:none;}
.layout-top-bar .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #636363;-webkit-transition: .4s;transition: .4s;}
.layout-top-bar .slider:before {position: absolute;content: "";height: 15px;width: 15px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.layout-top-bar input:checked + .slider {background-color: #ffffff;}
.layout-top-bar input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.layout-top-bar input:checked + .slider:before {-webkit-transform: translateX(17px);-ms-transform: translateX(17px);transform: translateX(17px);background-color: #636363;}
.layout-top-bar .slider.round {border-radius: 10px;}
.layout-top-bar .slider.round:before {border-radius: 50%;}


#layout_details_title{
    float: left;
    width: 150px;
    text-align: center;
    height: 22px;
    padding-top: 8px;
}
#layout_details_title:hover, #layout_structure_title:hover{
    background-color:#333333;
}
#layout_details_title.selected, #layout_structure_title.selected{
    background-color:#333333;
    color:#ffffff;
}
#layout_structure_title{
    float: left;
    width: 148px;
    text-align: center;
    border-right: 1px solid #cccccc;
    height: 22px;
    padding-top: 8px;
}

.css_main_category{
    padding: 9px 0px 5px 10px;
    border-bottom: 1px solid #393939;
    background-color: #636363;
    cursor: pointer;
    color:#d8d8d8;
}
.css_main_category img{
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
    position:relative;
    top: -4px;
}
#vtab2,#vtab3,#vtab4,#vtab5,#vtab6{
    padding-left:5px;
}
#sidebarhelp{
    color: #eeeeee;
    font-size: 14px;
    padding: 70px 20px 0px 20px;
}
#loadPages p{
    margin:auto!important;
    padding:initial!important;
}
#wslayout_loading {
    background-color: rgba(64,64,64,0.7);
    border: 2px solid #B0B0B0;
    border-radius:5px;
    width: 400px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -350px;
    z-index:98
}
#wslayout_loading img {
    margin: 38px 138px;
}
#wslayout_loading #not-found {
    padding-top: 38px;
    text-align: center;
    margin: auto;
    color: #AAAAAA;
    font-weight: bold;
}

.settingsbutton{
    float: left;
    background-color: #777777;
    border: 1px solid #444;
    margin: 3px;
    padding: 5px 10px 0px 10px;
    cursor: pointer;
    color: #ffffff;
}
.settingsbutton img{
    float:left;
    margin-right:5px;
    margin-top:-2px;
}
.web-btn-block{
    padding: 5px 10px;
    height:25px;
    position:absolute;
    bottom:0px;
    left: 0px;
    right: 0px;
    background-color: #444444;
}




#editor_wrapper .font-rows input[type ="button"]{
    background: #111111!important;
    background: -moz-linear-gradient(top, #111111 0%, #333333 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #333333))!important;
    background: -webkit-linear-gradient(top, #111111 0%,  #333333 100%)!important;
    background: -o-linear-gradient(top, #111111 0%,  #333333 100%)!important;
    background: -ms-linear-gradient(top, #111111 0%, #333333 100%)!important;
    background: linear-gradient(to bottom, #111111 0%,  #333333 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333', GradientType=0 )!important;
    border:1px solid #111111;

}
#editor_wrapper .font-rows input[type ="button"].ui-state-active{
    background: #333333!important;
    background: -moz-linear-gradient(top, #333333 0%, #555555 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #555555))!important;
    background: -webkit-linear-gradient(top, #333333 0%,  #555555 100%)!important;
    background: -o-linear-gradient(top, #333333 0%,  #555555 100%)!important;
    background: -ms-linear-gradient(top, #333333 0%, #555555 100%)!important;
    background: linear-gradient(to bottom, #333333 0%,  #555555 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555', GradientType=0 )!important;
    border:1px solid #999999;
}


.wl_field{
    background-color:#222222;
    border:1px solid #111111;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position:relative;
}
.wl_field input{
    background:transparent;
    padding:2px 0;
    margin:0;
    color:#cccccc;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    border-radius: initial;
    border:1px solid #222222;
    font-size:12px;
}
.wl_field_px{
    width:68px;
}
.wl_field_px input{
    width:32px;
    text-align:right;
}

input.wl_unit_value{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width:30px!important;
    text-align:center!important;
    margin-left: 2px;
}
.wl_unit_value:hover{
    background-color:#666666;
}

.wl_unit{
    color: #cccccc;
    position: absolute;
    right: 0px;
    width: 66px;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: none;
    top: 19px;
    background-color: #666666;
    z-index: 1;
    border: 1px solid #222222;
    /* -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); */
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
    /* box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 5px;
    padding: 0;
}

.wl_unit li{
    text-align:center;
    color:#cccccc;
    padding: 0px 0px 3px 0px;
    list-style-type:none;
}
.wl_unit li.sel_unit{
    display:block;
    color:#ffffff;
}

.wl_unit li:hover{
    color:#ffffff;
    cursor:pointer;
    background-color:#000000;
}


#editor_wrapper textarea{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color:#cccccc;
    background-color:#222222;
    border:1px solid #111111;
}
#editor_wrapper .colorpic {
    background-color: #333333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #111111;
    font-size:12px;
    color:#cccccc;
    padding:2px 0px;
}



/* @group Base */
#editor_wrapper .chosen-container {
    width:200px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    float: left;
}
#editor_wrapper .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #111111;
    border-top: 0;
    background: #222222;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#editor_wrapper .chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}
#editor_wrapper .chosen-container a {
    cursor: pointer;
}

/* @end */
/* @group Single Chosen */
#editor_wrapper .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    background:none;
    background-color: #222222;
    font-size:11px;

    border: 1px solid #111111;
    color: #cccccc;
    padding: 4px 0px 3px 0px;
    text-indent: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#editor_wrapper .chosen-container-single .chosen-default {
    color: #aaa;
}
#editor_wrapper .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#editor_wrapper .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}
#editor_wrapper .chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('https://app.twizzit.com/css/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
#editor_wrapper .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}
#editor_wrapper .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}
#editor_wrapper .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}
#editor_wrapper .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('https://app.twizzit.com/images/chosen-sprite.png') no-repeat 0px 2px;

}
#editor_wrapper .chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}
#editor_wrapper .chosen-container-single .chosen-search input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px;
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    float:none;
}
#editor_wrapper .chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}
#editor_wrapper .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
#editor_wrapper .chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}
#editor_wrapper .chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 3px 6px;
    list-style: none;
    line-height: 15px;
    font-size:11px;
    text-align:left;
}
#editor_wrapper .chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}
#editor_wrapper .chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}
#editor_wrapper .chosen-container .chosen-results li.highlighted {
    background-color: #777777;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #777777), color-stop(90%, #999999));
    background-image: -webkit-linear-gradient(#777777 20%, #999999 90%);
    background-image: -moz-linear-gradient(#777777 20%, #999999 90%);
    background-image: -o-linear-gradient(#777777 20%, #999999 90%);
    background-image: linear-gradient(#777777 20%, #999999 90%);
    color: #fff;
    border:none!important;
}
#editor_wrapper .chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}
#editor_wrapper .chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}
#editor_wrapper .chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}
#editor_wrapper .chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
#editor_wrapper .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    cursor: text;

    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    background-color: #fff;

    font-size:11px;
    border: 1px solid #D0D0D0;
    color: #777777;
    padding:0;
    text-indent: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#editor_wrapper .chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 2px 0px 3px 0px;
    height: 15px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #aaaaaa;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 2px 0 2px 2px;
    padding: 2px 15px 1px 0px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #777777;
    line-height: 13px;
    cursor: default;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 3px;
    right: 1px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('https://app.twizzit.com/images/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}
#editor_wrapper .chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}
#editor_wrapper .chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
#editor_wrapper .chosen-container-active .chosen-single {
    /*border: 1px solid #5897fb;*/
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border: 1px solid #A3B0D3;


}
#editor_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #A3B0D3;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background:#222222;
    box-shadow: none;

}
#editor_wrapper .chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}
#editor_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}
#editor_wrapper .chosen-container-active .chosen-choices {
    /*border: 1px solid #5897fb;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}
#editor_wrapper .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #111 !important;
}

/* @end */
/* @group Disabled Support */
#editor_wrapper .chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}
#editor_wrapper .chosen-disabled .chosen-single {
    cursor: default;
}
#editor_wrapper .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}









#editor_wrapper .minicolors.minicolors-theme-default .minicolors-input {
    /*
    margin: 0px;

    border: solid 1px #CCC;
    font: 14px sans-serif;
    width: 65px;
    height: 16px;
    border-radius: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .04);
    padding: 2px;
    */
    margin-right: 3px;
    margin-right: -1px;
}



#editor_wrapper .minicolors-theme-default.minicolors-swatch-left .minicolors-input {
    margin-left: -1px;
    margin-right: auto;
    background-color:#333333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:1px solid #111111;
}

#editor_wrapper .minicolors-theme-default.minicolors-focus .minicolors-input,
#editor_wrapper .minicolors-theme-default.minicolors-focus .minicolors-swatch {
    border-color: #111111;

}

#editor_wrapper .minicolors-hidden {
    position: absolute;
    left: -9999em;
}

#editor_wrapper .minicolors-swatch {
    position: relative;
    width: 19px;
    height: 19px;
    text-align: left;
    background: url(https://app.twizzit.com/images/jquery.minicolors.png) -80px 0;
    border: solid 1px #111111;
    vertical-align: middle;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#editor_wrapper .minicolors-swatch SPAN {
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.newsletter-screen-size-wrapper{
    display:none;

}
#articlecontents{
    overflow:auto;

}

@media (max-width: 800px) {
    .newsletter-screen-size-wrapper{
        display:block;
        background-color:#efefef;
        border:1px solid #dddddd;

    }
    #add_article{margin-top:20px;}
}

 /*******************************
  * 13. Invoice Module
  *******************************/

  /*
  	Author      : Muthukumar G
  	Created ON  : July 25 2013
  	Created By  : Muthukumar G
  	Description : Invoice Module  Css
  */
  .sendinvoice-grey-right{
  background: none repeat scroll 0 0 #f0f0f0;
  color: #666666;
  height: 100%;
  vertical-align: top;
  width: 370px;
  max-width: 370px;
  margin: 0px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  }
  #invoice{

  }
  #invoicesettings{
  	width:100%;
  	float:left;
  	height:100%;
  }
  #invoicesettings  #leftpanel{
  	width:300px;
  	float:left;
  	border-right: 3px #fff solid;
  	background: none repeat scroll 0 0 #D8D8D8;
  	height:100%;
  	padding-left:10px;
  	position:absolute;
  	top:0px;
  	bottom:0px;
  	left:0px;
  }
  #invoicesettings  #rightpanel{

  	float:left;
  	padding:10px;
  	position:absolute;
  	left:330px;
  	right:0px;
  	top:0px;
  	bottom:0px;
  	overflow-y:auto;
  }

  #settingtabs ul{
  	margin:0px;
  	padding:0px;
  }
  #settingtabs ul li {
  	padding:10px;
  	border-bottom: 1px #cbcbcb solid;
  	cursor:pointer;
  	list-style:none;
  }
  #settingtabs ul li:hover{

  background-color:#ebebeb !important;
  }
  #settingtabs ul li  a{
  	color:#333;
  }
  .currenttab{
  font-weight:bold !important;

  background: url(https://app.twizzit.com/images/inv_sel_setting.png) no-repeat right center;
  background-color:#ebebeb !important;
  }

  #mainregistersettings label{
  	width:160px;
  	float:left;

  }

  .custom-chkbox {
  	cursor:pointer;
      position: relative;
  }

  .automatic_table{
  	border:solid 1px #333;
  	padding:10px;
  }
  .automatic_table label{
  	font-size:12px;
  	color:#333;
  	width:auto;
  }
  .ruloverview{
  	width:100%;
  	float:left;
  }
  .rule-overview ul { list-style-type: none; margin: 0; padding: 0; width: 100%; }
  .rule-overview ul li {
  	margin: 0 3px 3px 3px;  height: 18px;
      background: none repeat scroll 0 0 #FFFFFF;
      border-bottom: 1px solid #D0D0D0;
      border-right: 1px solid #D0D0D0;
      padding: 7px 5px;
      transition: all 0.35s ease-in-out 0s;
  }
  .rule-overview ul li span {padding:0px 10px;float:left;cursor:pointer;height:20px;}

  #invoice-overview tr td{
  	cursor:pointer;
  	padding:0px 5px;
  }

  #invoicegrid .grid-block table tr.even td, #invoicegrid .grid-block table tr:nth-child(2n) td{
  	background:none;
  }
  #invoicegrid .grid-block table tr td, .fm-grid-block table td{
  	background:none;
  }
  #invoicegrid .grid-block table tr td{
  	color:#666666;
  }

  /*
  .headingrow, .headingrow td{
  	background: #ffffff;
  	background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(24%, #f9f9f9), color-stop(79%, #e3e3e3), color-stop(100%, #dedede));
  	background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
  	background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 24%, #e3e3e3 79%, #dedede 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 );
  	-webkit-transition: background, color 0.35s ease-in-out 0s;
  	-moz-transition: background, color 0.35s ease-in-out 0s;
  	-ms-transition: background, color 0.35s ease-in-out 0s;
  	transition: background, color 0.35s ease-in-out 0s;
  border: 0px solid;
  border-right: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  padding: 8px 3px 8px 5px;
  text-align: left;
  font-weight: normal;
  border-collapse: collapse;


  }
  */
  /*added by Philippe on 8/10/2013 */
  .invoice_image_upload{
  width: 500px;
  background-color: #fff;
  border: 1px solid #cccccc;
  margin-bottom: 5px;
  }
  .invoice_image_upload img{
  border:1px solid #cccccc;
  margin:5px;
  }
  .page-holder{
  background-color: #fff;
  border: 1px solid #cccccc;
  }

/*******************************
* 14. Website Module
*******************************/
/*pagination*/
.pagination .current{
	font-weight:bold;
}
.pagination span, .pagination a{
	padding:5px 7px;
	border:1px solid #dddddd;
	margin:2px;
	cursor:pointer;
}
.pagination span:hover, .pagination a:hover{
	background-color:#cccccc;
}

.dropdown_header h1{margin-top:10px;}
.newWebsiteContainer{
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    border: 5px solid #eeeeee;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 5px 10px 0px #cccccc;
    box-shadow: 0px 5px 10px 0px #cccccc;
    padding:50px 0px 70px 0px;

}
.newWebsiteContainer:hover{

    cursor:pointer;
    -webkit-box-shadow: 0px 10px 10px 0px #999999;
    box-shadow: 0px 10px 10px 0px #999999;

    -webkit-transition: all 0.20s ease-in;
    -moz-transition: all 0.20s ease-in;
    -ms-transition: all 0.20s ease-in;
    transition: all 0.20s ease-in;

}
.newWebsiteContainer .start{
    font-size: 32px;
    padding-left: 70px;
    background: url(https://app.twizzit.com/images/start-icon.png) no-repeat left top;
    background-size: 60px 60px;
    height: 60px;
    padding: 18px 0px 0px 70px;
    margin: 0px 0px 0px 60px;
}
.newWebsiteContainer .details{
    font-size: 19px;
    color: #ddd;
    text-align: left;
    padding: 0px 20px 0px 150px;
    margin: -30px 0px 0px 40px;
}

.loadWebsiteContent 	{
    height: 400px;
    border: 0px solid red;
    overflow-y: auto;
    top: 0px;
    margin-top: 10px;
    position:relative;
}

.attributes  input[type="text"] {
    margin-right: 5px;
    width: 150px !important;
    float :left;
}

.attributes-margin  input[type="text"] {
    margin-right: 5px;
    width: 40px !important;
    float :left;
}

.attributes-padding  input[type="text"] {
    margin-right: 5px;
    width: 40px !important;
    float :left;
}



.selected-div	{
    outline:2px solid #0078ff;
}


.selected-blue	{
    outline:2px solid #0078ff;
	position:relative;
}


.selected-yellow	{
    outline:2px solid #e7ff07;
}


.selected-orange	{
    outline:2px solid #ffa000;
}


.selected-purple	{
    outline:2px solid #A00092;
}


.edited-div	{
    outline:2px solid rgb(206, 197, 0);
}
/*
.selected-blue:before, .selected-blue:after {background-image: radial-gradient(circle at center, #333333 3px, transparent 3px), radial-gradient(circle at center, #333333 3px, transparent 3px);background-size: 12px 12px;background-position: top center, bottom center;background-repeat: no-repeat;content: "";position: absolute;width: 12px;top: 0px;top:0px;bottom:0px;}
.selected-blue:before {left: -7px;top:-7px;bottom:-7px;}
.selected-blue:after {right: -7px;top:-7px;bottom:-7px;}
*/
.dblclktxt	{
    color: #CCCCCC;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bolder;
    text-align:center;
}

.scd-btn-block {
    float: right;
    margin: 20px 0 10px;
    top: 0px;
}
#websitetab .btn-tab-cont{
    border:none;
}
#websitetab .btn-tab-cont li{
    float:left;
    margin: 3px 0;

}
#websitetab .tabs li a:hover, .tabs .active a, #current a, #tabsSupport li.current a{
    border-bottom:inherit;
}
#websitetab .btn-tab-cont li#current a{
    background: linear-gradient(to bottom, #ACACAC 0%, #B0B0B0 8%, #B6B6B6 33%, #C5C5C5 67%, #CBCBCB 96%, #D0D0D0 100%) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    text-shadow: 1px 0 0 #C2C2C2;
}

.border-block{
    padding-top:5px;
    margin:0 0 5px 0;
}
.border-seting	{
    width:163px;
    border:1px #d0d0d0 solid;
    float:left;
    margin-right:7px;

}
.border-seting h3{
    line-height:30px;
    height:30px;
    color:#666666;
    font-size:13px;
    margin-bottom:5px;
}
.border-seting h3 span {padding-left:24px;
    display:block;
    background:url(https://app.twizzit.com/images/bot-setting-title.png) no-repeat 5px center;
}
.border-seting .chzn-container, .border-seting .select-group, .border-seting .chzn-drop, .shadow-seting .chzn-container, .shadow-seting .select-group, .shadow-seting .chzn-drop{
    width:86px !important;
}
.border-seting .chzn-container-single .chzn-search input, .shadow-seting .chzn-container-single .chzn-search input{
    width:50px !important;
}
.border-seting label{
    width:43px;
    padding-left:5px;
}
.border-seting .minicolors.minicolors-theme-default .minicolors-input, .bg-setting .minicolors.minicolors-theme-default .minicolors-input, .font-setting .minicolors-theme-default.minicolors-focus .minicolors-input, .font-setting .minicolors-theme-default.minicolors-swatch-left .minicolors-input, .select-border .minicolors-theme-default.minicolors-swatch-left .minicolors-input{
    padding:6px 4px;
}
.bg-setting .minicolors.minicolors-theme-default .minicolors-input, .bg-setting .minicolors-focus, .bg-setting .minicolors, .font-setting .minicolors-theme-default.minicolors-focus .minicolors-input, .select-border .minicolors-theme-default.minicolors-focus .minicolors-input/* , .minicolors-theme-default.minicolors-focus .minicolors-swatch */{
    float:left;
}
.select-border .select-group{
    margin-left:20px;
}
.select-border .select-group, .select-border .minicolors{
    float:left;

}
.radius-block label{
    width:120px;
}
.color-picker-block{
    width:120px;
    float:left;
}
.bg-ima-setting{
    border-bottom:1px #cccccc dotted;
    border-top:1px #cccccc  dotted;
    padding:4px 0;
    overflow: hidden;
    margin:0 0 5px 0;
}
.bg-ima-setting label{
    margin: 0 1em 0 0;
    width: auto;
}
.image-upload{
    position:relative;
}
.image-upload input[type ="button"]{
    border: 1px solid #D0D0D0;
    color: #7B7B7B;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.2em;
    outline: 0 none;
    padding: 6px 15px 7px 35px;
    text-align: left;
    position: relative;
}
.upload-icon{
    position:absolute;
    width:22px;
    height:22px;
    background:url(https://app.twizzit.com/images/icon_upload.png) no-repeat;
    z-index: 1;
    top: 5px;
    left: 5px;
    cursor: pointer;

}
.shadow-seting{
    padding:5px 0;
}
.shadow-seting .select-group{
    margin-right:10px;
}
.web-btn-block{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.loadAttributes{
    position: absolute;
    bottom: 40px;
    left: 0px;
    right: 0px;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
.web-btn-block .btn-container{
    padding:0;
}
/* Added by Maduravalli on 2-7-2013 for left menus slidding toggle */



.list-delect {
    background: url("https://app.twizzit.com/images/btn_close.png") no-repeat scroll center top transparent;
    height: 17px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 18px;
}


.background-delect {
    background: url("https://app.twizzit.com/images/btn_close.png") no-repeat scroll center top transparent;
    height: 17px;
    position: absolute;
    top: 2px;
    width: 18px;
    left: 0;
}

#vnavmenu {
    float: left;
    width: 100%;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}
#vnavmenu > li > a, .layout-pgtitle {
    display: block;
    padding: 10px 15px;
    background: #ccc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
    text-decoration: none;
    color: #000;
}
#vnavmenu > li a {
    display: block;
    text-decoration: none;
    height: 22px;
}
/*#vnavmenu li  > ul ul a {
display: block;
padding: 0;
background: #fff;
border-top: 0px solid ;
border-bottom: 0px solid ;
text-decoration: none;
color: #000;
}*/
#vnavmenu > li > a:hover,  #vnavmenu li a.active {
    background: #999;
    color: #fff;
    height: 22px;
}
#vnavmenu li ul {
    display: none;
}

#vnavmenu em {
    display: block;
}
/*#vnavmenu li ul li a {
padding: 10px 25px;
background: #ececec;
border-bottom: 1px dotted #ccc;
}
*/
/* End */

#addpage .top-col {
    width: 100%;
    padding:0;
}
#addpage .left-col {
    width: 49%;
    float: left;
    margin-right: 1%;
}
#addpage .right-col {
    width: 44%;
    float: left;
    position: relative;
    /*	left: 0px;
    height:210px;*/
}
#addpage .right-col1 {
    width: 44%;
    float: left;
    left: 0px;
    position: relative;
}
/*#addpage .top-col label {
float: left;
width:80%;
}
#addpage .top-col input[type="text"] {
width: 320px;
float: left;
} */
#addpage .top-col select {
    width: 442px;
    float: left;
}
#addpage .top-col .multiple {
    float: left;
    height: auto;
}
#addpage .left-col label {
    float: left;
    /*width: 115px;*/
}
#addpage .left-col input[type="text"] {
    float: left;
    width: 320px;
}
#addpage .left-col select {
    width: 335px;
    float: left;
}
/*
#addpage .right-col label {
float: right;
width: 288px;
}
*/
#addpage .right-col input[type="text"] {
    float: left;
    width: 342px;
}
#addpage .right-col select {
    width: 342px;
    float: left;
}
#addpage .right-col1 label {
    /*float: right;*/
    width: 288px;
}
#addpage .right-col1 input[type="text"] {
    float: left;
    width: 342px;
}
#addpage .right-col1 select {
    width: 342px;
    float: left;
}
#addpage .top-col input[type="checkbox"] {
    float: left;
    margin-right: 5px;
}
#addpage #page_lang .field1, #addpage .layout-part .field1 {
    float: left;
    width: 50%;
}
#addpage .field2 {
    padding: 7px 5px;
    position:absolute;
    bottom:20px;
}
#addpage .btn-org{

    position:fixed;
    right:33px;
    top:125px;

}
.checkbox-part, #addpage #page_lang, #addpage .layout-part { padding:0px 0; margin:0 0 5px 0; }
#showarticleevents .chzn-container, #membertype .chzn-container {  margin: 3px 0 0 25px; }
.contentbox-part .field1 {  }
.contentbox-part { margin: 0 0 5px;
    padding: 5px 0;
    /*overflow:hidden;*/
}
.widget-part { margin:0 0 5px 0; }
.contentbox-part .field1 label { width:auto;padding-right: 7px;  }
.contentbox-part .select-group { margin-right:5px; }

/* #addpage .btn-org, #addpage .btn {  //commented by vidhya

position:fixed;
right:33px;
top:125px;

} */


#addpage .btn-org-1{
    position:fixed;
    right:33px;
    top:165px;
}

#addpage #organization_chzn{
    width: 320px !important;

}
/*#addpage .box a {
color: #FFFFFF;
text-decoration: none;
}*/

#addpage #addnew{
    float:right;
}

#addpage .tabcontent {
    /*  border: 1px solid #C4C4C4;
    box-shadow: 0 -3px 7px #D9D8D8 inset;
    margin: 0 15px 0 10px;
    padding: 20px 12px;
    width: 676px; */
}

/*
#cbadd {
float: right;
position: relative;
top: -24px;
z-index: 1;
}
*/

.list-pos3 {
    right: 58px;
}

.addLayout	{
    color: #AAAAAA;
    text-decoration: none;
    display: block;
    padding: 4px 0;
}


.innerdiv	{
    width:200px;
    float:left;
}

#addpage .top-col label[for="labeltitle"]{
    float: left;
    width: 20%;
}

.showboxcontent {
    padding-top:5px;
    float:left;
    width:100%;
}
.showcbcopypagesfrom {
    padding-top:5px;
    float:left;
}
.list-activestaus{
    position:absolute;
    padding:2px;
}
.list-pos5 {
    margin-top:-15px;
    right: 60px;
}
.list-pageactivestaus{
    position:absolute;
    padding-top:-10px;
}
.list-pos6 {
    margin-top:-13px;
    right: 60px;
}



.member-left {
    width: 290px!important;
}
#content .right-block2{
    left: 290px!important;
}

/*widgets*/
wid_divcol{
}

.widgetlist {
    display: inline-block !important;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 0;
    padding-top: 0;
    width: 100%;
}

.widget_col {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #CFCECE;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    float: left;
    margin-right: 8px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    position: relative;
    width: 231px;
}
/**** Widgets on july31 **/


.widgetslist{
    width: 100%;
    margin: 0;
    padding-top:10px;
    padding-left:10px;
}

.widget_name {
    color: #666666;
    float: left;
    font: 11px/16px Arial;
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 5px 0px 5px 0px;
}
.widget_desc {
    color: #aaaaaa;
    font: 11px/16px Arial;
    font-style:italic;
}

.widget_icons img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear:both;
}


.widget_cus {
    background: none repeat scroll 0 0 #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(200, 200, 200, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(200, 200, 200, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(200, 200, 200, 0.75);

    border: 1px solid #D0D0D0;
    float: left;
    margin: 0 10px 10px 0;
    padding: 5px;
    width: 190px;
    height: 120px;
}
.widget_cus:hover{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

/*End widget*/

/*Added on Aug-01-2013*/
.pop-title-ws{
    padding:3px 7px;
    background-color: #9B9B9B;
    color:#FFFFFF;
    font-weight:bold;
}


/* Aug 6th Added for widgets slider */

/* Tiny Carousel */
#slider1 { padding: 0 0 2px;  }
#slider1 .viewport { background: none repeat scroll 0 0 #FFFFFF;
    float: left;
}
#slider1 .buttons { display: block;
    background: url("https://app.twizzit.com/images/icon_back.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 22px;
    margin: 55px 10px 0 0;
    overflow: hidden;
    position: relative;
    text-indent: -999em;
    width: 22px; }
#slider1 .next { background: url("https://app.twizzit.com/images/next.png") no-repeat scroll 0 0 transparent; margin-left:5px; }
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; padding: 0; margin: 0;}
#slider1 .overview li{border: 1px solid #cccccc;
    float: left;
    height: 95px;
    margin: 5px;
    padding: 20px 0 0;
    position: relative;
    width: 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
}
.widgetcontainer{border: 1px solid #D0D0D0;
    float: left;
    height: 75px;
    margin: 9px 10px 7px;
    padding: 25px 0 0;
    position: relative;
    width: 100px; }

.widgetcontainer.widgets {
    float: right;
    position: absolute;
    right: 4px;
    top: 3px;
    display:none;
}
.widgetcontainer:hover .widgets {
    display:block;
}
.widgetcontainer img{ display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 104px;
    max-width: 104px;}
.widgetcontainer .widgets img {
    padding: 0 3px 0 0;
}
.widgetsname-bold{clear: both;
    display: block;
    font-weight: bold;
    padding: 2px 0 0;
    text-align: center;}
.cbsavebtn {
    position: relative;
    padding-left:5px;
}
/** End **/

/*Added by Srividya on August-07-2013*/
/*.checkbox-group input[type="checkbox"], .checkbox-ul .custom-chkbox input[type="checkbox"], .custom-chkbox input[type="checkbox"] {
left:10px;
}*/
.chzn-container2 {
    display: inline-block;
    float: left;
    font-size: 13px;
    position: relative;
    width: 250px !important;
}
.loadcbs{width:100%;}

.showboxcontent label[for="labeltitle"]{
    float: left;
    text-align:left;
    padding:5px;
    width:24%;
}

/*End*/

.btn-link {
    background: url("https://app.twizzit.com/images/btn_link.png") no-repeat scroll center 0 transparent;
    display: block;
    height: 16px;
    width: 16px;
    margin: 0 auto;
    background-size: 16px;
}

/* Widget Part */
.widget-img { position: relative; padding: 25px 0 4px; }
.widget-img img { max-height: 71px;
    max-width: 92px;
    overflow: hidden; }
.widget-img .widget-pop {
    position: absolute;
    right: 0;
    top: 0; display:none; }
.widget-pop a { float: left;  text-indent: -999999px; display: block; }
.widget-pop .widget-edit { background: url("https://app.twizzit.com/images/edit-text.png") no-repeat scroll 0 0 transparent;
    height: 19px;
    width: 27px;
}
.widget-pop .widget-delete {
    background: url("https://app.twizzit.com/images/btn_close.png") no-repeat scroll 0 0 transparent;
    height: 16px;
    margin: 2px 0 0 5px;
    width: 16px;
}
.overview li:hover .widget-pop { display:block; }

.history .btn { float:right; }

/*
.website-sructure { border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
}

.website-sructure h3 { background: none repeat scroll 0 0 #CCCCCC;
border-bottom: 1px solid #999999;
border-top: 1px solid #EEEEEE;
color: #000000;
display: block;
padding: 10px 15px;
text-decoration: none;
}
.website-sructure h3:hover { background: none repeat scroll 0 0 #999999;
color: #FFFFFF; }
.website-sructure .add-btn {  }

.website-sructure .left-menus-ws li {  background: none repeat scroll 0 0 #ECECEC;
border-bottom: 1px solid #CCCCCC;
padding: 0 0 0px 0px;
1border-bottom: 1px solid #EEEEEE;
color: #000000;
display: block;
}
.website-sructure .left-menus-ws li ul li {  border-bottom: 0 solid;
border-top: 1px dotted #CCCCCC; }
.website-sructure .left-menus-ws { top:0 !important; }
.website-sructure .left-menus-ws li .list-col31-ws { padding: 10px 3px 10px 15px !important; word-wrap: break-word; }
.website-sructure .left-menus-ws li .list-pos3-ws { float: left;
padding: 10px 0; }
.website-sructure .left-menus-ws li .list-drag {  }
.website-sructure .left-menus-ws li .list-check {  position: absolute; right: 70px; top:6px; }
.website-sructure .left-menus-ws li .list-pageactivestaus { padding: 10px 0; }

.left-menus-ws li a { color:#999999;  }
.website-sructure .left-menus-ws li:hover  { background: none repeat scroll 0 0 #D8D8D8; color: #444; }
.website-sructure .left-menus-ws ul li, .website-sructure .left-menus-ws li:hover li { background:#fff; }
.website-sructure .left-menus-ws ul li:hover a { color:#444; }
.website-sructure .left-menus-ws li:hover a { color:#444; }
.website-sructure .left-menus-ws li:hover ul a { color:#999999;  }
*/
/*.website-sructure .left-menus-ws ul li:hover a { color:#fff; }*/

.website-sructure .left-menus-ws ul .list-col31-ws { padding-left: 25px !important; width: 35%; }

#widgetdetailmodalcontent {
    height: 440px;
    overflow-y: auto;
    padding: 15px;
}
.website-showbox {  }
.website-showbox label {  width: 50%; }


.right-position {  position: absolute;
    right: 30px;
    top: 20px;
}
.right-position {  }
.right-position .checkbox-group .custom-chkbox {
    clear: both;
    display: block;
    margin: 0 0 7px;
    position: relative;
}
.field1 .label-adjust { margin: 0 10px 0 0;
    width: auto;
}
.cssleft-pos { border-right: 1px solid #D0D0D0;
    float: left;
    margin: 0 2em 0 0;
    padding: 0 2em 0 0; }
.cssright-pos { float:left; }
.chkbox-style { float:left; }
.chkbox-style input[type="checkbox"]{ float: left; margin: 4px 5px 0 0;  }
.chkbox-style input[type="checkbox"] + label { width: auto; }
.rows label.aw, .field1 label.aw { width:auto; padding-right:5px; }
.font-rows .ui-state-focus, .ui-state-active {  border: 1px solid #D0D0D0;
    color: #7B7B7B;
    font-weight: bold;
    padding: 2px 3px;
}

#editor_wrapper .font-rows input[type ="button"]{
    background: #111111!important;
    background: -moz-linear-gradient(top, #111111 0%, #333333 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #111111), color-stop(100%, #333333))!important;
    background: -webkit-linear-gradient(top, #111111 0%,  #333333 100%)!important;
    background: -o-linear-gradient(top, #111111 0%,  #333333 100%)!important;
    background: -ms-linear-gradient(top, #111111 0%, #333333 100%)!important;
    background: linear-gradient(to bottom, #111111 0%,  #333333 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#333333', GradientType=0 )!important;
    border:1px solid #111111;

}
#editor_wrapper .font-rows input[type ="button"].ui-state-active{
    background: #333333!important;
    background: -moz-linear-gradient(top, #333333 0%, #555555 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #555555))!important;
    background: -webkit-linear-gradient(top, #333333 0%,  #555555 100%)!important;
    background: -o-linear-gradient(top, #333333 0%,  #555555 100%)!important;
    background: -ms-linear-gradient(top, #333333 0%, #555555 100%)!important;
    background: linear-gradient(to bottom, #333333 0%,  #555555 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#555555', GradientType=0 )!important;
    border:1px solid #999999;
}
#vnavmenu li .layout-smenu  ul { display:block !important; }


element.style {
    display: none;
    opacity: 0;
}
#processing {
    border: 3px solid #ECECEC;
    cursor: pointer;
    display: none;
    height: 63px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 372px;
    z-index: 102;
}
/* added by Philippe on 7/10 */
.css_category{
    padding-top:10px;
    border-bottom:1px dotted #cccccc;
    color:#cccccc;
    font-style:italic;
}


ul.main-menu   {
    list-style: none outside none;
    padding: 0;
}
ul.main-menu > li {
    border-bottom:0px solid #f2f2f2;

}
ul.main-menu > li > a > span {
    display:none;
}
ul.main-menu > li > a.active > span {
    display:block!important;
}
ul.main-menu > li > a{
    color: #dddddd;
    font-size: 15px;
    display: block;
    height: 25px;
    border-bottom: 1px dotted #4c4c4c;
    padding: 10px 0px 0px 5px;
    background-color: #555555;
}
ul.main-menu > li > a:hover, ul.main-menu > li > a.active{
    background-color: #555555;
    background-image: -webkit-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -moz-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -o-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -ms-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: linear-gradient(to top, #4f4f4f, #555555);
}
#dropdown_structure ul.main-menu > li > ul {
    display: none;
}

ul.inner-menu	{
    list-style: none outside none;
    padding: 0
}

ul.inner-menu > li > a{
    font-size: 12px;
    display: block;
    padding: 7px 5px 2px 5px;
    margin: 0px;
    color: #b3b3b3;
    height: 20px;
    background-color: #383838;
    border-bottom: 1px solid #313131;
}
ul.inner-menu > li > a:hover{
    background-color: #3f3f3f;
}

ul.left-menus-ws{
    background: transparent;
    overflow: hidden;
    border-bottom:none;
    /*margin: 0px 0px 0px 10px;*/
    margin:0px;
    padding: 0;
    clear: both;
}
#dropdown_structure ul.left-menus-ws{
    margin: 0px ;
}
#dropdown_structure ul.left-menus-ws ol li a{

}

ul.left-menus-ws ul{
    border-top:none;
    border-right:none;
}
ul.left-menus-ws li .left-menus-ws{
    margin: 0px 0px 0px 10px;
}
ul.left-menus-ws li {
    border-top:none;
    border-right:none;
    /*padding: 10px 5px 10px 10px;*/
    position:relative;
    display: block;
}
ul.left-menus-ws li a {
    font-family: Arial, Helvetica, sans-serif;
    color: #dddddd;
    font-size: 13px;
    display: block;
    height: 28px;
    border-bottom: 1px dotted #4c4c4c;
    padding: 3px 0px 0px 5px;
    background-color: #555555;
}
#dropdown_structure ul.left-menus-ws li a {
    background-color: transparent;
}
ul.left-menus-ws li a:hover {
    background-color: #555555;
    background-image: -webkit-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -moz-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -o-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -ms-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: linear-gradient(to top, #4f4f4f, #555555);
}
ul.left-menus-ws ol {
    margin-left:10px;
    padding-left:0;
}

.liclass	{
    width:100%;
    float:left;
}

.liclass .liaclass	{
    padding: 10px 0;
    cursor:pointer;
}
.liclass .lichkclass	{
    float:left;
    width:15%;
    padding-top: 5px;
}
.liclass .liddclass	{
    float:left;
    width:15%;
    margin-left: 7px;
}

.active-bg{
    /*background:#f00 !important;*/
}
.active-bg-1{
    /*background:#000 !important;*/
    background:#d4d4d4 !important;
}

.carousel img {
    display: block;
    float: left;
}
.white-bg{
    background:#fff;
}

.displaynone {
    display:none;
}
.templates{
    float: left;
    width: 350px;
    height: 250px;
    margin:10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: middle;
    cursor:pointer;
    border:1px solid #cccccc;
    -webkit-box-shadow: 0px 5px 10px 0px #cccccc;
    box-shadow: 0px 5px 10px 0px #cccccc;
}
.templates .title{
    color: #dddddd;
    padding: 10px 20px;
    font-weight: bold;
    text-align:center;
    font-size: 16px;
}
.templates  img{
    width: 350px;

}
.templates:hover {
    margin:5px;
    width: 360px;
    height: 260px;
    border:1px solid #cccccc;
    -webkit-transition: all 0.20s ease-in;
    -moz-transition: all 0.20s ease-in;
    -ms-transition: all 0.20s ease-in;
    transition: all 0.20s ease-in;
}
.templates:hover  img{
    width: 360px;
    -webkit-transition: all 0.20s ease-in;
    -moz-transition: all 0.20s ease-in;
    -ms-transition: all 0.20s ease-in;
    transition: all 0.20s ease-in;
}
.selected_template{
    -webkit-box-shadow: 0px 5px 10px 0px #666666!important;
    box-shadow: 0px 5px 10px 0px #666666!important;
    border:1px solid #888888!important;
    margin:5px;
    width: 360px;
    height: 260px;

    -webkit-transition: all 0.20s ease-in;
    -moz-transition: all 0.20s ease-in;
    -ms-transition: all 0.20s ease-in;
    transition: all 0.20s ease-in;
}
.selected_template  img{
    width: 360px;
    -webkit-transition: all 0.20s ease-in;
    -moz-transition: all 0.20s ease-in;
    -ms-transition: all 0.20s ease-in;
    transition: all 0.20s ease-in;
}
.templates:hover .delete-image { opacity:1; filter:alpha(opacity=100); }
.extrastyles{
    margin:10px;
}
.layout-top-bar{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 50px;
    height: 40px;
    padding: 5px 10px 0px 10px;
	z-index: 20;
    background: #333333!important;

}
.layout-top-bar .chosen-container .chosen-container-single .chosen-container-active .chosen-with-drop .chosen-single{
	border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top:none;
}
.layout-top-bar .chosen-container, .layout-top-bar .chosen-container .chosen-single{
	font-size: 15px;
}
.layout-top-bar .chosen-container-single .chosen-search input[type=text]{
	background:transparent;
	border:none;
	border-bottom:1px solid white;
	color:white;
}
.layout-top-bar .chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.layout-top-bar .chosen-container .chosen-results li {
	font-size:14px;
	padding:5px;
	
}
.layout-top-bar .chosen-container-single .chosen-single{
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #333;
    font-size: 15px;
    border: 1px solid #555;
    color: #fff;
    padding: 5px 0;
    text-indent: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

}
.layout-top-bar .website_change_button{
	position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    bottom: 0px;
    cursor: pointer;
}
.layout-top-bar .website_change_button:hover{
	background-color:#444;
	color:#fff;
	
}
.layout-top-bar .website_change.active{
    display: block!important;
    position: absolute;
    left: 0px;
    padding: 10px;
    bottom: 45px;
    background: #222;
}
.layout-top-bar .website_change ul{
	margin:0px;
	padding:0px;
}
.layout-top-bar .website_change li{
	padding: 3px;
    list-style-type: none;
}
.layout-top-bar .website_change li:hover{
		color:#ffffff;
		cursor:pointer;
}
.layout-top-bar .chosen-container .chosen-results li.active-result.highlighted{
    background: none;
    background-color: rgba(255,255,255,0.1)!important;
    color: #ffffff;
}
.layout-top-bar .chosen-container .chosen-drop {
    
    border: 1px solid #888;
	border-bottom: none;
    top: auto;
    bottom: 27px;
    background: #333;
    color: #dddddd;
    border-radius: 2px;
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;

}
.layout-top-bar .chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #888888;
    border-radius: 2px;
	-moz-border-radius: 2px;
    background-color: #333;
    box-shadow: 0 1px 0 transparent inset;
    color: #fff;
}
.dropdown-content{
    position:absolute;
    top:40px;
    bottom:0;
    right:0;
    left:0;
    overflow-y:auto;
    overflow-x:hidden;
}
.dropdown-content h1{
    color:#ffffff;
}

.dropdown-content::-webkit-scrollbar{
    width:4px;
    background-color:#cccccc;
}
.dropdown-content::-webkit-scrollbar-track{
    border:1px #787878 solid;
    border-radius:10px;
    -webkit-box-shadow:0 0 6px #C8C8C8 inset;
}
.dropdown-content::-webkit-scrollbar-thumb{
    background-color: #848484;
    border:1px solid #848484;
    border-radius:16px;
}
.settings-menu{
    position:absolute;
    top:35px;
    right:100px;
    width:220px;
    z-index:10;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#efefef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 4px #000000;
    -webkit-box-shadow: 3px 3px 4px #000000;
    box-shadow: 3px 3px 4px #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
}
.layout-preview-container{
    position:absolute;
    top:0px;
    left:0px;
    right:50px;
    bottom:45px;
}

.loadPages 	{
    position:absolute;
    overflow: auto;
    top: 0px;
    right: 0px;
    left:0px;
    bottom:0px;
}
.loadPages .Body{
    min-height:100%!important;
	height:auto!important;
	overflow:hidden;
}

#dropdown_structure{
    overflow-x:hidden;
    overflow-y: auto;
}
#style-content .tab-container{
    border:none;
    background:none;
    padding:0 10px 10px 10px;
}
#editor_wrapper{
    margin-bottom: 150px;
}

#layoutpart{
    padding: 5px 0px;
    color:#ffffff;
    text-align:center;
}
#background-image-preview img{
    max-height:100%;
    max-width:100%;
}
#background-image-preview{
    overflow:hidden;max-height:80px;width:120px;
    position:relative;
}



#button_wrapper{
    width:50px;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:#333333;
    z-index:200;
    padding-top:30px;
}

#button_wrapper #website_preview{
    clear:both;
    float:left;
    width:50px;
    height:50px;
    background: url('https://app.twizzit.com/images/website_sprite_button.png') no-repeat -1px -100px;
    position:absolute;
    bottom:150px;
}
#button_wrapper #website_preview:hover{
    background: url('https://app.twizzit.com/images/website_sprite_button.png') no-repeat -65px -100px;
    cursor:pointer;
}

#button_wrapper #show_desktop_version{
    clear:both;
    float:left;
    width:50px;
    height:50px;
    background: url('https://app.twizzit.com/images/website_sprite_button.png') no-repeat -1px -54px;
    position:absolute;
    bottom:90px;
}
#button_wrapper #show_mobile_version{
    clear:both;
    float:left;
    width:50px;
    height:50px;
    background: url('https://app.twizzit.com/images/website_sprite_button.png') no-repeat -1px 1px;
    position:absolute;
    bottom:30px;
}
#button_wrapper #show_desktop_version.active, #button_wrapper #show_desktop_version:hover{
    background: url('https://app.twizzit.com/images/website_sprite_button.png') no-repeat -65px -54px;
    cursor:pointer;
}
#button_wrapper #show_mobile_version.active, #button_wrapper #show_mobile_version:hover{
    background: url('https://app.twizzit.com/images/website_sprite_button.png') no-repeat -64px 1px;
    cursor:pointer;
}

#button_wrapper .button_item{
    display: block;
    float:right;
    clear:both;
    color:#cccccc;
    text-align:left;
    margin: 0 0 0px 0;
    padding: 3px 5px;

    background-color: #333333;
    background-image: -webkit-linear-gradient(bottom, #333333, #444444);
    background-image: -moz-linear-gradient(bottom, #333333, #444444);
    background-image: -o-linear-gradient(bottom, #333333, #444444);
    background-image: -ms-linear-gradient(bottom, #333333, #444444);
    background-image: linear-gradient(to top, #333333, #444444);
    border-bottom: 1px solid #222222;
    height: 40px;
}
#button_wrapper .button_item img{ float:right;height:30px;margin: 4px 5px 0 5px;}
#button_wrapper .button_item span{ display:none;float:right;font-size: 16px;position: absolute;padding: 13px 0px 0px 0px;}
#button_wrapper .button_item.opened:hover span{display:none!important;}
#button_wrapper .button_item.opened:hover{width:auto!important;}
#button_wrapper .button_item:hover span{ display:block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#button_wrapper .button_item:hover{
    background-color: #555555;
    background-image: -webkit-linear-gradient(bottom, #555555, #444444);
    background-image: -moz-linear-gradient(bottom, #555555, #444444);
    background-image: -o-linear-gradient(bottom, #555555, #444444);
    background-image: -ms-linear-gradient(bottom, #555555, #444444);
    background-image: linear-gradient(to top, #555555, #444444);
    cursor:pointer;
    width:170px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#button_wrapper .button_item.active:hover,#button_wrapper .button_item.opened:hover{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
#button_wrapper .button_item.active{
    background-color: #555555;
    background-image: -webkit-linear-gradient(bottom, #555555, #555555);
    background-image: -moz-linear-gradient(bottom, #555555, #555555);
    background-image: -o-linear-gradient(bottom, #555555, #555555);
    background-image: -ms-linear-gradient(bottom, #555555, #555555);
    background-image: linear-gradient(to top, #555555, #555555);
}
#button_wrapper .button_item.active span{
    display:none;
}

/*
.help_icon,.notifications_selected_icon,.notifications_icon,.settngmenu {
display:none;
}
*/


.selected_layoutpart{
    background:#dddddd!important;
    color:#555555!important;
}
.highlighted_layoutpart{
    background:#dddddd!important;
    color:#555555!important;

}

#layout_side_bar{
    background-color: rgb(66,66,66);

    width:350px;
    position:absolute;
    top:0px;
    right:50px;
    bottom:44px;
    overflow:hidden;
    z-index:200;
}
#layout_side_bar .fieldslabelfix,#layout_side_bar .fieldslabel{
    color:#ffffff;
}


#layout_side_bar .top{
    position:absolute;
    height:40px;
    background-color:#222222;
    top:0px;
    left:0px;
    right:0px;
}
#layout_side_bar .header{
    background-color: #333333;
    height: 30px;
    cursor:pointer;
    clear:both;
}

#layout_details_title{
    float: left;
    width: 250px;
    text-align: center;
    height: 22px;
    padding-top: 8px;
    border-bottom:1px solid #222222;
}
#layout_details_title:hover, #layout_structure_title:hover{
    background-color:#444444;
}
#layout_details_title.selected, #layout_structure_title.selected{
    background-color:#444444;
    color:#ffffff;
    border-bottom:1px solid #444444;
}
#layout_structure_title{
    float: left;
    width: 48px;
    text-align: center;
    border-left: 1px solid #222222;
    border-bottom:1px solid #222222;
    height: 30px;

}


.css_main_category{
    padding: 9px 0px 5px 10px;
    border-bottom: 1px solid #393939;
    background-color: #636363;
    cursor: pointer;
    color:#d8d8d8;
}
.css_main_category img{
    height: 20px;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
    position:relative;
    top: -4px;
}
#vtab2,#vtab3,#vtab4,#vtab5,#vtab6{
    padding-left:5px;
}
#sidebarhelp{
    color: #eeeeee;
    font-size: 14px;
    padding: 70px 20px 0px 20px;
}
#loadPages p{
    margin:auto!important;
	margin-bottom: 1em!important;
    padding:initial!important;
}
.settingsbutton{
    float: left;
    background-color: #777777;
    border: 1px solid #444;
    margin: 3px;
    padding: 5px 10px 0px 10px;
    cursor: pointer;
    color: #ffffff;
}
.settingsbutton img{
    float:left;
    margin-right:5px;
    margin-top:-2px;
}


.website_btn{
    float:left;
    padding:8px 5px 2px 5px;
    height:20px;
    border:1px solid #3A3A3A;
    margin:0px 2px 2px 2px;
    background-color: #333333;
    background-image: -webkit-linear-gradient(bottom, #333333, #555555);
    background-image: -moz-linear-gradient(bottom, #333333, #555555);
    background-image: -o-linear-gradient(bottom, #333333, #555555);
    background-image: -ms-linear-gradient(bottom, #333333, #555555);
    background-image: linear-gradient(to top, #333333, #555555);
    min-width: 17px;
    color:#dddddd;

}
.website_btn img{
    height:20px;
    position: relative;
    top: -3px;
}
.website_btn:hover {
    background-color: #555555;
    background-image: -webkit-linear-gradient(bottom, #555555, #333333);
    background-image: -moz-linear-gradient(bottom, #555555, #333333);
    background-image: -o-linear-gradient(bottom, #555555, #333333);
    background-image: -ms-linear-gradient(bottom, #555555, #333333);
    background-image: linear-gradient(to top, #555555, #333333);
    cursor:pointer;
    color:#ffffff;
}

.layout-preview-container {
    background-color:#111111;
}

#right_col_org2 .mobilecover{
    display:none;
}
#right_col_org2.mobile .websitewrapper{
    position: absolute;
    width: 380px;
    top: 0px;
    left: 35%;
    bottom: 0px;
}
#right_col_org2.mobile .mobilecover{
    display:block;
    background: url('https://app.twizzit.com/images/mobile_wrapper.png') 48% 0px no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 20px;
    right: 0;
}
#right_col_org2.mobile .mobilecover_bottom{
    display:block;
    background: url('https://app.twizzit.com/images/mobile_wrapper_bottom.png') 48% top no-repeat;
    position: absolute;
    height:20px;
    left: 0;
    bottom: 0;
    right: 0;
}
#loadPages.mobile{
    width: 320px;
    top: 139px;
    left: 32px;
    bottom: 20px;
}




.wl_field{
    background-color:#222222;
    border:1px solid #111111;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position:relative;
}
.wl_field input{
    background:transparent;
    padding:2px 0;
    margin:0;
    color:#cccccc;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    border-radius: initial;
    border:1px solid #222222;
    font-size:12px;
}
.wl_field_px{
    width:69px;
}
.wl_field_px input{
    width:32px;
    text-align:right;
}

input.wl_unit_value{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width:30px!important;
    text-align:center!important;
    margin-left: 2px;
}
.wl_unit_value:hover{
    background-color:#666666;
}

.wl_unit{
    color: #cccccc;
    position: absolute;
    right: -20px;
    width: 66px;
    overflow: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: none;
    top: 19px;
    background-color: #666666;
    z-index: 1;
    border: 1px solid #222222;
    /* -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); */
    -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75);
    /* box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.75); */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 5px;
    list-style:none;
    padding:0;
}


.wl_unit li{
    text-align:center;
    color:#cccccc;
    padding: 0px 0px 3px 0px;
    list-style:none;
}
.wl_unit li.sel_unit{
    display:block;
    color:#ffffff;
}

.wl_unit li:hover{
    color:#ffffff;
    cursor:pointer;
    background-color:#000000;
}
.loadPages .slicknav_menu{
    width: 320px!important;
    top: 130px!important;
}
/*
.slicknav_nav{
    display:none!important;
}
*/


/* tables and other form containers*/
.dropdown_header{
    padding: 0px 5px 0px 0px;
}
.dropdown_header h1{
    color: #ffffff;
    padding: 4px 0px 0px 5px;

}
#layout_side_bar .grid-block { position: relative;margin:0 0 5px 0;}
#layout_side_bar .grid-block table { border:none;border-spacing: 0;margin: 0;padding: 0;width: 100%;border-collapse: collapse;background-color: transparent;}
#layout_side_bar .grid-block table th, #layout_side_bar .grid-block table thead th, #layout_side_bar .grid-block table thead td {
    border:none;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    color: #666666;
    padding: 8px 3px 8px 5px;
    text-align: left;
    font-weight: bold;
    border-collapse: collapse;
    background: #555555;
}
#layout_side_bar .grid-block table tr td{
    background: none repeat scroll 0 0 #555555;
    border:none;
    border-bottom: 1px dotted #535353;
    padding: 5px;
    color:#dddddd;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 190px;
}

#layout_side_bar .grid-block table tr:hover td {
    background-color: #555555;
    background-image: -webkit-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -moz-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -o-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: -ms-linear-gradient(bottom, #4f4f4f, #555555);
    background-image: linear-gradient(to top, #4f4f4f, #555555);

}
#layout_side_bar .grid-block table tr.even td, #layout_side_bar .grid-block table tr:nth-child(even) td { background:#555555; }












#editor_wrapper textarea{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color:#cccccc;
    background-color:#222222;
    border:1px solid #111111;
}
#editor_wrapper .colorpic {
    background-color: #333333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #111111;
    font-size:12px;
    color:#cccccc;
    padding:2px 0px;
}



/* @group Base */
#editor_wrapper .chosen-container {
    width:200px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    float: left;
}
#editor_wrapper .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #111111;
    border-top: 0;
    background: #222222;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#editor_wrapper .chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}
#editor_wrapper .chosen-container a {
    cursor: pointer;
}

/* @end */
/* @group Single Chosen */
#editor_wrapper .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    background:none;
    background-color: #222222;
    font-size:11px;

    border: 1px solid #111111;
    color: #cccccc;
    padding: 4px 0px 3px 0px;
    text-indent: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#editor_wrapper .chosen-container-single .chosen-default {
    color: #aaa;
}
#editor_wrapper .chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#editor_wrapper .chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}
#editor_wrapper .chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('https://app.twizzit.com/css/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
#editor_wrapper .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}
#editor_wrapper .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}
#editor_wrapper .chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}
#editor_wrapper .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('https://app.twizzit.com/images/chosen-sprite.png') no-repeat 0px 2px;

}
#editor_wrapper .chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}
#editor_wrapper .chosen-container-single .chosen-search input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px;
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background: url('https://app.twizzit.com/css/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    float:none;
}
#editor_wrapper .chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}
#editor_wrapper .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
#editor_wrapper .chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}
#editor_wrapper .chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 3px 6px;
    list-style: none;
    line-height: 15px;
    font-size:11px;
    text-align:left;
}
#editor_wrapper .chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}
#editor_wrapper .chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}
#editor_wrapper .chosen-container .chosen-results li.highlighted {
    background-color: #777777;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #777777), color-stop(90%, #999999));
    background-image: -webkit-linear-gradient(#777777 20%, #999999 90%);
    background-image: -moz-linear-gradient(#777777 20%, #999999 90%);
    background-image: -o-linear-gradient(#777777 20%, #999999 90%);
    background-image: linear-gradient(#777777 20%, #999999 90%);
    color: #fff;
    border:none!important;
}
#editor_wrapper .chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}
#editor_wrapper .chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}
#editor_wrapper .chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}
#editor_wrapper .chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
#editor_wrapper .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    cursor: text;

    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    background-color: #fff;

    font-size:11px;
    border: 1px solid #D0D0D0;
    color: #777777;
    padding:0;
    text-indent: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#editor_wrapper .chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 2px 0px 3px 0px;
    height: 15px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #aaaaaa;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 2px 0 2px 2px;
    padding: 2px 15px 1px 0px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #777777;
    line-height: 13px;
    cursor: default;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 3px;
    right: 1px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('https://app.twizzit.com/images/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}
#editor_wrapper .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}
#editor_wrapper .chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}
#editor_wrapper .chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
#editor_wrapper .chosen-container-active .chosen-single {
    /*border: 1px solid #5897fb;*/
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    border: 1px solid #A3B0D3;


}
#editor_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #A3B0D3;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background:#222222;
    box-shadow: none;

}
#editor_wrapper .chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}
#editor_wrapper .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}
#editor_wrapper .chosen-container-active .chosen-choices {
    /*border: 1px solid #5897fb;*/
    /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);*/
}
#editor_wrapper .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #111 !important;
}

/* @end */
/* @group Disabled Support */
#editor_wrapper .chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}
#editor_wrapper .chosen-disabled .chosen-single {
    cursor: default;
}
#editor_wrapper .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}









#editor_wrapper .minicolors.minicolors-theme-default .minicolors-input {
    /*
    margin: 0px;

    border: solid 1px #CCC;
    font: 14px sans-serif;
    width: 65px;
    height: 16px;
    border-radius: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .04);
    padding: 2px;
    */
    margin-right: 3px;
    margin-right: -1px;
}



#editor_wrapper .minicolors-theme-default.minicolors-swatch-left .minicolors-input {
    margin-left: -1px;
    margin-right: auto;
    background-color:#333333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:1px solid #111111;
}

#editor_wrapper .minicolors-theme-default.minicolors-focus .minicolors-input,
#editor_wrapper .minicolors-theme-default.minicolors-focus .minicolors-swatch {
    border-color: #111111;

}

#editor_wrapper .minicolors-hidden {
    position: absolute;
    left: -9999em;
}

#editor_wrapper .minicolors-swatch {
    position: relative;
    width: 19px;
    height: 19px;
    text-align: left;
    background: url(https://app.twizzit.com/images/jquery.minicolors.png) -80px 0;
    border: solid 1px #111111;
    vertical-align: middle;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#editor_wrapper .minicolors-swatch SPAN {
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.buildwebsite{    background-color: rgba(181, 181, 181, 0.44);padding: 20px 10px;border: 1px solid #C7C7C7;position: absolute;top: 10px;right: 10px;color: #777777;font-size: 14px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.buildwebsite:hover{color: #555555;background-color: rgba(109, 109, 109, 0.44);cursor:pointer;}


#website_preview {
    cursor: pointer;
    position:absolute;
    bottom:140px;
}






 /********************************
  * 15. Tiny MCE Predef Styles
  ********************************/

   .tiny-faq-help{
     border:1px solid #cecece;
     background-color:#dedede;
     color:#666666;
     padding:5px;
     margin:5px;
     clear:both;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
   }
   .tiny-faq-attention{
     border:1px solid #ededed;
     background-color:#a72b2b;
     color:#ffffff;
     padding:5px;
     margin:5px;
     clear:both;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
   }
   .tiny-faq-example{
     border: 1px solid #ededed;
     background-color: #F7F7F7;
     color: #777777;
     padding: 5px;
     margin: 5px;
     clear: both;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-style: italic;
   }
   .tiny-faq-title{
     font-weight:bold;
     font-size:14px;
     font-style:italic;
   }

   /********************************
    * 16. Simple Tree
    ********************************/

 /* CSS Tree menu styles */
 ol.tree{
 	padding: 0 0 0 0px;
 }
 	ol.tree li {
 		position: relative;
 		list-style: none;
 	}

 	li.dir
 	{
 		cursor:pointer;
 	}
 .li-item {
 	background: none repeat scroll 0 0 #FFFFFF;
     border-right: 1px solid #D0D0D0;
     display: table-cell;
     float: none;
     padding: 9px 5px;
     vertical-align: top;
     *float: left;
     }


 	li.file
 	{
 		margin-left: -1px !important;
 		cursor:pointer;
 	}

 /*end tree*/



 /** Dir and file view **/

 #filemanagers{
 	padding:20px;
 	}
 #parentname_chzn{
 	width:156px !important;
 	}
 #filemanager .box a{
 	color:#fff;
 	}
 #filemanagers .box a{
 	color:#fff;
 	}
 #directoryname_chzn	{

 	}

 #filemanagers .privacy{
 	margin-left:133px;
 	}


 .filemanagertop{
 	border-bottom:1px solid #CC3A3A;
 	}
 .content-block .fm-content .tab-container { padding:0; }
 .tab-container-notes {
 	overflow-x: hidden;
 	overflow-y: hidden;
 	position: relative;
 }
 .btn-tab-cont .list-view, .btn-tab-cont .tree-view { display: block; height: 24px; text-indent: -99999px; width: 24px;margin-top:0px; }
 .list-view { background: url("https://app.twizzit.com/images/list-view.png") no-repeat scroll 0 0 transparent; }
 .tree-view {  background: url("https://app.twizzit.com/images/tree-view.png") no-repeat scroll center 0 transparent; }

 .picture-desc { padding: 10px 5px;font-size:11px; color:#777777; }
 .picture-desc p { margin: 0;
     padding: 0 0 10px; }
 .pic-prop { padding: 0 4px 0 0; display: inline-block; font-weight:bold;}

 .tree { background: none repeat scroll 0 0 #FFFFFF;
     border-collapse: collapse;
     border-left: 1px solid #D0D0D0;
     border-spacing: 0;
     border-top: 1px solid #D0D0D0;
     border-right:1px solid #D0D0D0;
     margin: 0;

     }
 .sub-list { border-top: 0 solid; border-left:0px solid;display:none;padding-left: 37px;}

 .sub-list td :last-child { border-right:0px solid; }
 .sub-list-outer { border-left: 0 solid !important;  padding: 0;  margin-top: -1px;}
 li input + div.sub-list-outer { margin-top:0px; }


 .li-row { display: table; padding:0; margin:0; border-bottom: 1px solid #D0D0D0;width:100%;
 border-right: 1px solid #D0D0D0;
 border-collapse:collapse;
 -webkit-transition: all 200ms ease-in-out;
 -moz-transition: all 200ms ease-in-out;
 -o-transition: all 200ms ease-in-out;
 transition: all 200ms ease-in-out;
 }
 .li-row:hover{
 background-color: #f1f5f9;
 }

 .li-row.selected{
 background-color: #f6f6f6;
 }


 .li-row .dir-icon { display: table-cell;background: url("https://app.twizzit.com/images/ficon-folder.png") no-repeat scroll 5px 3px transparent; border-right: 1px solid #D0D0D0;border-left: 1px solid #D0D0D0;border-top: 1px solid #D0D0D0;border-collapse:collapse;margin-left:-1px;margin-top:-1px;cursor: pointer;height: 32px;width: 36px;float:left;}
 .li-row .dir-icon-empty { display: table-cell;background: url("https://app.twizzit.com/images/ficon-folder-empty.png") no-repeat scroll 5px 3px transparent; border-right: 1px solid #D0D0D0;border-left: 1px solid #D0D0D0;border-top: 1px solid #D0D0D0;border-collapse:collapse;margin-left:-1px;margin-top:-1px;cursor: pointer;height: 32px;width: 36px;float:left;}
 .li-row .dir-icon-open { display: table-cell;background: url("https://app.twizzit.com/images/ficon-folder-open.png") no-repeat scroll 5px 3px transparent; border-right: 1px solid #D0D0D0;border-left: 1px solid #D0D0D0;border-top: 1px solid #D0D0D0;border-collapse:collapse;margin-left:-1px;margin-top:-1px;cursor: pointer;height: 32px;width: 36px;float:left;}
 .li-row .dir-icon-empty-open { display: table-cell;background: url("https://app.twizzit.com/images/ficon-folder-empty-open.png") no-repeat scroll 5px 3px transparent; border-right: 1px solid #D0D0D0;border-left: 1px solid #D0D0D0;border-top: 1px solid #D0D0D0;border-collapse:collapse;margin-left:-1px;margin-top:-1px;cursor: pointer;height: 32px;width: 36px;float:left;}

 .li-row .dir-title{margin: 8px 0px 0px 10px;float: left;}
 .li-row .file-title{margin: 8px 0px 0px 10px;float: left;}
 .li-row .file-empty{margin: 4px 0px 4px 10px;float: left;}
 .li-row .dir-buttons{float:right;padding-top: 9px;display:none;}
 .li-row .file-buttons{float:right;padding-top: 9px;display:none;}
 .li-row:hover .dir-buttons{display:block;}
 .li-row:hover .file-buttons{display:block;}

 td.file-icon{display: table-cell;border-right: 1px solid #D0D0D0;border-left: 1px solid #D0D0D0;height: 32px;width: 26px;padding:1px 0px;width: 36px;text-align:center;}
 td.file-icon img {height:29px;}
 .li-row .file-icon{display: table-cell;border-right: 1px solid #D0D0D0;border-left: 1px solid #D0D0D0;float: left;height: 32px;width: 26px;padding:1px 0px;width: 36px;text-align:center;}
 .li-row .file-icon img {height:29px;}
 .li-row .dir-name { border-right: 0 solid;width: 100%;}
 .li-row .created-by {width: auto; }
 .li-row .file-size {  }
 .li-row .li-item:last-child { border-right:0px solid; }


 .ficon{ height: 28px; padding: 3px !important; text-align: center; width: 28px; }
 .ficon span{ margin: 0 auto;  width:26px; height:26px; display:block;  }
 .ficon-folder{ background: url("https://app.twizzit.com/images/ficon-folder.png") no-repeat scroll 0 0 transparent; }
 .ficon-excel{ background: url("https://app.twizzit.com/images/ficon-excel.png") no-repeat scroll 0 0 transparent; }
 .ficon-picture{ background: url("https://app.twizzit.com/images/ficon-picture.png") no-repeat scroll 0 0 transparent; }
 .ficon-word{ background: url("https://app.twizzit.com/images/ficon-word.png") no-repeat scroll 0 0 transparent; }
 .ficon-pdf{ background: url("https://app.twizzit.com/images/pdf.png") no-repeat scroll 0 0 transparent; }
 .ficon-video{ background: url("https://app.twizzit.com/images/video.png") no-repeat scroll 0 0 transparent; }
 .ficon-txt{ background: url("https://app.twizzit.com/images/textdocument.png") no-repeat scroll 0 0 transparent; }


 /********************************
  * 17. Image Area Select
  ********************************/

  /*
   * imgAreaSelect default style
   */

  .imgareaselect-border1 {
  	background: url(https://app.twizzit.com/images/border-v.gif) repeat-y left top;
  }

  .imgareaselect-border2 {
      background: url(https://app.twizzit.com/images/border-h.gif) repeat-x left top;
  }

  .imgareaselect-border3 {
      background: url(https://app.twizzit.com/images/border-v.gif) repeat-y right top;
  }

  .imgareaselect-border4 {
      background: url(https://app.twizzit.com/images/border-h.gif) repeat-x left bottom;
  }

  .imgareaselect-border1, .imgareaselect-border2,
  .imgareaselect-border3, .imgareaselect-border4 {
      filter: alpha(opacity=50);
  	opacity: 0.5;
  }

  .imgareaselect-handle {
      background-color: #fff;
      border: solid 1px #000;
      filter: alpha(opacity=50);
      opacity: 0.5;
  }

  .imgareaselect-outer {
      background-color: #000;
      filter: alpha(opacity=50);
      opacity: 0.5;
  }

  .imgareaselect-selection {
  }

 /********************************
  * 18. File Uploader
  ********************************/

  .px-form-input {
  	float: left;
  }
  .px-buttons {
  	float: left;
  }

  .px-input-button {
  	overflow: hidden;
  }

  .px-input-button input {
  	position:absolute;
  	top: 0;
  	right: 0;
  	-moz-opacity:0;
  	filter:alpha(opacity: 0);
  	opacity: 0;
  	cursor: pointer;
  	border-right: 100px solid #FFF;
  	border-bottom: 100px solid #FFF;
  	direction: ltr;
  	margin: 0;
  	padding: 0;
  	-o-transform: translate(250px, -50px) scale(1);
  	-moz-transform: translate(-300px, 0) scale(4);

  }

.px-input-button .fileUpload {
    width: 191px;
    transform: initial;
    padding: 5px 0px;
    border: none;
}

  .upload-data {
  	padding: 5px;
  	width: 300px;
  	margin-top: 5px;
  	margin-bottom: 5px;
  	position: relative;
  }

  .upload-data.pending {
  	border: 1px solid #D0D0D0;
  }

  .upload-data.uploading {
  	border: 1px solid #EDBE05;
  }

  .upload-data.success {
  	border: 1px solid #CCCCCC;
  }

  .upload-data.error, .upload-data.cancel {
  	border: 1px solid #FF0000;
  }
  #videouploader{
  	width:50%;float:left;
  }
  #videouploader .upload-data.pending,#videouploader .upload-data.uploading,#videouploader .upload-data.success,#videouploader .upload-data.error,#videouploader .upload-data.cancel{
  	margin:10px;

  }

  .px-widget ul.actions {
  	position: absolute;
  	top: 5px;
  	right: 5px;
  	margin: 0;
      padding: 0;
  }

  .px-widget ul.actions li {
  	cursor: pointer;
  	float: left;
  	list-style: none outside none;
  	margin: 2px;
  	padding: 4px;
  	position: relative;
  }

  .upload-data .filename {
  	padding-right: 10px;
  	width: 120px;
  }

  .upload-data .status {
  	clear: both;
  }

  /* jQuery UI progressbar */
  .progress {
  	display: none;
  	padding-top: 10px;
  	padding-bottom: 10px;
  }
  .progressBar {
  	float: left;
  	width: 280px;
  	height: 22px;
  }
  .percentage {
  	float: left;
  	padding-left: 5px;
  	width: 50px;
  }
  .uploading .ui-progressbar-value {
  	background-image: url(https://app.twizzit.com/css/ui-lightness/images/pbar-ani.gif);
  }

  .px-widget .ui-button {
  	/*height: 40px;*/
  	 background: none repeat scroll 0 0 transparent;
      border: medium none;
      font-size: 12px;
      font-weight: normal;
  }

  /* Website CSS for POPUP */
  /*popup style*/

  /*
  tr.red_att td{color:#ffffff!important;background-color:red!important;}
  tr.green_att td{color:#ffffff!important;background-color:green!important;}
  tr.orange_att td{color:#ffffff!important;background-color:orange!important;}
  tr.grey_att td{color:#ffffff!important;background-color:#aaaaaa!important;}

  .grid-block .row-active {background: url("/web/20230323152108im_/https://app.twizzit.com/images/active-sprite.png") no-repeat scroll center -31px transparent;display: block;height: 13px;width: 13px;margin: 0 auto;cursor: pointer;}
  .grid-block .row-inactive { background: url("/web/20230323152108im_/https://app.twizzit.com/images/active-sprite.png") no-repeat scroll center 0 transparent; }
  .grid-block .btn-delete {background: url("/web/20230323152108im_/https://app.twizzit.com/images/btn_close.png") no-repeat scroll center 0 transparent;display: block;height: 16px;width: 16px;margin: 0 auto;background-size: 14px;}
  .sort-list {float: right;padding: 3px 0 0;display:none;}
  .sort-list .sort-up, .sort-list .sort-down {background: url("/web/20230323152108im_/https://app.twizzit.com/images/sort-arw.png") no-repeat scroll 0 0 transparent;display: block;height: 6px;width: 9px;cursor: pointer;}
  .sort-list .sort-down { background-position: 0 -6px; }


  table.fields{border-collapse:collapse;}
  table.fields tr td.fieldslabel {padding: 5px 5px 5px 0; vertical-align:top;}
  table.fields tr td.fieldslabelfix {padding: 0 5px 5px 0; width:83px;}
  table.fields tr td.fieldscontent {padding: 0 20px 5px 0;}
  table.fields tr td input[type=text].date{width:80px;}
  table.fields.left{width:auto;}


  table.fldtable tr td.fldlabel {padding: 5px 5px 5px 5px; vertical-align:top;font-weight:bold;font-style:italic;color:#7B7B7B;border-bottom:1px solid #f5f5f5;}
  table.fldtable tr td.fldcontent {padding: 5px 5px 5px 5px;border-bottom:1px solid #f5f5f5}
  table.fldtable{border:1px solid #cccccc;margin-top:20px;}

  */

  /*.search-input{position:relative;float:left;}*/
  /* input fields */
  /* End of Website CSS */

/********************************
 * 20. Timepicker
 ********************************/

  .ui-timepicker-wrapper {
  	overflow-y: auto;
  	height: 150px;
  	width: 6.5em;
  	background: #fff;
  	border: 1px solid #ddd;
  	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  	box-shadow:0 5px 10px rgba(0,0,0,0.2);
  	outline: none;
  	z-index: 10001;
  	margin: 0;
  }

  .ui-timepicker-wrapper.ui-timepicker-with-duration {
  	width: 11em;
  }

  .ui-timepicker-list {
  	margin: 0;
  	padding: 0;
  	list-style: none;
  }

  .ui-timepicker-duration {
  	margin-left: 5px; color: #888;
  }

  .ui-timepicker-list:hover .ui-timepicker-duration {
  	color: #888;
  }

  .ui-timepicker-list li {
  	padding: 3px 0 3px 5px;
  	cursor: pointer;
  	white-space: nowrap;
  	color: #000;
  	list-style: none;
  	margin: 0;
  }

  .ui-timepicker-list:hover .ui-timepicker-selected {
  	background: #fff; color: #000;
  }

  li.ui-timepicker-selected,
  .ui-timepicker-list li:hover,
  .ui-timepicker-list .ui-timepicker-selected:hover {
  	background: #1980EC; color: #fff;
  }

  li.ui-timepicker-selected .ui-timepicker-duration,
  .ui-timepicker-list li:hover .ui-timepicker-duration {
  	color: #ccc;
  }

  .ui-timepicker-list li.ui-timepicker-disabled,
  .ui-timepicker-list li.ui-timepicker-disabled:hover,
  .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  	color: #888;
  	cursor: default;
  }

  .ui-timepicker-list li.ui-timepicker-disabled:hover,
  .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  	background: #f2f2f2;
  }

 /********************************
  * 20. Header.tpl
  ********************************/

 .calpick     {
   width:16px;
   height:16px;
   border:none;
   cursor:pointer;
   background:url("https://app.twizzit.com/css/sample-css/cal.gif") no-repeat center 2px;
   margin-left:-22px;
 }
 .mask{
   width:100%;
   height:100%;
   position:absolute;
   background-color:grey;
   z-index:1;
   filter:alpha(opacity=80);
   opacity:.8;
 }
 .mask div{
   width: 50%;
   text-align:center;
   position: absolute;
   top: 50%;
   left: 25%;
   color:white;

 }
/********************************
 * 21. Infinite Scroll
 ********************************/

 .loading-div {
     padding: 15px 0 !important;
     margin-top: 10px;
     display: none;
     text-align: center;
 }

.button-more{
    float: none;
    padding: 15px 0 !important;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.button-more-float{
    padding: 15px 0 !important;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.notification-search{
    padding: 5px;
    height: 40px;
}


/********************************
 * 22. Account
 ********************************/

 /* EMAIL SETTINGS */

#accountEmailSettings { width: 100%; }
#accountEmailSettings table { margin-bottom: 10px; }
#accountEmailSettings tr.checkall td { border-top: 2px solid lightgrey; }
#accountEmailSettings .grid-title { cursor: pointer; }
#accountEmailSettings .grid-title th { text-align: center; }
#accountEmailSettings .grid-title th .moreoptions { text-align: left; }

/* SELECT2 */

.select2-container--default .select2-selection--single {
    border: 1px solid #dedede;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #777;
    font-size: 11px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #dedede;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px;
}
.select2-results__option {
    font-size: 11px;
}
.select2-dropdown { 
    border: 1px solid #dedede;
}

/* multiple */
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #dedede;
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #dedede;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 6px;
    background-color: #f6f6f6;
}

.select2 {
  float: left;
}