img
{
	border: none;
}
textarea
{
	    resize: none;border:none;
	    font-family: Verdana,sans-serif;
}
input
{
	border:none;
	font-family: Verdana,sans-serif;
}
select
{
	border:none;
}
/*.leaveedit{cursor: pointer; font-size: 20px; color: #277553; float: right; padding-right: 5px;}*/
select{
   -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none;
  border:none; cursor:pointer;
   background: url("dropdown-arrow.png")  no-repeat #fff; background-position:right;
}
select::-ms-expand{
  display:none;
}
.daseditofcedet select
{
	width:45%;margin: 0 15px;
}
#updateoffice
{
	margin:10px;
}
.newdet
{
	color:#333; text-align:left; position:absolute; width:95%; left:0; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
#usefullinktag
{
	margin:5px;
}
.savebutmgm
{
	margin-top:0 !important;
}
.clckdashnewstyl
{
	width: 95%;display: inline-block;vertical-align: top; line-height: 1.5;
}
.clckdashnewstyl1
{
	display: inline-block;margin: 0 0 10px;
}
.clckdashnewstyl2
{
	display: inline-block;width:95%; line-height: 1.5; cursor:default;
}
.dashmytemplstyl
{
	float: left;height: 310px;overflow-x: hidden;overflow-y: auto;width:95%;
}
.newimg
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
#btn_cancelarticleimage,btn_uploadarticletags
{
	margin:10px;
}
.newvideo
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.newtag
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.adddocdet
{
	color:#333; text-align:left; position:absolute; width:95%; left:0; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.adddocfil
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.adddoctag
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.adddocshare
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.adpersndet
{
	color:#333; text-align:left; position:absolute;     width: 95%; left:0; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.adpersnimg
{
	color:#333; text-align:left; position:absolute;width: 95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.adpersntag
{
	color:#333; text-align:left; position:absolute; width: 95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.widfrdoctagnew
{

}
.evenpop
{
	color:#333; text-align:left;
}
.totwid
{
	width:100%; height:65px; position:relative; background-color: #277553;
}
.totwidlogin
{
	width:100%; height:65px; position:relative; background-color: #277553;
}
.addnewopt
{
	left:13px; top:13px; position:absolute; cursor:pointer; z-index:500;
}
.seticnstyl
{
	 display: inline;  left: 0;position: relative;  top: 0;padding-right: 20px;margin-left: 5px;
}
.awardstyl {
    display: inline;
    left: 0;
    margin-left: 5px;
    padding-right: 20px;
    position: relative;
    top: 0;
}
#addlinkcate_chosen
{
	width:98% !important;
}
.heightstylclck
{
	overflow-y: auto;overflow-x: hidden;width: 99%;height: 348px;padding-top: 30px;
}
.clckstyl
{
	display: inline-block;text-align: center;width: 50%;vertical-align: middle;
}
.clckstyl1
{
	display: inline-block;width: 47%;vertical-align: middle;
}
.headerplce
{
	width:40%;color: #ffffff !important;    font-size: 14px;    padding: 8px 0;    position: absolute;  right:34%;   top: 8px;
}
.headerplceinput
{
	width:61%; height: 25px;color: #000; font-size: 15px;padding:5px;border-radius: 4px;
}
#tx_proceedcomments
{
	border:1px solid #888;
}
@media (min-width:0px) and (max-width: 500px) {
	.adnewfl
	{
		margin-left: 5px !important;
	}
	.headerplce{
     margin-left: 129px;
    right: 0;
    top: 5px;
    width: 54%;
   }
   #nav li > a {
    color: #FFF !important;
   
}
.prflimgcont
{
	width:80% !important;
	
}

}
@media (min-width:500px) and (max-width: 650px) {

	.headerplce{
     margin-left: 129px;
    right: 0;
    top: 5px;
    width: 72%;
   } 

}
@media (min-width:650px) and (max-width: 900px) {

	.headerplce{
     left: 143px;
    
    top: 5px;
    width: 15%;
   } 
 #nav li > a {
    color: #FFF !important;
   
}

.seticnstyl {
   
   
    
}
.notbadg {
   
    
    
}
}
@media (min-width:900px) and (max-width: 1000px) {
	
	.headerplce
{
	width:55%; right:40%;
}
.headerplceinput
{
	width:40%; 
}
}
@media (min-width:1000px) and (max-width: 1200px) {
	
	.headerplce
{
	width:60%; 
}
.headerplceinput
{
	width:50%;
}
 #nav li > a {
    color: #FFF !important;
   
}
}
@media (min-width:0px) and (max-width: 500px) {
	
.seticnstyl
{
	
}
	.lognasstylmbl {
    display: block;
    margin-left: -35px;
    text-align: left;
    width: 100%;
}
.daseditofcedet select
{
	width:94%;margin: 0 15px;
}
.clckdashnewstyl
{
	line-height: 1.5;
}
#dashelement_5 {
    width: 95% !important;
}

.clckstyl
{
width: 95%;
}
.clckstyl1
{
width: 90%;
}
#editperson, #resetpass
{
	float: left !important;
	margin:5px !important;
}
}

@media (min-width:0px) and (max-width: 500px) {
	.daseditofcedet select
{
	width:41%;margin: 0 15px;
}
}

.setdrpstyl
{
	 padding-top: 10px; left:0;margin-left: -70px;margin-top: -10px;
}
.adnewfl
{
	     color: #fff;
    float: left;
    margin: 10px 0 0 10px;
}
.aboutbtn
{
	      border-right: 1px solid #fff; color: #fff;   float: right;    padding: 0 20px;   
}
.aboutbtn a,.notbadg a
{
	 color:#FFF; text-decoration: none !important;
}

.fllft
{
	float:left;
}
.newdrpstyl
{
	width:180px; border-radius: 0 0 10px 10px;top:50px; left:-10px; position:absolute; overflow:hidden; cursor:pointer; display:none; color:#FFF; text-align:left; padding:20px 10px 10px 20px; z-index:4000;
}

.popstyl
{		
	float:left; height:52px; padding:15px 0 0 10px; width:100px;
	
}

.popsty2

{	
	float:left; height:25px; padding:10px 0 0 0px; width:180px;
	
}

.badge1 {
  color:#ffffff !important; text-decoration: none;
}
.notstyl
{
	/*width:500px; */
	color:#ffffff !important; position:absolute; right:0; top:10px; text-align:right; padding:15px 0; font-size:14px; 
}
.notificationbadge a
{
	color:#ffffff !important; text-decoration: none;
}
.notinnerstyl
{
	margin-right:5px; position:relative; float:right;margin-left: 25px;
}

.docpopcl
{
	color:#333; overflow:hidden; text-align:left;
}
.logclr
{
	color:#FFF !important; margin-right:10px;margin-left: 10px;
}
.notbadg
{
	margin-right:15px; position:relative; float:right;margin-left: 10px;
}
.forgotlink
{
	cursor: pointer;
}
.fotstyl
{
	width:100%; height:50px; z-index:20; position:relative; background-color:#277553; color:#fff;text-align: center; bottom: 0;
}
.footface{
	    background: url(../img/dashboard/facebook.png) no-repeat scroll 0 4px #277553;
	    padding:6px 0 8px 25px;
}
.foottwit{
	    background: url(../img/dashboard/twitter.png) no-repeat scroll 0 4px #277553;
	    padding:6px 0 8px 25px;
}
.fotstylog
{
	width:100%; height:50px; z-index:20; position:relative; background-color:#277553; color:#fff;text-align: center; bottom: 0;
}
.fotstylinner
{
	 text-align:center; padding-top:15px;
}
.fotstylinnera
{
	text-decoration:none; color:#FFF !important;
}
#header {
    padding: 0px 0px;
    display: table;
    width: 100%;
    margin: 9px 0;
    height: 73px;
}
#wrap {
    display:table-row;
}
#logo {
       display: table-cell;
 /*   width: 338px;*/
    /* height: 57px; 
    position: absolute;
    margin-left: 30px;margin-top: 20px;*/
   text-align: left;
   width: 20%;
   padding-left: 20px;
   vertical-align: middle;
}
#logo img
{
	/*height:80px;width:80px;*/
	
}
#logologin {
       display: table-cell;
 
    /* height: 57px; */
    position: absolute;
   margin-left: 30px;margin-top: 20px;
}
#logologin img
{
	/*max-height:80px;max-width:80px;*/
}
#menu {
    display:none;
}
#menu_wrapper {
	
    display:table-cell;
    text-align:right;
    padding-right:5px;    float: right;
}
#user_leave_chosen
{
	width:100% !important;
}
@media (min-width:0px) and (max-width: 400px) {	
#menu_wrapper {
   
    padding-right: 5px;

}


}
@media (min-width: 00px) and (max-width: 600px) {
	.aboutbtn { border:none;}
	.seticnstyl{
	border:none;
}
}
@media (min-width: 600px) and (max-width: 750px) {

   .aboutbtn { padding:0 10px; border:none;}
.notinnerstyl
{
	margin-left:10px;
}
.notbadg {
   
    margin-left: 0;
    margin-right: 8px;
  
}
.seticnstyl{
	border:none;
}
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"]
{
	width:100% !important;
}
#nav {
    list-style: none;
    padding: 0;
    text-align: left;    padding: 26px 0px;
}
#nav.vertical {
    display: block;
    border: 1px solid #FFF;
    color: #FFFFFF;
    padding: 10px 10px;
  
    margin: 18px;
    background-color: #277553;
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 150px;
    left: 0px;
    width: 90%;
    z-index: 1000;
}

#nav.vertical li {
    display: list-item;
    line-height: 40px;    margin: 0px 10px
}
#nav li {
    display:inline-block;
    padding-right: 25px;
}

#nav li > a
{
	color:#464A49; text-decoration:none; font-size: 13px;
    text-transform: uppercase;
    font-weight:bold;padding: 10px 1px;
}
#nav li > a:active, #nav li > a:hover, #nav li > a:focus
{
	color:#999999 !important; 
}
.activeclass
{
	color:#999999 !important; 
}

.padfrgt
{    padding: 0 30px; margin-bottom:10px;}

.tblmgmstyl
{
	width:60%;
}
.officepanel
{
	overflow-y: auto;
	overflow-x:hidden;    margin-top: 40px;
}
.officepanel img
{
	margin : 10px 3px;
}
@media screen and (max-width: 1200px) {
    #menu {
         display: block;
    border: 1px solid #FFF;
    color: #FFFFFF;
    padding: 0px 5px;
    font-size: 25px;
    margin: 18px;
    background-color: #277553;
    border-radius: 4px;
    cursor: pointer;
    }
       
    #nav {
        display: none;
    }
}
@media (min-width: 1200px) and (max-width: 1250px) {
   #nav li > a
{
	 font-size: 12px;
  
}

}
@media (min-width: 500px) and (max-width: 1200px) {
#nav li {
        padding-right: 20px;
}
}
@media (min-width: 0px) and (max-width: 500px) {
  
.notstyl
{
	top:52px;
}
}

@media (min-width: 500px) and (max-width: 650px) {
  
.notstyl
{
	top:70px;
}
}



@media (min-width: 0px) and (max-width: 650px) {
  
.officepanel
{
	margin-top: 0px;
}
#logo
{
	top: 142px;
}
.widfrnewtgnpersn
{
	display: block;
    margin: 10px;
   
}
.newdrpstyl
{
	margin-left: -10px;
}
}
@media (min-width: 0px) and (max-width: 500px) {
  .totwid
{
	height: 150px;
  
}
.notstyl
{
 width: 95%;
}
.notinnerstyl
{
	padding:30px 0 0 0;margin-right:0;
}

#logo
{
	top: 142px;width: 260px;
}
   #menu {
         display: block;
    border: 1px solid #FFF;
    color: #FFFFFF;
    padding: 0px 5px;
    font-size: 24px;
    margin: 18px 0;
    background-color: #277553;
    border-radius: 4px;
    cursor: pointer;
   padding: 4px 6px;
    }
        
    #nav {
        display: none;
    }
#nav.vertical {
  
    top: 230px;padding: 10px 0px;
  
}
.lognasstylmbl
{
	
}
.curndlft
{
	margin-left:5px;
}
.tblmgmstyl
{
	width:60%;
}
.notbadg
{
	
}
.logclr
{
display: inline-block;
	margin-left: 0;
	margin-top:5px;
}
}
@media (min-width: 500px) and (max-width: 650px) {
  .totwid
{
	height: 150px;
  
}

#nav.vertical {
  
    top: 230px;padding: 10px 0px;
  
}
}
@media (min-width:0px) and (max-width: 350px) {

#logo
{
	width: 200px;margin-left: -12px;
}
}



/* login page style */

.logbg
{
	position:absolute; right:0; z-index:0; width:700px; height:523px;    top: 167px;
}
.logmain
{
	width:32%; height:auto; background-color:#e8e8e8; margin:130px auto; border:#FFF 15px solid; position:relative; z-index:5; text-align:center;
}
.logcont
{
	height:auto;
}
.padstyl
{
	padding:10px;
}
.padstylrght
{
	padding-right:10px;
}
.fntsze
{
	font-size:14px;
}

#btn_cancelEditArticlevideo , #btn_cancelArticlevideo
{
   float:right; margin:5px;
    
  }
.tblepadng
{
	padding:0 10px;width: 98%;
}
.btnstyl
{
	font-size:12px; padding-left:15px;
}
.btnstyltxt
{
	text-align: center;
}

.loginlink
{
	cursor:pointer;
}
.iptwid
{
	
}
.tbletdstyl
{
	color:#ff0000; text-align:left;
}
.bdystyllogin
{text-align:center; position:relative; margin:0px; background-color:#e8e8e8;}
.profilesplit{
width: 49%; display: inline-block; padding: 0 1% 0 0;vertical-align:top;
}
.profilesplitwo{
	width: 50%; padding:0;
}
@media (min-width:0px) and (max-width: 1000px) {

.profilesplit{
width: 100%;
padding:0;
}

}
@media (min-width:0px) and (max-width: 400px) {


.iptwid
{
	width: 95%;
}

}
@media (min-width:0px) and (max-width: 700px) {

.logmain
{
	width:90%;
}

#logologin
{
	width: 99%;
	margin-left:0;
}
}
@media (min-width:700px) and (max-width: 800px) {

.logmain
{
	width:70%;
}

}
@media (min-width:800px) and (max-width: 1000px) {

.logmain
{
	width:57%;
}
}
@media (min-width:1000px) and (max-width: 1200px) {

.logmain
{
	width:46%;
}
#newspop, #editnewspop
{
	width:50%;
}
}
@media (min-width:1200px) and (max-width: 1350px) {

.logmain
{
	width:40%;
}
}
@media (min-width:1350px) and (max-width: 1500px) {

.logmain
{
	width:35%;
}
}


/*calender */

.calmenustyl
{
	width: 280px;
    /*margin: 10px 20px 20px 40px;*/
    margin: 0px 20px 0px 40px;
    overflow: auto;
    text-align: left;
  
   display: inline-block;
}
.newcalstyl
{
	width:200px; float:left; text-align:right; padding:10px 5px 15px 0; cursor:pointer;
}
.newcalstylimg
{
	float:left; margin-bottom:15px; cursor:pointer;
}
.calcls{width:40px; height:40px; float:left;}
.calclscal
{
	width:200px; font-size:16px; padding-top:10px; height:40px; float:left; margin:0 0 10px 10px;
}
.calclsimag
{
	width:170px; font-size:16px; padding-top:10px; height:40px; float:left; margin:0 0 10px 10px;
}
.calclsimgstyl
{
	float:left; margin:5px 0 30px 10px;
}
/*.closemenubtn {
   
    margin: 5px 0 5px 6px;
    position: relative;
    width: 98%;
    text-align: center;   
}*/

@media (min-width:0px) and (max-width: 700px) {



.fc-header-title h2
{
	font-size:12px;
}
.fc-header-title
{
	
    padding: 5px 5px;
}

.fc-header-left
{
	font-size:12px;
}
.fc-header-right
{
	font-size:12px;
}
.fc-button
{
	padding: 0 0.2em;
}
.fc .fc-header-space {
    padding-left: 3px;
}

}

/*people */
.grppopstyl
{
	color:#333; overflow:hidden; text-align:left;
}
.grppopdetstyl
{
	color:#333; text-align:left; position:absolute; width:95%; left:0; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
	
}
.grppopnewstyl
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.grppopinvstyl
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.peoplemenustyl
{
	width:280px; margin:30px 20px 20px 40px; text-align:left;
}
.popmenubg
{
	width:40px; height:40px; float:left; background-color:#277553;
}
.showstyl
{
	width:230px; font-size:16px; padding-top:10px; height:40px; float:left; margin:0 0 10px 10px;
}
.depstyl
{
	width:40px; height:40px; float:left;
}
.deprowstyl
{
	width:230px; font-size:16px; padding-top:10px; height:40px; float:left; margin:0 0 10px 10px;
}
.peoptag
{
	width:280px; margin:30px 20px 20px 40px; text-align:left;
}
.zeropad
{
	padding:0;
}
.everystyl
{
	width:40px; height:40px; float:left; background-color:#277553;
}
.showtextstyl
{
	width:230px; font-size:16px; padding-top:10px; height:40px; float:left; margin:0 0 10px 10px;
}
.getingtagstyl
{
	width:100%; text-align:left;
}
.getingtagrowstyl
{
	padding:10px; font-size:12px; background:#277553; cursor:pointer; float:left; margin:10px 10px 0 0;
}

.getingtagrowstyla
{
	color: #fff !important; text-decoration:none;
}
.peopcontstyl
{
	min-height:578px; margin-top:20px;
}
.typeboxstyl
{
	width:79% !important; padding:8px; margin:20px; font-size:18px;border: 1px solid #888;
}
.typeboxtxtstyl
{
	font-size:14px; margin-top:-15px !important; width:97%; line-height:20px; font-family:Verdana Kaffeesatz, helvetica, arial; font-weight:400;
}
.everypepstyl
{
	margin-left:10px;
}
.peopnamdet
{
	position:absolute; bottom:0; width:200px; height:35px; text-align:center;
}
.editpersnpopupstyl
{
	position:absolute; top:10px; left:10px;
}
.removpersnstyl
{
	position:absolute; top:10px; left:150px; cursor: pointer;
}
.removpersnstylpop
{
	position:absolute; top:5px; right:5px; cursor: pointer;
}
.persnimgstyl
{
	width:200px; border:1px #CCC solid; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:15px;  display:inline-block;
}
.persnimgstylinsd
{
	width:195px; height:195px;  display:inline-block;    vertical-align: top;
}
.peplclsbtnstyl
{
	width:190px; margin-top:15px;
}
.tagndgrpstyl
{
	width:190px; margin-top:13px;
}
.taggrpmetngstyl
{
	width:190px; margin-top:13px;
}
.tablstyl
{
	 font-size:14px; margin:10px 0; width: 100%;
}
.borderzero
{
	border-bottom:0;
}
.getpepclr
{
	color:#277553;
}
.margnrgh
{
	    margin-right: -40px;
}
.lftalgnlbl
{
	text-align: left;width: 50%;
}
.twitter-timeline, .twitter-timeline-rendered
{
	height:370px !important;
}
#options li a
{
	padding:5px 10px;
}
#options
{
	margin-top:15px;
}
#options ul
{
	padding-top: 10px;
}
@media (min-width:0px) and (max-width: 460px) {
	#options ul { 
 

}

#options ul ul {
   margin: 0;
}

#options li {
   margin-top:0px;
  margin-bottom: 0px;
}

#options li a {

	padding: 2px 10px;	
	font-size:14px;
}
.persnimgstylinsd
{
	display: block;
	width:100%;
}

.persnimgstyl
{
	margin-left:0px;
	margin-right:0px;
	width:100%;
}
.editpersnpopupstyl
{
	   
}
.removpersnstyl
{
	left:220px;  
}
.peplclsbtnstyl
{
	width:99%;
}
.tagndgrpstyl{
	width:99%;
}
.taggrpmetngstyl{
	width:99%;
}
.people_elementdetails
{
	height:auto !important;
}
.people_element.people_large
{
	height:auto !important;
}


}

@media (min-width:0px) and (max-width: 500px) {
	.people_element.people_large {
	


width:100%;

}
.twitter-timeline, .twitter-timeline-rendered
{
	height:300px !important;
}
}

@media (min-width:500px) and (max-width: 500px) {
	.people_element.people_large {
	


width:80%;

}
}

/*profile */

.prflimgpopst
{
	color:#333; overflow:hidden; text-align:left;
}
.prflimgpopstdet
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:0; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}

.contpanelsty
{
	position:relative; margin-bottom:20px;
}
.prflimgcont
{
	width:200px; float:left; margin:20px 0 0 10px;
}
.prflimgcontbg
{
	width:200px; height:200px;background-size:contain; background-repeat:no-repeat; float:left;
}
.recvstyl
{
	float:left; margin-top:20px; font-size:18px; width:100%;
}
.mngstyl
{
	min-width:230px; min-height:450px; margin:20px 0 0 20px; float:left;
}
.mngstylinner
{
	background-color:#e8e8e8; min-height:60px; margin-bottom:20px; width:100%; padding:20px; float:left;text-align: center;
}
.mngmytagsty
{
	display:inline-block; width:49%;margin-bottom:5px;
}
.mngmytagstyinner
{
	display:inline-block; width:99%;
}

@media (min-width:0px) and (max-width: 650px) {
	
	.mngmytagsty
{
	 width:99%; margin-bottom:5px;
}
.mngmytagstyinner
{
	 width:99%;
}
}

@media (min-width:1100px) and (max-width: 1500px) {
	
	.mngmytagsty
{
	 width:49%; margin-bottom:5px;
}
.mngmytagstyinner
{
	 width:99%;
}
}

.logstyprfl
{
	width:100%; position: relative; z-index: 1110;
}
@media (min-width:1100px) and (max-width: 1500px) {
	
	.logstyprfl
{
	
}

}
.logstydet
{
	font-size:18px; font-weight:500;
}
.fllftsty
{
	float:left;
}
.tdstyheigh
{
	height:85px;
}
.chngimgsty
{
	margin-top:15px; width:200px;
}
.prflmydetsty
{
	background-color:#fff; margin:20px 0 0 20px; padding:20px; width:auto; margin-left:210px;
}
.prfliptstylft
{
	width:45% !important; float:left;
}
.prfliptstyrht
{
	width:45% !important; float:right;
}
.updmydetstyl
{
	float:right;
}
.prfmarzer
{
	margin:0;
}

@media (min-width:0px) and (max-width: 1100px) {
.mngstyl
{
	width: 92% !important;
}
}

@media (min-width:1100px) and (max-width: 1400px) {
	.prfliptstylft
	{
		width: 43% !important;
	}
	.prfliptstyrht
	{width: 43% !important;
		
	}

}
@media (min-width:1100px) and (max-width: 1200px) {
	

}
@media (min-width:1100px) and (max-width: 1200px) {
	.prfliptstylft
	{
		width: 43% !important;
	}
	.prfliptstyrht
	{width: 43% !important;
		
	}

}
@media (min-width:1200px) and (max-width: 1300px) {
	.prfliptstylft
	{
		width: 43% !important;
	}
	.prfliptstyrht
	{width: 43% !important;
		
	}

}
@media (min-width:1300px) and (max-width: 1400px) {
	.prfliptstylft
	{
		width: 43% !important;
	}
	.prfliptstyrht
	{width: 43% !important;
		
	}

}
@media (min-width:700px) and (max-width: 900px) {
.prfliptstylft
	{
		width: 43% !important;
	}
	.prfliptstyrht
	{width: 43% !important;
		
	}
}

@media (min-width:0px) and (max-width: 400px) {
.prfliptstylft
	{
		width: 32% !important;
	}
	.prfliptstyrht
	{width: 32% !important;
		
	}
}
@media (min-width:400px) and (max-width: 700px) {
	
}
@media (min-width:700px) and (max-width: 850px) {
	.mngstyl
	{
		width:90% !important;
	}
}
@media (min-width:500px) and (max-width: 700px) {
	.mngstyl
	{
		width:87% !important;
	}
}
@media (min-width:400px) and (max-width: 500px) {
	.mngstyl
	{
		width:82% !important;
	}
}
@media (min-width:0px) and (max-width: 400px) {
	.mngstyl
	{
		width:80% !important;     margin: 20px 0 0 0px;
	}
	.tdwid
{
	width: 30% !important;
}
}


/*documents */

.tablepart
{
	 margin: 0 auto; overflow: auto; margin-left: 5px; margin-right: 5px;
}
.drpminheight
{
	min-height: 180px;
}
.template-download td
{
	vertical-align: middle !important;
}
.table1
{
	min-width: 1180px !important;
}
.table2
{
	min-width: 1350px !important;
}
.tablepartimg
{
	 margin: 0 auto; overflow: auto; margin-left: 5px; margin-right: 5px;
}
.tableimg
{
	min-width: 1350px !important;
}
.tablepartrole
{
	 margin: 0 auto; overflow: auto; margin-left: 5px; margin-right: 5px;
}
.tablerole
{
	min-width: 685px !important;
}
.edidocpopsty
{
	color:#333; overflow:hidden; text-align:left;
}
.edidocpopdetsty
{
	color:#333; text-align:left; position:absolute; width:95%; left:0; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
#usefullinksub
{
	margin:5px;
}
.edidocpopfilsty
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.edidocpoptagsty
{
	color:#333; text-align:left; position:absolute; width:90%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.docmenuinnersty
{
	width:280px; margin:30px 20px 20px 40px; text-align:left;
}
.docmenucalsty
{
	width:40px; height:40px; float:left; background-color:#277553;
}
.docmenucalinnersty
{
	width:230px; font-size:16px; padding-top:10px; height:40px; float:left; margin:0 0 10px 10px;
}
.doctginsty
{
	width:280px; margin:30px 20px 20px 40px; text-align:left;
}
.doctgininsty
{
	width:40px; height:40px; float:left; background-color:#277553;
}
.doctgincalsty
{
	width:230px; font-size:16px; padding-top:10px; height:40px; float:left; margin:0 0 10px 10px;
}
.marfrcont
{
	margin:20px 0; 
}
.plcsearchstyl
{
	width:78% !important; padding:8px; margin:20px; font-size:18px;
}
.tabmarstyl
{
	margin-left:20px;
}
.thbgsty
{
	background-image:none !important; width:1px !important; padding:0px !important;
}
.thbgnxtsty
{
	background-image:none !important; width:20px;
}
.thbgnxtthnsty
{
	background-image:none !important;width:50px;
}
.docstywidndclr
{
	width:1px; padding:0px !important; font-size:0px; color:#e8e8e8;
}
.docstycat
{
	width:1px; padding:0px !important; font-size:0px; color:#e8e8e8;
}
.tddocclsty
{
	width:20px;
}
.tddocinnerclsty
{
	width:20px; height:20px; float:left; 
}
.tdimgwid
{
	width:50px;
}
.widandheightfrnam
{
	width:40px; height:40px; float:left;
}
.padfrdoxtax
{
	width:230px; font-size:16px; padding-top:10px; height:40px; float:left; margin:0 0 10px 10px;
}
.hundwidndlft
{
	width:100%; text-align:left;
}
.gttgsty
{
	padding:10px; font-size:12px; background:#277553; color:#FFF; cursor:pointer; float:left; margin:10px 10px 0 0;
}
.docdownsty
{
	margin-right:15px; float:left; cursor:pointer;
}
.curndlft
{
	cursor:pointer; float:left;
}
.algncnt
{
	text-align:center !important;
}
.algncntndmarndpad
{
	text-align:center !important; margin:20px 0; padding:0;
}

/*news */


.newspopaasty
{
	overflow:hidden;
}
.newspopaadetsty
{
	color:#333; text-align:left; position:absolute; width:95%; left:0; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.newspopaaimgsty
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.newspopaavideosty
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.newspopaatagsty
{
	color:#333; text-align:left; position:absolute; width:95%; height:585px; left:100%; margin-left:20px; -webkit-transition:left 300ms; transition:left 300ms;
}
.newscontwid
{
	width: 98%; margin:20px auto 20px 35px; position:relative;min-height: 550px;
}
.newsiteasty
{
	margin:20px 0; 
}
.newimgasty
{
	width: 18%;      display: inline-block;
}
.newcntasty
{
	width:100%; display:none; text-align:left;
}
#dashelement_5
{
	
}
.newtagnamsty
{
	padding:10px; font-size:12px; background:#277553; color:#FFF; float:left; margin:10px 10px 0 0;
}
.newsconwidasty
{
	width: 76%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 20px;
}
.newstitstya
{
	 font-weight:bold; text-align:left; line-height:20px; width:43%; display: inline-block; vertical-align: middle;
}
.newsartrowstya
{
	cursor:pointer; text-decoration:none; color:#000; font-weight: bold;
}
.newnamstya
{
	font-size:11px; font-style:italic; font-weight:normal;vertical-align: middle;
}
.newediicoasty
{
	 margin-left:15px; margin-top:0px;
}
.flrignew
{
	
}
.newsfedasty{
	width:100%;  float:left;
}
.newswithoutshowst
{
	 text-align:justify; padding-top:5px; line-height:20px; overflow:auto; height:auto; padding-left:5px;
}
.showmrestya
{
	text-align:left; margin:20px 0 20px 0px; 
}
.getnewartastyl
{
	cursor:pointer; color:#277553; text-decoration:none;
}
.getnewartastylinne
{
	display:none; cursor:pointer; color:#277553; text-decoration:none;
}
.newstytopa
{
	width: 55%;
    display: inline-block;
    text-align: right;
  
    vertical-align: middle;
}
.bortopsta
{
	border-bottom: 1px solid #000;
    padding: 5px 0px;
    }
.aligmid
{   
	 vertical-align: middle;
}
.right{
	float:right;
	
}

@media (min-width:0px) and (max-width: 500px) {
	.newscontwid
	{
		width:99% !important;
	}
	.newstitstya
{
	width:99% !important;
}
.newstytopa
{
	width:99% !important;
}
.newimgasty
{
	width:80% !important;
}
.newsconwidasty
{
	width:85% !important;
}
.newsfedasty{
	width:95%;
}
}

@media (min-width:500px) and (max-width: 1200px) {
	
	.newstitstya
{
	
}
.newstytopa
{
	
}
.newimgasty
{
	width:20% !important;
}
.newsconwidasty
{
	width:74% !important;
}
}


@media (min-width:500px) and (max-width: 900px) {
	
.newsconwidasty
{
	width:72% !important;
}
.newsfedasty{
	width:95%;
}
}


@media (min-width:0px) and (max-width: 600px) {
	.newscontwid
	{
		margin-left:5px;
	}
}

.ediofcpopsty
{
	color:#333; overflow:hidden; text-align:left;
}
.ediofcpopdetasty
{
	color:#333; text-align:left; position:absolute; width:94%; left:0; margin-left:10px; -webkit-transition:left 300ms; transition:left 300ms;
}
.optasty
{
	font-size:14px; width:97%; line-height:20px; font-weight:400;
}
.fillistymar
{
	margin-left:10px;
}
.smaleleasty
{
	font-size:24px; font-family:verdana; text-align:left; padding:7px 10px; color:#333; font-weight:bold;
}
.smaleledetasty
{
	font-size:24px; background:#277553; font-family:verdana; text-align:left; padding:7px 10px; color:#FFF; font-weight:bold;width:95% !important;
}

.smaleledetinnerasty
{
	position:absolute; top:0px; right:55px; z-index:1000000000;
}
.smalleledelaamsty
{
	font-size:24px; background:#CCC; font-family:verdana; text-align:left; padding:0 !important; color:#FFF; font-weight:bold;
}
.smalleledelinneraamsty
{
	position:absolute; top:5px; right:60px; z-index:1000000000;
}
.smallaameledet
{
	font-size:24px; background:#FFF; font-family:verdana; text-align:left; padding:0 !important; color:#FFF; font-weight:bold;
}
.smalleledetimgsty
{
	position:absolute; top:18px; right:60px;
}
.smalleledetindivsty
{
	position:absolute; top:25px; right:60px; z-index:1000000000;
}
.insmaldetaamsty
{
	font-size:24px; background:rgba(155, 158, 158, 0.98); font-family:verdana; text-align:left; padding:15px !important; color:#FFF; font-weight:bold;
}
.insmaldiaamsty
{
	position:absolute; top:0px; right:60px; z-index:1000000000;
}
.closeiconaast
{
	position:absolute; right:15px; top:2px;
}
.aamwidsty
{
	font-size:24px; font-family:verdana; text-align:left; color:#FFF; font-weight:bold; background-size:cover;
}
.aamwidbgsty
{
	width:180px; padding:7px 20px 7px 10px; height:210px;
}
.aamwidbgnewelsty
{
	font-size:14px; line-height:20px; padding-top:7px; font-weight:normal;
}
.fntszdas
{
	font-size:14px;
}
.dascliconaast
{
	position:absolute; right:10px; top:2px;
}
.dasnewwidaa
{
	float:left; width:370px; font-weight:bold; text-align:left; line-height:20px;
}
.dasgetownsty
{
	font-size:11px; font-style:italic; font-weight:normal;
}
.dasgetmntsty
{
	float:right; margin-right:30px;
}
.dasgetownhrsty
{
	float:left; width:400px; margin:10px 0;
}
.dasgetowncontsty
{
	width:400px; padding:5px; height:290px; overflow:auto; float:left;
}
.dashelesty
{
	font-size:14px;font-family:verdana;
}
.newgotoimgsty
{
	 display: inline-block; margin-top:10px;margin: 15px;
}
.newfnshsty
{
	 display: inline-block; margin-top:10px; margin: 15px;
}
.newdelbtnsty
{
	 display: inline-block; margin-top:10px; margin: 15px;
}





.dashpeoptble
{
	
}
.peoptottblwidthst
{
	width:380px;
}
.dashpeoplipwid
{
	width:380px; padding:8px; margin:20px 0 10px 0; font-size:18px;
}
.dashpepheigsty
{
	height:300px; overflow:auto; float:left; width:95%;
}
.strttytemdash
 {
 	width:380px; padding:8px; margin:20px 0 10px 0; font-size:18px;
 }
 .mytempldashtblwid
 {
 	width: 98%;
 }
 .dashmediaserchsty
 {
 	width:88%; padding:8px; font-size:18px;
 }
 .dashmediadvsty
 {
 	height:300px; overflow:auto; margin-top:10px; float:left;overflow-y: auto;overflow-x: hidden; width:95%;
 }
 .dashmediatblsty
 {
 	width:400px;
 }
 .medialibheadsty
 {
 	float:left; margin-left:35px; width:75%; font-size:20px;
 }
 #leaveTable
 {
 	width:98%;
 }
 
@media (min-width:0px) and (max-width: 500px) {
#eventpop, #eventeditpop {
  width:80% !important;
  
 }
 .newspopaadetsty
 {
 	width:88%;
 }
 .titlipfrmwid
 {
 	width:30%;
 }
 .peoptottblwidthst
 {
 	width:100%;
 }
 .dashpeoplipwid
 {
 	width:100%;
 }
 .element.large
 {
 	width:100%;
 
 }

 .elementdetails
 {
 	width:93%;
 }
 .dashpepheigsty
 {
 	width:100%;
 
 }
 .dasgetowncontsty
 {
 	width:95%;

 }
 .dasnewwidaa
 {
 	width:95%;
 }
 .strttytemdash
 {
 	width:95%;
 }
 .mytempldashtblwid
 {
 	width:100%;
 }
 .dashmediaserchsty
 {
 	
 }
 .dashmediadvsty
 {
 	
 }
 .dashmediatblsty
 {
 	width:100%;
 }
 .whosofficepanel
 {
 	width: 96% !important;
 }
}

@media (min-width:500px) and (max-width: 800px) {
#eventpop, #eventeditpop {
  width:85% !important;
  
 }
}

@media (min-width:800px) and (max-width: 1200px) {
#eventpop, #eventeditpop {
  width:60% !important;
  
 }
}

@media (min-width:1200px) and (max-width: 1400px) {
#eventpop, #eventeditpop {
  width:50% !important;
  
 }
}




.performclicon
{
	float:right; cursor:pointer; 
}
.persnfrmtble
{
	
	color:#333;  font-size:15px; width:100%;text-align:left;
	
}
.addpres td
{
	position: relative;
} 
.persnfrmtble1
{
	color:#333; text-align:left; font-size:15px; width:100%;
}
.perfrmadpersnbtn
{
	float:right; margin:10px;
}
.perfrmheadstyl
{
	font-size:23px;
}
.persnfrmfieldsml
{
	  display: inline-block;margin: 0 15px;width: 41%;
}
.editofcfrmfieldsml
{
	display: inline-block;margin: 0 15px;width: 42%;
}
.persnfrmfielddrpwid
{
	    display: inline-block;margin: 0 15px;width: 44% !important;
}

.persnadtdclass
{
	width: 100%;
	position: relative;
}
.req
{
	margin-left: -10px;
    position: absolute;
    top: 8px;
}
#tx_person_depart_chosen
{
	width:44% !important; margin:0 15px;
}
#leavetypelist_chosen
{
	width:100% !important;
}
.lnkwid
{
	width:125px !important;
}
.namewid
{
	width:25% !important;
}
.inputitmfrnot
{
	display:inline-block;width: 48.5%;vertical-align:middle;
}
@media (min-width:0px) and (max-width: 500px) {
#personpop, #editpersonpop, #editofficepop
{
	 width:80% !important;
}
.adpersndet
{
	 width:88%;
}
.grppopdetstyl
{
	 width:90%;
}
#options ul {
  
  
 
}
#commonpop
{
	width:78%;
}
.grppopnewstyl
{
	width:90%;
}
.inputitmfrnot
{
	width: 95%; margin: 10px 0;
}
}
@media (min-width:0px) and (max-width: 500px) {
	.persnfrmfieldsml
{
	margin-bottom: 10px; width:90%;
}
.editofcfrmfieldsml
{
	width: 85% !important; margin-top: 5px; margin-bottom:5px;
}
.chosen-container
{
	
	width:95% !important; margin-top: 5px; margin-bottom: 5px;
}
.persnfrmtble select
{
	width:95% !important;
}
.persnfrmfielddrpwid
{
	width:95% !important;
}
.persnfrmtble1 select
{
	width:95% !important;
}	
.daseditofcedet select
{
	width: 95%; margin-top: 5px;margin-bottom: 5px;
}

}
@media (min-width:500px) and (max-width: 800px) {
	
.editofcfrmfieldsml
{
	width: 95%; margin-bottom: 5px; margin-top:5px;
}
.daseditofcedet select
{
	width: 100%; margin-bottom: 5px; margin-top:5px;
}
.chosen-container
{
	width:35% !important; 
}
.persnfrmtble select
{
	width:40% ;
}
.persnfrmfielddrpwid
{
	width:95% !important;
}
.persnfrmfieldsml
{
	margin-bottom: 10px;width:90%;
}
#tx_person_depart_chosen
{
	width:94% !important;
}
.inputitmfrnot
{
	width: 95%; margin: 10px 0;
}
}
@media (min-width:800px) and (max-width: 1000px) {
	.persnfrmfieldsml
{
	 width: 40%;
}
.editofcfrmfieldsml
{
	width: 95% !important; margin-bottom: 5px;
    margin-top: 5px;
}
.chosen-container
{
	width:39% !important; 
}
.persnfrmfielddrpwid
{
	width:44% !important;
}
.persnfrmtble select
{
	width:42% ;
}
	

}
@media (min-width:1000px) and (max-width: 1500px) {
	.persnfrmfieldsml
{
	
}

.persnfrmtble select
{
	width: 43%; 
}
.persnfrmfielddrpwid
{
	width:44% !important;
}
.grppopnewstyl
{
	width: 95%;
}
.grppopdetstyl
{
	width: 95%;
}
}
@media (min-width:500px) and (max-width: 800px) {
#personpop, #editpersonpop , #editofficepop
{
	 width:82% !important;
}

.grppopdetstyl
{
	 width:95%;
}
#options ul {
  
  
 
}
#commonpop
{
	width:75%;
}
}
@media (min-width:800px) and (max-width: 1000px) {

#options ul {
  
  
 
}

}

@media (min-width:800px) and (max-width: 1200px) {
#personpop, #editpersonpop , #editofficepop
{
	 width:70% !important;
}
.adpersntag
{
	width: 95%;
}
.strttypngtxt
{
	width: 90%;
}

.grppopnewstyl
{
	width:95%;
}
.adpersndet
{
	 width:95%;
}
.grppopdetstyl
{
	 width:92%;
}
#commonpop
{
	width:70%;
}
.grppopinvstyl
{
	width:95%;
}
.editofcfrmfieldsml
{
	width:40%;
}
.daseditofcedet select
{
	width:43%;
}
}
@media (min-width:1200px) and (max-width: 1400px) {
	#commonpop
{
	width:58%;
}
.editofcfrmfieldsml
{
	width:41%;
}
}
@media (min-width:1400px) and (max-width: 1500px) {

.grppopdetstyl
{
	 width:92%;
}
#commonpop
{
	width:55%;
}
}


.upldimgtxt
{
	font-size:24px;
}
.persnimgdiv
{
	    width: 30%;
   
    margin: 30px 0 30px 20px;

    display: inline-block;
    position: relative;
}
.adpersnimgup
{
	display: inline-block;
    width: 55%;
    vertical-align: top;
    margin-top: 60px;
    margin-left: 30px;
}
.persnimgfleip
{
	margin:0 0 20px 0; padding:0;     width: 100%;
}
.persnimgipimg
{
	display:none; 
}
.plsupldimg
{
	 padding:20px; float:left;
}
.btndivinadpersn
{
	width:100%; text-align:right;  bottom:10px; 
}
.plsupldimgprfl
{
	width:84%; padding:20px; float:left;
}
.btndivinadpersnprfl
{
	width:100%; text-align:right;
}
.widtagip
{
	width: 40%; display: inline-block;
}
.seltagstyl
{
	float:right; font-size:18px;
}
.persntblestyl
{
	width:100%;
}
.rghtalgntble
{
	text-align:right;
}
.perstblwid
{
	width:100%;
}
.adnewtagdivwid
{
	width:95%; margin:15px 0px 0 0px; float:left; text-align:left; position:relative;
}
.frmpersnwidntag
{
 float:left;
}
.fltrghtntbltg
{
	float:right; margin:5px;
}

.cnclpertgsty
{
	float:right; margin:5px;
}
.fltlftdoctg
{
	 float:left;margin: 5px !important;
}
.strttypngtxt
{
	 padding:8px; margin:20px; font-size:18px; width:80%;
}
.altgtxsty
{
	width:80%; margin:10px 30px; text-align:left; position:relative;
}
.altgspnstyl
{
	float:left; font-size:18px;
}
.sharedoccls label
{
	float: left;width:25% !important; 
}
.sharedoccls > #email_chosen , .sharedoccls > #group_chosen
{
	float: right;

    width: 73% !important;
}
.evntfrmlabl > #group_chosen
{
	

    width: 78% !important;
}
.evntfrmlabl > #email_chosen, .evntfrmlabl > #group_chosen
{
	margin-left: -4px;

    width: 75% !important;
}
#CalendareventTxDescription
{
	width:91.5%;
}
.sharedoccls > .sharetxt
{
	float: right;
    
    width: 70% !important;
}
.frmpersnwidntag
{
	margin:5px;
}
	#userimg{
		background: #fff none repeat scroll 0 0;
	    border: 2px solid #000;
	    border-radius: 5px;
	    bottom: 0;
	    display: none;
	    line-height: 20px;
	    margin: 0;
	    padding: 10px;
	    position: absolute;
	    right: 0;
	    text-align: justify;
	    width: 50%;
	    z-index: 10;
	}
	#closeuserimg{
		position: absolute;
	    right: 0;
	    top: 0;
	    cursor: pointer;
	}
@media (min-width:0px) and (max-width: 650px) {
	.sharedoccls label
{
	width:85% !important; 
}
.sharedoccls > #email_chosen , .sharedoccls > #group_chosen, .evntfrmlabl > #group_chosen
{

    width: 100% !important;
}

.sharedoccls > .sharetxt
{

    width: 90% !important;
}
#userimg{
	width: 100%;
}
}

@media (min-width:0px) and (max-width: 400px) {
	.tagbox {
    height: 125px;
    float: none;
    width: 80% !important;
    margin-left:0;
}
.strttypngtxt {
    width: 52% !important;
}
#userimg{
	width: 100%;
}
}
@media (min-width:0px) and (max-width: 500px) {
.btndivinadpersn
{
	 text-align: left;
}
#userimg{
	width: 100%;
}
.btndivinadpersn
{
	bottom: -140px;
}
.adpersnimgup
{
	display: block;
    width:98%;

    margin-top: 0px;

}
#personpop 
{
	height: 725px;
}
#personpop
{
	height: 850px;
}
.adpersnimg
{
	width:90%;
}
.tagbox
{
	height:125px;    float: none; width:250px;
}
.margtopx
{
	margin-top: 40px;
}
.seltagstyl {
    float: none;
    font-size: 18px;
    position: absolute;
       margin-top: 190px;margin-left: -69px;
}
.widtagip {
    width: 25%;
}
.frmpersnwidntag
{
	width:95%;
}
.cnclpertgsty
{
	
}
.fltrghtntbltg
{
	
}
.strttypngtxt
{
	width:65%;
}
.adpersntag
{
	width: 90%;
}
.newspopaadetsty
{
	width:90%;
}
.newspopaaimgsty
{
width:90%;
}
.newspopaavideosty
{
	width:90%;
}
.newspopaatagsty
{
	width:90%;
}
}

@media (min-width:500px) and (max-width: 800px) {
.btndivinadpersn
{
	 text-align: left;
}
.plsupldimg
{
	width:60%;
}
.adpersnimgup
{
	display: block;
    width:98%;

    margin-top: 0px;

}
#userimg{
	width: 100%;
}
#personpop
{
	height: 725px;
}
#editpersonpop
{
	height: 765px;
}
.grppopnewstyl
{
	width: 90%;
}
.btndivinadpersn
{
	bottom: -85px;
}
.tagbox
{
	height:125px;    float: none; width:85%;
}
.margtopx
{
	margin-top: 40px;
}
.seltagstyl {
    float: none;
    font-size: 18px;
    position: absolute;
       margin-top: 190px;
}
.widtagip {
    width: 25%;
}
.frmpersnwidntag
{
	width:95%;
}
.cnclpertgsty
{
	
}
.fltrghtntbltg
{
	
}
.strttypngtxt
{
	width:70%;
}
.persntblestyl
{
	width:100%;
}
.newspopaadetsty
{
	width:90%;
}
.newspopaaimgsty
{
width:90%;
}
.newspopaavideosty
{
	width:95%;
}
.newspopaatagsty
{
	width:99%;
}
}

@media (min-width:800px) and (max-width: 1000px) {
.btndivinadpersn
{
	 text-align: left;
}
.tagbox
{
	height:125px;    float: none; width:65%;
}
.margtopx
{
	margin-top: 40px;
}
.seltagstyl {
    float: none;
    font-size: 18px;
    position: absolute;
       margin-top: 190px;
}
.widtagip {
    width: 25%;
}
.frmpersnwidntag
{
  margin: 5px 0; width:95%;
}
.cnclpertgsty
{
	
}
.fltrghtntbltg
{
	
}
.strttypngtxt
{
	width:80%;
}
.persntblestyl
{
	width:100%;
}
.newspopaadetsty
{
	width:90%;
}
.newspopaaimgsty
{
width:90%;
}


}

@media (min-width:1200px) and (max-width: 1400px) {
#personpop, #editofficepop {
    width: 60%;
}
#editpersonpop
{
	 width: 55%;
}
}
@media (min-width:1300px) and (max-width: 1500px) {
#newspop, #editnewspop {
    width: 50%;
}
}



@media (min-width:0px) and (max-width: 800px) {
	#newspop, #editnewspop
{
	 width:80%;
}
	.upldimgtxt {
    font-size: 14px;
}
.newimg
{
	width:90%;
}
.newvideo
{
	width:90%;
}
}
@media (min-width:800px) and (max-width: 1200px) {
	#newspop, #editnewspop
{
	 width:50%;
}
	
.newimg
{
	width:95%;
}
.newvideo
{
	width:95%;
}
.newtag
{
	width: 94%;
}
.altgtxsty
{
	width: 80%;
}
.cnclpertgsty{
	 margin:5px;
}
.fltrghtntbltg
{	 margin:5px;
	
}

#backtogroup
{
	float: right;
}
#frm_person_new_tag
{
	width:55%;
}
}

@media (min-width:1200px) and (max-width: 1300px) {
.frmpersnwidntag
{
	margin:5px;
}
.adnewtagdivwid
{
	width:95%;
}
.fltrghtntbltg
{	 margin:5px;
	
}
.cnclpertgsty{
	 margin:5px;
}
#backtogroup
{
	float: right;
}
#frm_person_new_tag
{
	width:55%;
}
}

.addocstylaa
{
	color:#333; text-align:left; font-size:18px; width:100%;
}
.adfledocstyl
{
	float:right; margin:10px;
}
.headaddocfnt
{
	font-size:24px;
}
.clsicondoc
{
	float:right; cursor:pointer;
}
.btnoneeditdoc
{
	float:left; margin:10px;
}
.btntwoeditdoc
{
	float:right; margin:5px;
}
#documentmenu
{
	overflow-y: auto;
	overflow-x: hidden;
	height:98% !important;
}
#frm_person_new_tag
{
	margin:5px;
}
#btn_cancelpersonimage,#btn_uploadpersontags , #saveaccperson {
    float: right;
    margin: 5px !important;
}

@media (min-width:0px) and (max-width: 400px) {

	#docpop , #editdocpop
{
	width:78%;
}
.addocstylaa
{
 width:95%;
}
.adfledocstyl
{
	
}
.headaddocfnt
{
	font-size:16px;
}

.fltrghtntbltg
{
	float: left;
}
.cnclpertgsty
{
	float: left;
}

}
@media (min-width:400px) and (max-width: 800px) {

	#docpop , #editdocpop
{
	width:80%;
}

.headaddocfnt{
	font-size:18px;
}
.addocstylaa
{
 width:98%;
}

.cnclpertgsty{
	float: left;margin: 5px;
}
.fltrghtntbltg{
	float: left;margin: 5px;
}
}

 @media (min-width:800px) and (max-width: 1000px) {

	#docpop
{
	width:85%;
}
.tagbox{
	width:88%;
}


.adddocdet{
	width:95%;
}
#editdocpop
{
	width:88%;
}
.edidocpopdetsty{
	width:95%;
}
.addocstylaa
{
 width:94%;
}
.adfledocstyl
{
	
}
.clsicondoc
{
	
}
.adnewtagdivwid
{
	    margin: 0px 10px 0 20px;
}
}
@media (min-width:1000px) and (max-width: 1300px) {

	
.addocstylaa
{
 width:95%;
}
.adfledocstyl
{
	
}
.clsicondoc
{

}
}
@media (min-width:1000px) and (max-width: 1200px) {

#editdocpop
{
	width:69%;
}
.adddocdet{
	width:95%;
}
.adddocfil
{
	width:95%;
}
#docpop
{
	width:68%;
}
.btndivinadpersn
{
	 text-align: left;
}
}
@media (min-width:1200px) and (max-width: 1300px) {

	#docpop
{
	width:57%;
}
#editdocpop
{
	width:58%;
}
.edidocpopfilsty
{
	width:95%;
}
}
@media (min-width:1300px) and (max-width: 1500px) {

	#docpop
{
	width:54%;
}
.adddocfil{
	width:95%;
}
.adddocdet{
	width:95%;
}
#editdocpop
{
	width:53%;
}
.addocstylaa
{
 width:94%;
}
.adfledocstyl
{
	
}
}
 

.savebtncalsty
{
	float:right; margin-top:10px;
}
.deltbtncalsty
{
	float:right; margin:10px 10px 0 0;
}
.txtareahghtsty
{
	height:100px; width:91%;
}
.evntfrmipwid
{
	    width: 75%;
    display: inline-block !important;
}

.evntfrmlabl label
{
	       width: 19.5% !important;
    display: inline-block !important;
}
.nwsfrmlabl label
{
	      width: 21% !important;
    display: inline-block !important;
}
.titlipfrmwid
{
	width: 75%;
    display: inline-block;
}
.adnewevntfntsz
{
	font-size:24px;
}
.adnewevclsimg
{
	float:right; cursor:pointer;
}
.adnewevntblsty
{
	color:#333; text-align:left; font-size:18px; width:100%;
}
.savevbtnsty
{
	float:right; margin:5px;
}
#btn_cancelArticlevideo
{
	margin:5px;
}
.chosen-container-multi .chosen-choices
{
	background-image:none !important;
	box-shadow: none !important;
}
@media (min-width:0px) and (max-width: 650px) {
	.evntfrmipwid
{
	    width: 95%;
    
}
.titlipfrmwid
{
	  width: 58%;
}
#newspop, #editnewspop
{
	height:728px; width:80%;
}

.evntfrmlabl label
{
	       width: 95% !important;
    
}
.nwsfrmlabl label
{
	       width: 95% !important;
    
}
.articletemplatelabl,.articletemplatelabl1
{
	 width: 95% !important;
}
.adnewevntblsty input
{
	 width: 95% !important;
}
.adnewevntblsty select
{
	width: 99% !important;
}
.evntfrmlabl > #email_chosen, .evntfrmlabl > #group_chosen
{
	width: 99% !important;
}
.adnewevntfntsz ,.perfrmheadstyl
{
	font-size: 16px;
}


#adddocumenttag
{
	width:82% !important
}

.newdet
{
	width:90%;
}
.newtag
{
	width:88%;
}
.widtagip {
    display: block;
    width: 38%;
    margin: 10px 0;
}
.fltrghtntbltg , #btn_cancelpersonimage{
   
    margin: 5px;float: left;
  
}
.cnclpertgsty
{
	margin: 5px;
}
.btntwoeditdoc
{
	float:left;
}
}

@media (min-width:0px) and (max-width: 380px) {
.closedocmenubtn, .closepeoplemenubtn {
		top:-18px;
	
		width:245px;
		padding:25px 40px 0 0;
		text-align: left;
	
	
}
.closedoctagbtn, .closepeopletagbtn  {
	
	
		width:180px;
		padding:50px 40px 0 0;
		text-align: left;
}

}



.docfrmipwid
{
	    width: 75%;
    display: inline-block;
}
.docfrmlabl label
{
	       width: 20% !important;
    display: inline-block !important;
}

.imgwidindocupl
{
	width: 7%; display: inline-block;
}

.btnindocfrmst
{
	width:100%; text-align:right;  bottom:10px; margin-top:50px;
}
.uplfldocstfnt
{
	font-size:24px;
}
.upliconndocfrm
{
	width: 22%;
  
    border: #CCC 2px solid;
    margin: 30px 0 30px 20px;
 
    display: inline-block;
}
.urlpartindoc
{
	width:98%; padding:20px;
}
.docadipwidaa
{
	width:75%;
}
.docadipwideditaa
{
	width:75%;
}
.flefrmtsdocwidedit
{
	width:100%; padding:20px 0 0 10px;
}
.btnclsfrthesetadicn
{
	position: absolute;  right: 20px;
}
#editperson, #updatedocument,deletedocument
{
	margin:10px;
}
@media (min-width:0px) and (max-width: 500px) {
	.docadipwideditaa
{
	width:30%;
}
#savedocurl
{
	display: block;
}

.uplfldocstfnt {
    font-size: 15px;
}
.flefrmtsdocwidedit
{
	width:100%;
}
.imgwidindocupl
{
	width:14%;
}


.savebtncalsty
{
	float:left; 
}
.deltbtncalsty
{
	float:left; 
}
.btnindocfrmst
{
	float: left;
}
.btnclsfrthesetadicn
{
	position:relative;
}
#addgroupformsub
{
	float:left !important;
	 margin: 10px;
}
.groupback
{
	margin: 10px;
}
#btn_cancelEditArticlevideo , #btn_cancelArticlevideo
{
	float:left;
}
.savevbtnsty
{
	float:left;
}
.adfledocstyl
{
	float:left;
}
}
@media (min-width:500px) and (max-width: 800px) {
	.docadipwideditaa
{
	width:30%;
}
.flefrmtsdocwidedit
{
	width:60%;
}
.imgwidindocupl
{
	width:14%;
}
.btnclsfrthesetadicn
{
	position:relative;
}
}
.flefrmtsdocwid
{
	width:100%; padding:20px 0 0 10px;
}

.acflefrmtxt
{
	margin:0px 0 10px 0;
}
#email_chosen, #group_chosen
{
	display: inline-block;width: 75% !important;
}

@media (min-width:0px) and (max-width: 800px) {
.docfrmipwid
{
	    width: 95%;
    
}
#email_chosen, #group_chosen
{
	width: 98% !important;
}
.docfrmlabl label
{
	       width: 95% !important;
    
}
.docfrmlabl input
{
	width: 95% !important;
}
.docfrmlabl select{
	width: 99% !important;
}
.edidocpopdetsty
{
	 width: 90% !important;
}
.adddocdet
{
	 width: 90% !important;
}
.adddocfil

{
	width: 90%;
}
#newcalendarpop, #editcalendarpop
{
	width:80%;
}
.txtareahghtsty
{
	height:80px;
}

}

@media (min-width:0px) and (max-width: 800px) {
	.upliconndocfrm
	{
		width:150px;
	}
	#savedocurl
	{
		margin: 10px 0;
	}
	
	
	
	.btnindocfrmst
	
	{
		bottom: -270px;text-align:left; padding:5px;
	}
	.imgwidindocupl
	{
		width:20%;
	}
	.adddoctag
	{
		width: 90%;
	}
	.adddocshare
	{
		width: 90%;
	}
	#btn_uploadarticletags
	{
		margin:10px;
	}
	#btn_finisharticle
	{
		margin:5px;
	}
	#btn_finisheditarticle
	{
		margin:5px;
	}
}

@media (min-width:650px) and (max-width: 800px) {
	
.titlipfrmwid
{
	  width: 58%;
}



.newdet
{
	width:94%;
}
.plsupldimg {
   
    width: 64%;
}
.newtag
{
	width:95%;
}
}
@media (min-width:800px) and (max-width: 1000px) {
	#editnewspop, #newspop
	{
		width:70%;
	}
}
@media (min-width:1000px) and (max-width: 1100px) {
	#editnewspop , #newspop
	{
		width:70%;
	}
}
@media (min-width:1100px) and (max-width: 1200px) {
	#editnewspop , #newspop
	{
		width:65%;
	}
}
@media (min-width:1200px) and (max-width: 1400px) {
	#editnewspop , #newspop
	{
		width:60%;
	}
}
@media (min-width:800px) and (max-width: 1200px) {
	
.titlipfrmwid
{
	  width: 72%;
}



.newdet
{
	width:94%;
}
.newtag
{
	width:94%;
}
}

@media (min-width:1200px) and (max-width: 1300px) {
	
.titlipfrmwid
{
	  width: 58%;
}


.newdet
{
	width:92%;
}
}

@media (min-width:1300px) and (max-width: 1400px) {	
#newspop, #editnewspop {
    width: 53%;
}
}





.usrroleip label
{
	width: 30%;
    display: inline-block;
    text-align: left; margin: 20px 0;
}
.usrroleradbtn input
{
	 margin: 20px 0;   margin-right: 15px;
}

.usrroltxtcntr
{
	text-align: center;
}

.usrrlesalgnlft
{
	text-align: left !important;
}
.widfrusr
{
	width: 20%; padding: 20px 0;border-bottom: 1px solid #333;  font-size:14px;
}
.usrtble
{
	width:96%;text-align: center;border-bottom: 1px solid #333;
}
.usrtbledata
{
padding: 15px 0;
}
.bordrusrtble
{
	border-bottom: 1px solid #000;
}
.submtbtnusrrle
{
	margin-top:30px;float:right;  margin-right: 10px;
}
.calendarlabradio input {
    margin: 20px 15px 20px 0;
}
.calendarlabradio label
{
	display: inline-block;
    margin: 20px 0;
    text-align: left;
    width: 20%;
}
@media (min-width:0px) and (max-width: 500px) {
	
	.usrroleip label {
   
    margin: 5px 0;
   
    width: 95%; 
    
}

.grppopinvstyl
{
	width:90%; 
}
.widfrusr
{
 font-size: 13px;padding: 20px 15px;
}
.usrtbledata {
   
    font-size: 12px;
}
.adnewevntblsty input {
        width: 90% !important;
    }
    #tx_name, #edit_tx_name
{
	width: 95% !important;
}
.adnewevntblsty select {
        width: 99% !important;
    }
    
.docfrmlabl input {
        width: 90% !important;
    }
.docfrmlabl select {
        width: 103.5% !important;
    }

.persnfrmtble select {
        width: 95% !important; margin-top: 5px; margin-bottom: 5px;
    }
    .persnfrmfielddrpwid
{
	width:45% !important;
}
    #saveperson
{
	margin:10px;
}
.widtagip
{
	width: 70%;
}
.submtbtnusrrle
{
	margin-top:5px;float:left;
}
.widfrnewtgnpersn
{
	display:inline-block;margin: 5px 0;
}
}
@media (min-width:500px) and (max-width: 800px) {
	
	.usrroleip label {
   
    margin: 5px 0;
   
    width: 92%; 
}

.grppopinvstyl
{
	width:95%; 
}
}



#editgroupformsub
{
	margin: 0px 10px 10px 10px;
}

.leavreqipwid
{
	width:95%; color:#000;
}
.leavreqiptxtwid
{
	width:95%;
}
.lvefrmtxtare
{
	    height: 35px; width:95%;
}

.lvereqfrmaam
{
	color:#333; margin-top:10px; text-align:left; float:left; font-size:18px; width:95% !important;
}
.lvereffrmdivwid
{
	display: inline-block;height: 370px;overflow-x: hidden;overflow-y: auto;width: 95%;
	
}
.lvereqheadsty
{
	float:left; margin-left:35px; width:75%; font-size:20px;
}
.dntfiltxtfnt
{
	font-size:13px;
}
.lvereqsubbtn
{
	float:right;margin: 10px 5px;
}



.whoishead
{
	float:left; width:100%; position:relative; font-size:24px; font-weight:bold;
}
.gtlvepart
{
	width: 90%; position:absolute; right:10px; top:55px; padding:15px 15px; color:#FFF; font-size:12px; padding-bottom:0;
}
.gtleaveparttwo
{
	width:15px; height:15px; margin:0 5px 10px 0; float:left;
}

.getleavepartnxt
{
	float:left; margin:0 0 0 0; height:15px; font-weight:normal;
}
.start , .cancel, .fileinput-button ,.delete
{
	margin:5px;
}
.countriesstyl
{
	font-size:10px; color:#000; background:#CCC; border:1px solid #277553; padding:5px;display: inline-block; margin:2px 0;
}
.gtusrdetstyl
{
	padding-left:20px; background-color:#FFF; line-height:20px;
}
.whoistblcountsty
{
	 top: 150px; position: absolute;  right:15px; left:5px;margin: 5px 0;
}
.gtofcegrpsyl
{
	width:98%; height:450px;  position:relative; margin-top:10px; padding-top:10px; float:left; position: absolute; top:215px;
}
.lvtblbfrcls
{
	height:400px;
	overflow-y: auto;
	overflow-x: hidden;padding-top: 10px;
}
.lvtblbfrclslvlst
{
	height:auto !important;
}
.gtofcegrpsyllve
{
	margin-left:20px; 	margin-top:0px;
}
.ofcegrpaamar
{
	margin-top:10px; overflow:visible;
}
.whoaprvdsty
{
	font-size:15px; color:green;
}
.whoaprvdstyout
{
	font-size:15px; color:#4050c7;
}
.whopendngsty
{
	font-size:15px; color:red;
}
.whotbletrfnt
{
	font-size:14px;
}
.whotbletdsty
{
	width:50px; background-color:#FFF; text-align:center;
}
.whogtuserdet
{
	padding-left:20px; background-color:#FFF; line-height:20px; color:#333; padding-top:5px;padding-bottom:5px;
}
.strtendspn
{
	font-size:11px; font-weight:bold;
}
.reqsttswho
{
	font-size:15px;
}
.wholvemain
{
	float:left; width:50%;
}
.gtofcnamewhofnt
{
	color:#FFF; text-align:center; font-size:14px;
}
.whospnllft
{
	left: 0 !important;
}



.twitmodsty
{
	width:100%; float:left; height:400px; background-color:#FFF !important; color:#FFF !important;
}
.twitmodheadsty
{
	background-color:#1CA0F1 !important; color:#FFF !important;
}


.latdoctble
{
	width:400px;
}
.latdoctblstyaa
{
	font-size:14px;
}
.latdocttblestytd
{
	text-align:center; width:30px;
}
.latdoctblpad
{
	padding-left:15px; line-height:20px;
}
.latdoctblspn
{
	font-size:11px;
}
.latdocdwnstyl
{
	margin-right:15px; float:right; cursor:pointer;
}
.latdocheadsty
{
	float:left; margin-left:35px; width:75%; font-size:20px;
}
.latdoctblmain
{
	height:350px; overflow:auto; margin-top:20px; float:left; overflow-x: hidden; width:95%;
}



.caldashhead
{
	float:left; margin-left:35px; width:75%; font-size:20px;
}
.caldashmaincnt{
	
	float: left; height: 350px;margin-top: 20px;overflow-x: hidden;overflow-y: auto;width: 400px;
}

.caldashtblewid
{
	width:100%;
}
.caldashtbltd
{
	background:#277553; color:#FFF;
}
.caldashtrsty
{
	font-size:14px;
}
#btn_cancelarticleeditimage , #btn_editarticletags
{
	margin:10px;
}
.caldashnxttd
{
	border-bottom:#e8e8e8 15px solid !important; background:#fff; padding: 10px 2px;
}



.ofcedethead
{
	float:left; margin-left:35px; width:75%; font-size:20px;
}
.ofcedettblt
{
	margin:8px 0 8px 0; display: inline-block; width:95%;
}
.ofcedetnamesty
{
	font-size:11px; color:#000; background:#CCC; border:3px solid #e8e8e8; padding:5px;
}
.ofcelnkaamstyl
{
	
    font-size: 11px;
    color: #000;
    background: #CCC;
    border: 3px solid #e8e8e8;
    padding: 5px;display: inline-block; margin: 0;
}
.ofcestylfntaa
{
	margin:10px;font-size:12px;
}
.myprflheadfnt
{
	float:left; margin-left:35px; width:75%; font-size:20px;
}
.dashclckfntsze
{
	float:left; margin-left:5px; width:100%; font-size:24px;
}


@media (min-width:0px) and (max-width: 350px) {
	.leavreqipwid
	{
		font-size:12px;
		padding:5px;
		
	}
	.lvereqfrmaam
	{
		width:100% !important;
	}
	.styled-select-office
	{
		height: 40px;
	}
	.styled-select-office select
	{
		font-size: 12px;
		padding: 6px 10px; height: 40px; 
	}
	.lvefrmtxtare
	{
		height: 35px;
		font-size: 12px;
	}
	.lvereqheadsty
	{
		font-size:18px;
	}
	
	.width4
	{
		width:100%;
	}
	.width6
	{
		width:98%;
	}
	.countriesstyl
{
	font-size:8px; border:1px solid #277553; padding:3px; font-weight:300;
}

.gtofcnamewhofnt
{
	font-size: 12px;
	text-align:left;
}
.ofcelnkaamstyl
{
	
    font-size: 8px;
   
    border: 1px solid #e8e8e8;
    padding: 2px;
}
.officepanel
{
	width:80%;
}
.ofcestylfntaa
{
font-size:9px;
}
.myprflheadfnt
{
 font-size:14px;
}
.leavreqipwid
{
	padding:4px 5px;
}

}
@media (min-width:0px) and (max-width: 400px) {
	.width3
	{
		width:100%;
	}
	
	.dashmediadvsty ,.dashpepheigsty , .dashmytemplstyl , .officepanel
{
	height:235px;
}
.caldashmaincnt ,.latdoctblmain, .lvereffrmdivwid
{
	height:265px;
}
}

@media (min-width:350px) and (max-width: 500px) {
	.leavreqipwid
	{
		font-size:13px;
	padding:4px 5px;
		
	}
	.lvereqfrmaam
	{
		width:100% !important ;
	}
	.styled-select-office
	{
		height:40px;
	}
	.styled-select-office select
	{
		font-size: 13px;
		padding: 6px 10px; height: 40px; 
	}
	.lvefrmtxtare
	{
		height: 45px;
		font-size: 13px;
	}
	.countriesstyl
{
	font-size:10px; border:1px solid #277553; padding:3px; font-weight:300;
}
.whosofficepanel
{
	width:75%;
}
.gtofcnamewhofnt
{
	font-size: 12px;
	text-align:left;
}
.ofcelnkaamstyl
{
	
    font-size: 8px;
   
    border: 1px solid #e8e8e8;
    padding: 2px;
}
.officepanel
{
	width:75%;
}
.ofcestylfntaa
{
font-size:10px;
}
.width4
	{
		width:100%;
	}
.width6
	{
		width:98%;
	}
}
@media (min-width:0px) and (max-width: 700px) {
	
	.width6
	{
		width:98%;
	}
	
}
@media (min-width:700px) and (max-width: 900px) {
	
	.width6
	{
		width:90%;
	}
	
}
@media (min-width:0px) and (max-width: 500px) {
	.prflimgpopstdet
{
	 width:90%; height:585px; 
}
#profileimagepop
{
	width:78%;
}
	.plsupldimgprfl
	{
		width:80%;
	}
	.btndivinadpersnprfl
	{
		bottom:20px;text-align: left;
    margin: 0 15px;
	}
	
	.width2
	{
		width:100%;
	}
	.latdoctble
	{
		width:100%;
	}
	
.whoistblcountsty
{
	
}
.caldashtrsty
{
	font-size:10px;
}
.caldashmaincnt
{
	width:100%;
}
.caldashtblewid
{
	width:100%;
}
.officepanel
{
	overflow-x: hidden; overflow-y: auto;width: 88%;
}
.ofcestylfntaa
{
	margin:0 10px;
}
.myprflheadfnt
{
	font-size:16px;
}
.smalleledelaamsty
{
	font-size:16px;
}
.dashclckfntsze
{
	font-size:16px;
}
.smaleleasty
{
	font-size:16px;
}
.whoishead
{
	font-size:16px;
}
.aamwidsty
{
	font-size:20px;
}
.clocks
{
	line-height:1px;
}
.caldashnxttd
{
	padding:15px 5px;
}
 .lvereqsubbtn
 {
 	float: left;
 	margin: 5px;
 }
#user_leave_chosen span
 {
 	
 }
 #user_leave_chosen
 {
 	margin:0;
 }
 .lvefrmtxtare
{
	    width:90%;
}

.edidocpopfilsty
{
	width:90%;
}
	.gtofcegrpsyllve
	{
		width: 96%;  margin-left: 5px;
	}
	.latdocheadsty
{
	 font-size:18px;
}
}


@media (min-width:500px) and (max-width: 800px) {
	.prflimgpopstdet
{
	 width:95%; height:585px; 
}
#profileimagepop
{
	width:80%;
}
	.plsupldimg
	{
		width:80%;
	}
	.btndivinadpersnprfl
	{
		bottom:20px;
	}
	.gtofcegrpsyllve
	{
		width: 96%;margin-left: 10px;
	}
}



.notmsgstyl
{
	font-size:18px;
}
.notstyltotsty
{
	width:100%; height:480px; overflow:auto; margin-top:15px;
}
.notstytotimgdv
{
	 display: inline-block;vertical-align: top;
}
.notstytotimg
{
	 height:130px; 
}
.notstyltotwidaa
{
	width:75%; background:#FFF; display: inline-block;vertical-align: top; padding:20px; margin:0 0 0 -10px;
}
.notstyltotwidaaspan
{
	font-size:16px; font-weight:bold;
}
.nottxtareastyl
{
	width: 95%; height:80px;
}
.notmainwhtbg
{
	width: 100%;background-color: #fff;margin-bottom: 10px;
}
.notbtnone
{
	float:right; margin-top:20px;
}
.notbttwo
{
	float:right; margin-top:10px;
}

.notsecndspn
{
	font-size:12px; width: 100%; display: inline-block;
}
.notstyfrbtnone
{
	float:right; margin-top:10px;
}
.notstyfrbtntwo
{
	float:right; margin-top:10px; display:none;
}
.notstyfrbtnthree
{
	float:right; margin-top:10px; margin-right:5px;
}
.notstyfrbtnfour
{
	float:right; margin-top:10px; display:none; margin-right:5px;
}
.aprvebtninnot
{
	float:right; margin-top:-10px; display:none; margin-right:5px; font-size:20px; color:green;
}
.declnedbtninnot
{
	float:right; margin:-10px 5px 0 0; display:none; font-size:20px; color:red;
}
.lvereqreanewstyl
{
	display:none; background:#FFF;   padding:40px 20px; border-top:1px solid #CCC;
}
.lvereqprocdnewstyl
{
	display:none; background:#FFF;  padding:20px; border-top:1px solid #CCC;
}
.lvereqretbdnewstyl
{
	display:none; background:#FFF;   padding:40px 20px; border-top:1px solid #CCC;
}
.lvereqaprvbdnewstyl
{
	display:none; background:#FFF;  padding:20px; border-top:1px solid #CCC;
}
@media (min-width:0px) and (max-width: 400px) {
		.notstyfrbtnone
{
	float:left; margin:5px;
}
.notstyfrbtntwo
{
	float:left;margin:5px;
}
.notstyfrbtnthree
{
	float:left;margin:5px;
}
.notstyfrbtnfour
{
	float:left;margin:5px;
}
}
@media (min-width:0px) and (max-width: 800px) {
	.notstyltotwidaa
	{
		width:88%;
	}
	.notstyltotwidaa
	{
		min-height:90px; height: auto
	}
	.lvereqprocdnewstyl
	{
		width:86%;
	}
	.lvereqreanewstyl
	{
		width: 86%;
	}
}
@media (min-width:0px) and (max-width: 500px) {
	#notificationpop
	{
		width:80%;
	}
	.notstyltotsty
	{
		width:100%;height: 460px;
	}
	.chosen-container {
	
	}
	.lvereqreanewstyl
	{
		width: 80%;
	}
	.lvereqprocdnewstyl
	{
		width: 80%;
	}
	.notstyltotwidaa
	{
		width: 84%;
	}

}

@media (min-width:500px) and (max-width: 800px) {
	#notificationpop
	{
		width:70%;
	}
	.notstyltotsty
	{
		width:100%;height: 460px;
	}
}

.chosen-container-single .chosen-single span
{
	padding:10px;
	font-size:18px;
	width:95%;
	color: #000;
}
.chosen-container
{
	width:98% !important;
}

@media (min-width:0px) and (max-width: 1000px) {

.tabmarstyl
{
	margin-left: 0px;
}
}

.aaprfllbsty
{
	font-size: 16px;
   
}
.aaprfltd1sty
{
	padding: 5px 0 5px 0;
}
	.plcsearchstyl, .typeboxstyl
	{
		border: 1px solid #888;
	}
@media (min-width:0px) and (max-width: 1200px) {
	.plcsearchstyl, .typeboxstyl
	{
		margin-top:80px;
	}
	
}
@media (min-width:0px) and (max-width: 650px) {
#logo
{
	z-index: 11 !important;
}
.frmlnk1
{
	width:90%;
}
}

@media (min-width:0px) and (max-width: 500px) {
.perfrmheadstyl
{
	font-size:16px !important;
}
	.adnewevntfntsz
	{
		font-size:16px !important;
	}
}

.infohelp{
	left: 15px;
    position: relative;
    top: 6px;
    width: 4%;
}
.tooltip{
	display: inline;
	position: relative;
}

.tooltip:hover:after{
	background: #333;
	background: rgba(0,0,0,.8);
	border-radius: 5px;
	bottom: 26px;
	color: #fff;
	content: attr(title);
	left: 20%;
	padding: 5px 15px;
	position: absolute;
	z-index: 98;
	width: 260px;
}

.tooltip:hover:before{
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 20px;
	content: "";
	left: 50%;
	position: absolute;
	z-index: 99;
}

.chosen-container-multi .chosen-choices
{
	padding: 5px !important;color: #000;
    font-size: 18px;
   
}

.articletemplatelabl
{
	display: inline-block !important;color: #333;    font-size: 18px; width:17%;
}
.articletemplatelabl1
{
	display: inline-block !important;color: #333;    font-size: 18px; width:20%;
}
.articletemplatetmpl
{
	vertical-align: top !important; display: inline-block !important;width: 77%;
}
.articletemplatetmpl img , .articletemplatetmpl input 
{
	margin: 5px;
}

@media (min-width:0px) and (max-width: 500px) {
	.infohelp{

    width: 8%;
}

.headerplce {
    left: 0;
    margin-left: 50px;
    top: 45px;
    width: 75%;
}
.newdrpstyl {
    
    top: 50px !important;margin-left: 5%;
}
#leavedrop
{
	margin-left: 26%;
}
#settingsdrop
{
	margin-left: 26%;
}
.notinnerstyl {
   
    top: 96px; padding: 0;
}
.notstyl {
    padding: 0;
    top: 0;
}
.removpersnstyl
{
	left: auto !important;
    right: 10px;
}
}
	@media (min-width:0px) and (max-width: 350px) {
	.seticnstyl {
   
    position: absolute;
    top: 25px;
}
.lveiconstyl
{
	
}
.notbadg {
    float: left;
   
    position: absolute;
   
    top: 25px;
}
}	
@media (min-width:350px) and (max-width: 500px) {
	.seticnstyl {
   
    position: absolute;
    top: 25px;
}
.lveiconstyl
{
	
}
.notbadg {
    float: left;
   
    position: absolute;
   
    top: 25px;
}
}	
#btn_uploaddocumenttags , #btn_uploaddocumentshare , #btn_canceldocumentfile
{
	margin:5px;
}
.tx_name1 label
{
width:17% !important;
}
@media (min-width:0px) and (max-width: 800px) {
	.usrrolespn
	{
		
		display: block;
	}
}


.bx-wrapper img
{
	height:110px !important;
}
.btnstylclick span
{
	padding:5px 0; text-align:left; color:#277553; float: left !important;  font-size:15px; font-weight:600; border-bottom: 2px solid #277553; padding: 2px 0 !important;
}
.btnstylclick span:hover
{
	 color:#277553; border-bottom: 2px solid #277553;
}

.imgcon
{
	box-shadow: 0 0 4px #555;
    height: 58px;
    margin: 6px;
    padding: 5px;
    width: 58px;
}

.newspopbrowse
{
	margin: 10px 0;
}



.viewnewsheadmain
{
	padding:10px 0; text-align: left;border-bottom: 2px solid #e2e2e2;  
}
.viewnewshead
{
	font-size:24px;  font-weight:bold; color: #277553;padding:5px 0;
}
.viewnewsauthor
{
	    font-size: 16px;    line-height: 1.5;    color: #444;  min-height: 35px;  
}	

.newsviewmain
{
	background-color: #f2f2f2; margin:0;    margin-top: -9px;
}
.newsviewsubmain
{
	width: 55%; background-color: #fff; margin: 0 auto; min-height: 600px;
}
.newsviewsub
{
	width: 90%; margin: 0 auto;padding: 20px 0;
}
.newsartclbg
{
	padding: 20px 0 0 0;text-align: center;
}
.newsartclbg img
{
	max-width: 100%;
}
.newsartcledec
{
	line-height: 1.5;text-align: left;font-size: 16px;color: #333;border-bottom: 2px solid #e2e2e2; padding-bottom: 20px; display: inline-block; width: 100%;
}
.newstagstyle
{
	margin: 20px 0px;    text-align: left;
}
.newstagstylea

{
	background-color: #277553; color: #fff; padding: 5px;margin: 0 10px 10px 0; display: inline-block;
}

@media (min-width:0px) and (max-width: 650px) {
	.newsviewsubmain
{
	width: 98%; 
}
}

@media (min-width:650px) and (max-width: 800px) {
	.newsviewsubmain
{
	width: 80%; 
}
}


@media (min-width:800px) and (max-width: 1200px) {
	.newsviewsubmain
{
	width: 70%; 
}
}
.nicEdit-pane > form > div:nth-of-type(1)
{
	margin: 10px 4px !important;
   
}
.nicEdit-pane
{
	margin-top:14px;background-color: #efefef !important;
}
.nicEdit-pane > form > div > label
{
	width:25% !important; margin: 5px 4px !important;
    text-align: left !important;
}
.nicEdit-pane > form > div > input
{
	width:65% !important;  margin: 5px 0 !important;
}
.nicEdit-pane > form > div > select
{
	    height: 25px !important;
    margin: 5px 0 !important;
    width: 67% !important;
}

.nicEdit-pane > form > input[type=submit]
{
 float: right !important;
    font-size: 14px;
    font-weight: 500;
    background-color:#fff !important;
    margin: 5px 14px !important;
    padding: 5px 12px;
   
}

.persontitleclass
{
	width: 89.5%;
}
#UserReportAcc_chosen
{
	width: 92.5% !important; margin:15px;
}
#tx_person_mail , #tx_lpr ,#tx_wrh
{
	width:5% !important;
    height: 40px !important;
    vertical-align: middle !important;
}
#report_plm, #report_slm , #report_acc
{
	width:95% !important;
}
@media (min-width:0px) and (max-width: 800px) {
	.persontitleclass
{
width:90%;
}
#tx_person_mail , #tx_lpr ,#tx_wrh
{
	width:auto !important;
}
.persnfrmfielddrpwid
{
	width:95% !important;margin-bottom: 10px !important;
}
}

@media (min-width:800px) and (max-width: 1000px) {
	.persontitleclass
{
	width: 88.5%;
}
#UserReportAcc_chosen
{
	width: 93% !important; margin:15px;
}
}
@media (min-width:1000px) and (max-width: 1200px) {
	.persontitleclass
{
width: 88.5%;
}
}
@media (min-width:1200px) and (max-width: 1300px) {
	.persontitleclass
{
width: 88.5%;
}
}
@media (min-width:1300px) and (max-width: 1400px) {
	.persontitleclass
{
width: 88.5%;
}
}@media (min-width:1400px) and (max-width: 1500px) {
	.persontitleclass
{
width: 89%;
}
}

@media (min-width:0px) and (max-width: 400px) {
	#clientlogin_btn
	{
		font-size: 14px;
    margin-top: 10px;
    padding: 6px 14px;
	}
}
@media (min-width:1000px) and (max-width: 1200px) {
	.adnewevntblsty select
	{
	width:75% !important;
	}
	.evntfrmlabl > #email_chosen, .evntfrmlabl > #group_chosen
	{
		width:74% !important;
	}
}

@media (min-width:1200px) and (max-width: 1400px) {
	.adnewevntblsty select
	{
	width:75.5% !important;
	}
}
@media (min-width:0px) and (max-width: 850px) {
.calpopwid input
{
	width:91% !important;
}
}

@media (min-width:500px) and (max-width: 800px) {
	.widthfrnotper
{
	width:90%;
}
}
@media (min-width:900px) and (max-width: 1000px) {
#tx_person_usrname,#tx_person_pass
{
	width:41.5%;
}
}
@media (min-width:1024px) and (max-width: 1400px) {
#tx_person_usrname,#tx_person_pass
{
	width:41.5%;
}
}

@media (min-width:0px) and (max-width: 350px) {
	#mainm
	{
		right:2px !important;
	}
}
@media (min-width:350px) and (max-width: 400px) {
	#mainm
	{
		right:5px !important;
	}
}
@media (min-width:400px) and (max-width: 450px) {
	#mainm
	{
		right:7px !important;
	}
}
@media (min-width:450px) and (max-width: 500px) {
	#mainm
	{
		right:10px !important;
	}
}
@media (min-width:500px) and (max-width: 550px) {
	#mainm
	{
		right:11px !important;
	}
}
@media (min-width:550px) and (max-width: 600px) {
	#mainm
	{
		right:13px !important;
	}
}
@media (min-width:600px) and (max-width: 650px) {
	#mainm
	{
		right:13px !important;
	}
}
@media (min-width:650px) and (max-width: 800px) {
	#mainm
	{
		right:-5px !important;
	}
}
@media (min-width:1000px) and (max-width: 1300px) {
	#mainm
	{
		right:18px !important;
	}
}
@media (min-width:1300px) and (max-width: 1500px) {
	#mainm
	{
		right:20px !important;
	}
}
@media (min-width:0px) and (max-width: 1500px) {
	/*.adnewevntblsty input
	{
		width:92% !important;
	}*/
	
}
.calendarlabradio
{
	text-align:center;
}
#CalendarGroup_chosen
{
	margin-top:5px;
}

@media (min-width:0px) and (max-width: 500px) {
	.calendarlabradio label
	{
		width:85% !important;
	}
}
@media (min-width:500px) and (max-width: 750px) {
	.calendarlabradio label
	{
		width:90% !important;
	}
}

@media (min-width:0px) and (max-width: 350px) {
	.seticnstyl
	{
		
	}
	.lveiconstyl
	{
		
	}
	.notbadg
	{
		
	}
	.newdrpstyl
{
	top:50px !important; margin-top: 0 !important;
}
}
@media (min-width:350px) and (max-width: 500px) {
	.seticnstyl
	{
		
	}
	.lveiconstyl
	{
		
	}
	.notbadg
	{
		

	}
	.newdrpstyl
{
	top:50px !important;margin-top: 0 !important;
}
}


@media (min-width:0px) and (max-width: 800px) {
	
	.fc-header-left,.fc-header-center,.fc-header-right
	{
		display: block;
    font-size: 15px;
    text-align: left;
	}
	
}

.stylefrcatetags,.stylefrhidetags
{
	font-size:24px;
	color: #277553;
	margin-left:5px; vertical-align:middle;
}
.stylefrhidecal
{
	font-size:24px;
	color: #277553;
	margin-left:5px; vertical-align:middle;
}
@media (min-width:0px) and (max-width: 500px) {
	
	.stylefrhidetags
{
	   position: absolute;
   right: 0;
    top: 4px;
}
	.closemenubtn
	{
		  float: left;
   
   
	}
	
}


@media (min-width:0px) and (max-width: 1000px) {
	

	#calendarcontainer
	{
		margin-top:65px;
	}
	.closemenubtn
	{
		top: -45px; float: left;
	}
	.openmenubtn
	{
		top: -45px;
	}
	.stylefrhidecal
{
	   position: absolute;
 left: 10px;
    top: 4px;
}
}

@media (min-width:0px) and (max-width: 400px) {
	

.calmenustyl
{
	padding-top:50px
}
.closemenubtn
{
	width:96%;
}
.stylefrhidecal
{
	   position: absolute;
 left: 0px;
    top: 4px;
}
}

@media (min-width:0px) and (max-width: 400px) {
	.nicEdit-panel
	{
		padding:0;
	}
}

@media (min-width:0px) and (max-width: 700px) {
	.smallscreeno
	{
		display:none;
	}
	.openmenubtn
	{
		text-align:right;
	}
}

@media (min-width:0px) and (max-width: 500px) {
	
	.notbadg {
   left: 155px;
    margin: 0;border:none;
}

.seticnstyl {   
   left: 120px;
    margin: 0;
    padding: 0;border:none;
   
}
.aboutbtn {   
    left: 195px;
    padding: 0;
    position: absolute;
    top: 25px;border:none;
}
.lveiconstyl {
    right: 100px;
}
.headerplceinput
{
	width:90%;
}
}

@media (min-width:0px) and (max-width: 500px) {
	.persontitleclass,.persnfrmfieldsml
	{
		width:100%;
	}
	.persnfrmtble select 
	{
		width:98% !important;
	
	}
	#UserReportAcc_chosen
	{
		width:71%;
	}
	.intl-tel-input {
    padding: 15px;
    width: 100% !important;
}
	
}

.addnewstyle
{
	color: #fff;
    float: left;
    font-size: 24px;
    vertical-align: middle;border: 3px solid #fff;padding: 3px 6px;border-radius: 100%;line-height: 24px;
}
#UsefullinkLan
{
	width:98%; margin:0;
}
#usefullink, #commonpop
{
	min-height:470px !important;
}
@media (min-width:0px) and (max-width: 650px) {
	#UsefullinkLan
{
	width:95% !important; margin:0;
}
#addlinkcate_chosen
{width:95% !important; 
	
}
.curndlft { width:30px;}
}


@media (min-width:1200px) and (max-width: 1450px) {
	.headerplce
{
	width:50% !important; 
}
}
@media (min-width:0px) and (max-width: 500px) {
	
	.prflmydetsty
	{
		margin:0 !important; float:left; padding:8px;
	}
	.prfliptstyrht,.prfliptstylft {
    float: left;
    width: 90% !important;
}

}
	
		
		
@media (min-width:500px) and (max-width: 1100px) {
	.prfliptstyrht,.prfliptstylft {
    float: left;
    
}

}
	
@media (min-width:0px) and (max-width: 400px) {
		
.styled-select-office {    width: 98% !important; }


	}
	
@media (min-width:400px) and (max-width:500px) {
		
.styled-select-office {    width: 96% !important; }
	}
	
@media (min-width:500px) and (max-width: 600px) {
		
.styled-select-office {    width: 95% !important; }

	}
	@media (min-width:600px) and (max-width: 700px) {
		
.styled-select-office {    width: 94% !important; }

	}
@media (min-width:700px) and (max-width: 800px) {
	.styled-select-office {    width: 93.5% !important; }	

	}
	@media (min-width:800px) and (max-width: 900px) {
	.styled-select-office {    width: 92.5% !important; }	

	}
	@media (min-width:900px) and (max-width: 1100px) {
		
.styled-select-office {    width: 92.5% !important; }
	}
	@media (min-width:1100px) and (max-width: 1200px) {
		

	}
	
@media (min-width:1200px) and (max-width: 1400px) {
		

	}
	
.prflsidetab
{
	border: 1px solid #e8e8e8;    font-size: 15px;    margin-top: 20px;margin-bottom: 20px; border-radius:2px;
}
.prflsidetabin
{
	padding: 10px 10px;
}
.prflsidetabhead
{
	font-size: 18px;font-weight: 500;color: #277553;
}
.prflsidetabsub
{
	padding-top: 5px;font-size: 15px;color: #333;
}


input[type=checkbox]
{
 
    height: 20px !important;
    vertical-align: middle !important;
}

.paratxt{	 
    color: #333;
    font-size: 16px; text-align:justify; padding-right: 35px;line-height: 1.5;
}

/*wireframe*/


/* ----- Registration Form ----- */
.register
{
	
}
.register-container 
{
	 display: inline-block;
    margin: 0 auto 20px;
    vertical-align: top;
    width: 35%;
}
.register form {
    padding: 20px 50px 40px 50px;
    background: #fff  left top repeat;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
   /* -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);*/
    text-align: left; 
border: 1px solid #eee;
}

.register form h2 {
    margin-bottom: 25px;
    padding-bottom: 15px;
   
    border-bottom: 2px dotted #bbb;
    font-size: 30px;
    font-weight: 400;
    text-align: center; color:#555;
}

.register form input,.register form select ,.register form textarea  {
    width: 100%;
    height: 40px;
    background: #fcfcfc;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0px 1px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 0px 1px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 0px 1px 0 rgba(0,0,0,.1) inset;
    
    color: #333;
    font-size: 16px;padding-left: 5px;margin-bottom: 15px;
}

.register form textarea
{
	height: 100px;padding-top: 10px;
}
.register form input[type=radio]{
    width: 100%;
    height: auto;
    background: #fcfcfc;
   -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    color: #333;
    font-size: 16px;padding-left: 5px;margin-bottom: 15px;
}

.apply form input,.apply form select {
    margin-left: 15px;
    width: 47%;
   
}
.register form select {
	color:#888;padding-left:0; cursor:pointer;
}
.register form input:focus, .register form select:focus {
    border: 1px solid #ccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.register form label {
    margin: 7px 0 10px 0px;
    font-size: 16px;
   text-align: justify;color: #555; font-weight:100;width: 47%; vertical-align: middle;
}

.register form label span {
    
}
.phnoapply
{
	width: 95%;font-size:35px;display: inline-block; text-align:right;margin-right: 30px;
}
.errormsg
{
	width: 100%;font-size:35px;display: inline-block; text-align:center;margin-right: 30px; color: #b94a48 !important;
}
.errormsg h3
{
	font-size:35px !important; font-weight:100 !important;
}
.errormsg p
{
	font-size:35px !important;font-weight:100 !important;
}
.register form input:-moz-placeholder { color: #aaa; }
.register form input:-ms-input-placeholder { color: #aaa; }
.register form input::-webkit-input-placeholder { color: #aaa; }

.register form button {
    cursor: pointer;
    
    
    margin-top: 25px;
    padding: 10px 26px;
    background: #277553;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
  
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

.register form button:hover {
    -moz-box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
    -webkit-box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
    box-shadow: 0 -15px 30px 0 rgba(255,255,255,.05) inset;
}

.register form button:active {
    -moz-box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
    box-shadow:
        0 -15px 30px 0 rgba(255,255,255,.05) inset,       
        0 5px 8px 0 rgba(0,0,0,.1) inset;
}


/* ----- Media queries ----- */


@media (min-width: 768px) and (max-width: 979px) {

    .register form h2 { background: none; }

}

@media (max-width: 767px) {

    body { padding-left: 0; padding-right: 0; }

    .logo, .links { text-align: center; }

    .links { padding-bottom: 5px; }

    .logo h1 { padding-left: 0; }

    .links a.home { margin-left: 0; }

    .links a.blog { margin-right: 0; }

    .register-container { padding-left: 20px; padding-right: 20px; }

    .register form h2 { background: none; }

    .iphone img { display: none; }

}

@media (max-width: 480px) {

    .register form button { width: 97%; }

}


/* news comments */

.newscommenthead
{
	border-bottom: 2px dotted #bbb;    color: #555;    font-size: 30px;    font-weight: 400;    margin-bottom: 25px;    padding-bottom: 15px;
}
.bordrincomnt
{
	padding: 20px;    background: #F9F9F9;    margin: 20px 0;    border: 1px solid #DDD;
}
.commentor
{
	margin: 0;color: #277553;
}
.comentdate
{
	margin: 0;display:inline-block;font-weight: 100;color: #277553;
}
.replyclicksty
{
	margin: 0;display:inline-block;font-weight: 100;color: #277553;text-decoration: none;cursor: pointer;
}


.sharemultipledoc
{

  background-color: #277553;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 20px;
    height: 20px;
    padding: 12px 15px !important;
    vertical-align: middle;
    width: auto !important;
    z-index: 50;
}
.tablehead th{
	padding:10px 10px;text-align:left;
}
.docchckall
{
	background-color: #277553;    display: inline-block;    padding: 15px 15px !important; border-radius: 2px 0 0 2px;color: #fff;cursor: default !important;width: 115px !important;
}
.docchckallip
{
	background-color: #277553;     float:left;  padding: 15px 25px !important;cursor: default; 
}
.commentdelete
{
	padding: 8px 10px !important;
font-size: 14px !important;
}

.personliked{
	   background: #277553 none repeat scroll 0 0;
    border: 4px solid #c2e1f5;
    margin-top: 15px;
    padding: 10px;
    position: absolute;
    width: 120px;
	
}
.personliked:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.personliked:after {
	border-color: rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) #277553;
    border-width: 15px;
    margin-left: -15px;
}

.personclass
{
	display: block; color:#fff !important;  font-weight:100; margin:5px 0px; text-decoration:none !important; 
}
.personclass:hover
{
	text-decoration:none !important; 
}
.likebtn
{
	 color: #277553;
    cursor: pointer;
    font-family: Verdana,sans-serif,helvetica;
    font-size: 14px;
    padding-right:5px;
}
.liketext
{
	border-right: 1px solid #277553;    font-weight: 100;    margin-right: 10px;    padding-right: 6px;
}
.deletenewscmnt
{
	display: none; float:right;
}
.n-com-bl:hover
{
	background-color: #FFFFFF;
}
.n-com-bl:hover .deletenewscmnt
{
	display:block;  
}
.deltecmnticon
{
	 color: #FE0000;
    display: block;
    float: right;
    font-size: 20px;
    margin-top: 6px;
    cursor: pointer;
    margin-right: 10px;
    }
    
    
    .analyticsviewhead
    {
    	text-align:center;margin-top: 50px; text-transform: uppercase;
    }
    .disable{ opacity: .2;}
/********** New News Css ***********/
.displyverticl
{
	display: inline-block;vertical-align: middle; position:relative;
}
.doccontopen
{
	width:100%;
}
.plcsearchstyl1
{
	width: 95% !important;
}

.newsdashinner {
   
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 0.2em;
    cursor: pointer;    
    width: 208px;
}
.newsdashinner:hover img{
   background-color: #58595B;
}

.newsdashinner img{
   
   display: block;
    width: 100%;
    margin:0;
    opacity:0.8;
    border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
}


.post-basic-info {
    padding: 4% 6% 5%;
}
.post-basic-info a {
   color: #808285;
    font-size: 18px;
    text-decoration: none;
}
.post-basic-info p {
    color: #b7b5b5;
    font-size: 14px;
    line-height: 1.5em;
    margin: 10px 0;   
   height:40px; overflow: hidden;
    
}

.post-basic-info h3 {
   
    margin: 5px 0;white-space: nowrap; 
    width: 12em; 
    overflow: hidden;
    text-overflow: ellipsis; 
    
}
.post-info-date{
    border-top: 1px solid #dedede;
    padding: 4% 6% 5%;
   color: #808285;font-size: 14px;
}
.infodate{
   
   float:right;
}
.infolike{
   
    float:left;
}
.newsdashinner:hover img{
   opacity:1;
}

.newsdashinner:hover .post-basic-info p{
  color:#000;
}
.newsdashinner:hover{
   border: 1px solid #ccc;
}
.newsdashinner:hover  .post-info-date{
  border-top: 1px solid #ccc;
}
.newsdashinner:hover a
{
	color:#277553;
}
.newsdashinner:hover .post-info-date
{
	color:#277553;
}


/************ End line **************/

.worldclktime
{
	text-align: right; float: right; text-transform: uppercase; color: #fff;font-weight: 300; font-size: 14px; 
}
.worldclkcity
{
	color: #fff;text-align: left;font-size: 15px;
}
.lvereqsubbtn
{
	text-decoration:none !important;
}
#allabtsearch
{
	width:94%;
}


/************ result table**************/
.innerresult td

{
	background-color: #fff; border-bottom:1px solid #E8E8E8;padding: 15px 15px;
}
.innerresult th

{
	border-bottom:1px solid #E8E8E8;
}
.innerresult th a

{
	background-image:none;
}
.innerresult:hover td

{
	background-color: #E8E8E8 !important;
}
/************ end result table**************/

.dropbtn {
  
  background-image: none !important;
    border: medium none;
    cursor: pointer;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: left;
}

.dropdown {
    position: relative;
   float:left;
}

.dropdown-content {
   background-color: #277553;
  border-radius:0px 0px 2px 2px;
    display: none;
    height: 117px !important;
    margin-left: -15px;
    margin-top: 5px;
    min-width: 125px;
    padding: 0 0 5px !important
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    font-weight:normal;
    text-decoration: none;
    display: block;
     background-image: none !important;
}



.dropdown:hover .dropdown-content {
    display: block;
}

.reslttablesize{
	padding-top: 10px;
    max-height: 300px;
    overflow-y: auto;
}
.cancelrelt
{
	height: 20px;
    vertical-align: middle;cursor:pointer;
    position: relative;
    bottom: 20px;
}
.viewcountoff:hover ~ .viewreslt
{
	display: inline-block !important;color: #277553; font-size:13px;
}
.tablepartpeople
{
	 height: 300px;
    overflow-y: auto;
}
@media (min-width:0px) and (max-width: 650px) {
	.width2
	{
		overflow-x: auto !important;overflow-y: hidden !important; height: 450px !important;
	}
	.styled-select-office select,#user_leave_chosen
	{
		width:232px !important;
	}
	.leavreqipwid,.lvefrmtxtare
	{
		width:212px !important;
	}

	.btnclsfrthesetadicn
	{
		left:20px;
	}
	.leavreqiptxtwid
	{
		height: 40px;margin-top: 5px;margin-bottom: 5px;width:232px !important;
	}
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 10000;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 100px auto;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    width: 42%;
    position: relative;
    transition: all 5s ease-in-out;
    height: 450px;
       overflow-x: hidden;
    overflow-y: scroll;
}

.evntsmallimg {
    float: left;
    padding-bottom: 10px;
    padding-right: 12px;
    padding-top: 6px;
}

.popup h2 {
    margin-top: 0;
    color: #277553;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 22px;
    /* padding-top: 7px; */
    margin-top: 15px;
    border-bottom: 1px solid #cfd0d2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    text-align: left;
}

.popup h2 i {
    padding-right: 10px;
}

.popup p {
    margin-bottom: 10px !important;
}

.popup .clck i {
    padding-right: 10px;
}

.popup .close {
    position: absolute;
    top: 30px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover {
    color: #06D85F;
}

.popup .content {
    text-align: justify;
    border-top: 1px solid #cfd0d2;
    float: none;
    height: 220px;
    margin-top: 25px;
    max-height: 30%;
    overflow-y: auto;
    padding-top: 15px;
    width: auto;
    padding-right: 8px;
}
.todwid
{
	text-align: center !important;
    font-weight: bold !important;
    font-size: 22px !important;
}
.flex-grow-1 {
    width: 32%;
    float: left;
    font-size: 12px;
}
.card-body{
	 width: 100%;
    float: left;
    padding: 28px 0px 25px 0px;
   /* color: #fff;*/
    border-radius: 12px;
	
}
.card-title{
	    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding: 7px;
    margin: -27px 0px 0px 0px;
    border-radius: 9px 9px 0px 0px;
}
.card-titles{
	    text-align: right;
    font-size: 14px;
    font-weight: 600;
    padding: 7px;
    margin: -27px 0px 0px 0px;
    margin-bottom: -24px;
    border-radius: 0px 0px 9px 9px;
   }
.p-30
{
	padding-bottom: 30px;
}
.d-flex a:link, .d-flex a:visited {
   /* color: #FFF;*/
    font-weight: normal;
    text-decoration: none;
}
.mb-30
{
	width: 24%;
    overflow: hidden;
    float: left;
    margin: 0px 5px 5px 0px;
	
}