@charset "UTF-8"; 

/* ----------------------------
-Copyright 2012, Ideaware.com All rights reserved.
-Authors:  Ideaware -Maria Helena Barros Burchardt
 */
/* #Media Queries
================================================== */

@media only screen and (min-width : 240px) and (max-width : 480px) {
.intercom-container { display:none;}   
}

@media screen and (max-width: 767px) {
    .login_account { float:none!important; text-align:left;}
    section.recruitment .states .title.half { margin-right:8%;}
    .taskdivnoneditable {overflow:hidden;clear:left;width: auto;}/* 06 Nov 2014 by ITG - SI-314*/
    
    section.chartbenefit > div { width:100%;}
    
    .emailSteps { margin-left:0;}
    
    .deductionDv div.selector { width:100%; }
    .deductionDv div.selector select { width:100%;}
    
    .commonColList { width:100%!important;}
    .commonColList li { width:100%!important; padding:10px 0;}
    .form .w313 div.selector
    {
        width:100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */}

    .w312 div.selector { width:210px !important; }
    .w312 div.selector select { width:222px !important; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 0) and (max-width: 959px) {
	header.internal ul.menu { right: 40px; }
	.options .filters{ right: 58px; }

		.content section.recruitment .continfo{ width: 550px; }
		.content .continfo.w920 { width: 840px; }  /* PWEB-688 */
		.content .continfo.w1230 { width: 722px; }
		.content .contsegmentquestions .continfo.w830{ width: 500px; float: left; }
	
	.content .options { left: 58px; }
	.recruitment aside,
	.divorgchart aside /* changes by sunil */
	{ left: 58px !important; }
	.content #load img { left: 54%; top: 45%; }
	
	#colorbox.mw700, #colorbox.mw700 #cboxWrapper, .mw700 #cboxContent, .mw700 #cboxLoadedContent { width: 700px !important; }
    #colorbox.mw700 { left: 50% !important; margin-left: -350px !important; }
	
	#colorbox.mw810, #colorbox.mw810 #cboxWrapper, .mw810 #cboxContent, .mw810 #cboxLoadedContent { width: 740px !important; }
	#colorbox.mw810 { left: 50% !important; margin-left: -370px !important; }
	
	#colorbox.mw878, #colorbox.mw878 #cboxWrapper, .mw878 #cboxContent, .mw878 #cboxLoadedContent { width: 740px !important; }
	#colorbox.mw878 { left: 50% !important; margin-left: -370px !important; }
	
	#colorbox.mw1000, #colorbox.mw1000 #cboxWrapper, .mw1000 #cboxContent, .mw1000 #cboxLoadedContent { width: 740px !important; }
    #colorbox.mw1000 { left: 50% !important; margin-left: -370px !important; }
	
	#colorbox.mw1240, #colorbox.mw1240 #cboxWrapper, .mw1240 #cboxContent, .mw1240 #cboxLoadedContent { width: 740px !important; }
	#colorbox.mw1240 { left: 50% !important; margin-left: -370px !important; }
	
	.mw878 .modalwin section.cont ul.tabs.four li{ max-width: 167px; width: 167px; }
	.mw878 .modalwin section.cont ul.tabs.five li { max-width: 134px; width: 134px; }
	.mw878 .modalwin section.cont ul.tabs.six li { max-width: 112px; width: 112px; }
	.mw1000 .modalwin section.cont ul.tabs.seven li { max-width: 95px; width: 95px; }
	
	.scrollmobile{ overflow-x: scroll; }
	/* Modal Windows */
	.modalwin .guide { width: 676px; }
		.modalwin .guide li { width: 169px; }
			.modalwin .guide li:after { right: -17px; }
	
	.modalwin .guide span:first-child { margin-right: 5px; }
	.modalwin .guide li a { padding-left: 10px; }
	.modalwin .guide li a { max-width: 170px; }
	
	/* Inputs Personal */
	.personal input.text.w370 { width: 238px; }
	.personal textarea.w370 { width: 248px; }
	.personal input.text.w220 { width: 110px; }
	
	/* Added by ITG - Start */

	.contactInfo input.text.w370{ width: 238px; }
	.contactInfo textarea.w370 { width: 248px; }
	.contactInfo divAddress.w370 { width: 258px; }
	.contactInfo input.text.w220 { width: 110px; }
	
	/* PWEB-677 start */
	.employment input.text.w370 { width: 238px; }
	.employment textarea.w370 { width: 248px; }
	.employment input.text.w140 { width: 110px; }
	/* PWEB-677 end */

	/* Added by ITG - End */
	
	.chzn-container,.chzn-container-multi .chzn-choices,.chzn-container .chzn-drop { width: 257px !important; }
	
	.modalwin input.text.w500 { width: 340px; }
	.modalwin textarea.responsive350 { width: 350px;}
	
	.modalwin input.text.w353 { width: 340px; }
	.modalwin .w500 div.selector { width: 353px; }
		.modalwin .w500 div.selector select { width: 362px; }
	
	.modalwin.tasks ul.task { margin-left: 55px; }
		.modalwin.tasks ul.task li:nth-child(3n) { margin-right: 17px; }
	
	.modalapplicant .guide li a { font-size: 13px !important; padding-left: 0px; }
	
	.modalwin .guide li a { font-size: 11px; padding-left: 0px; }
	
	
	
	section.plan > div { margin-bottom: 20px; }
	
	/* Employee List */
	.headerstyle2.employee.changeipad { padding: 8px; min-width: 610px; }
	.headerstyle2.changeipad { padding-right: 8px; }
	.headerstyle2.changeipad ul.options .mr15 { margin-right: 10px; }
	.headerstyle2 input.search.responsive78 { width: 70px; }
	.headerstyle2 input.search.responsive140 { width: 140px; }
	.headerstyle2.changeipad li.actbutton a:not(.button) { padding: 0px 10px; }
	.headerstyle2 .dropdownoptions { width: 315px; }
	
	#fieldinfor .w140 div.selector { width: 100px; }
		#fieldinfor .w140 div.selector select { width: 110px; }
	
	#fieldinfor .w160 div.selector { width: 120px; }
		#fieldinfor .w160 div.selector select { width: 130px; }
		#fieldinfor .w190 div.selector { width: 120px; }
		#fieldinfor .w190 div.selector select { width: 130px; }
	
	/* Employee Overview */
	
	section.actions ul li {
		margin-right: 15px;
		padding: 10px;
		width: 113px;
	}
	
	/* Employee Personal */
	a.deletepicture { margin-right: 200px; }
	
	/* Employee Documents */
	#tabletree.divw480 { width: 450px; }
	.textseldoc { width: 200px; }
	.upload .divw480 { width: 345px; }
	.upload .w600 { width: 475px; }
	.notdisplayportrait { display: none; }
	.displayportrait { display: block !important; }
	.dropdownoptions { right: -999em; }
	
	.menudropdown li:hover .dropdownoptions {
		right: auto;
		top: auto;
		left: -1px;
	}
	
	/* Form */
	textarea.w500 { width: 350px; }
	
	/* Query Builder */
	table .tdtitle {
		display: block;
		margin-bottom: 5px;
		width: 100%;
	}
	
	.div-choose .step1-div2 { width: 486px; }
		.div-choose .step1-div2.pa10 { width: 468px; }
	
	.filter { width: 410px; }
	.filter .sectionfilter .w190 div.selector { width: 150px; }
	.filter .sectionfilter .w190 div.selector select { width: 160px; }
	
	.filter input.text.w240 { width: 140px; }
		.filter ul.inline li.addcond {
			float: left !important;
			margin-right: 0;
			margin-top: 10px;
		}
	
	a.sectionfilter { width: 400px; }
	
	.modalwin section.cont ul.tabs.w880 li { max-width: 225px !important; width: 225px !important; }
	
	/* Company Planner */
	.tablescompany ul.inline{ 
		float: none !important;
	    margin-bottom: 20px; 
	}
		.tablescompany ul.inline:last-child{ margin-bottom: 0px; }
		
	/* Reports */
	.listreports > article:nth-child(2n) { margin-right: 0px; }
	.listreports > article:nth-child(3n) { margin-right: 20px; }
	
	.viewreport{ overflow-x: scroll; }
	
	/* Added By Abhishek during html integration on 06-03-2014 --- START */
	.newsfeedandthanks .actions li{  margin-bottom: 10px; }
        .newsfeedandthanks .thread .mainthread .comments{ max-width: 512px; }
        .newsfeedandthanks .thread .subthread .comments { max-width: 462px; }
    
    .givethanks .info{ width: 76%; }
    
    /* Performance */
    .page .containerperformance{ max-width: 680px; }
        .page .contentcircle { float: left; margin: 50px 0 40px; }
        .page .bgdarkgray{ padding-bottom: 50px; }
    
    .page table.darkgray{ margin-bottom: 60px; }    
        .page table.darkgray tbody tr td{ padding: 0px 5px; }
        .page table.darkgray thead tr th{ line-height: 24px; }
        .page table.darkgray tbody tr td .img { height: 50px; width: 50px; }    
            .page table.darkgray tbody tr td .img > img{ max-width: 50px; }
            
        .page table.darkgray tbody tr td .badge { max-width: 50px; }
            .page table.darkgray.tableseg2 tbody tr td span.name {
                line-height: 18px;
                margin-top: 8px;
                text-align: center;
            }
            .page table.darkgray tbody tr td span.numbig{ font-size: 30px; line-height: 30px; }
            .page table.darkgray tbody tr td span.type { max-width: 70px; }
        
        .page table.darkgray.tableseg2 tbody tr td span.imgmanager{ margin-right: 20px; }
        
    table.darkgray.tableseg3 tbody tr td span.name{ margin-top: 7px; }
    
    .page .sectorindustry{ width: 100%; }
        .page .sectorindustry ul{ width: 336px; }
            .page .sectorindustry ul li{ padding: 20px 25px; }
                .page .sectorindustry ul li p{ max-width: 220px; }
    
    .page .performanceseg4 .contchart{ width: 100%; }
        .page .performanceseg4 .contchart .chartreviews{ width: 80%; }
    .page .axisxcarousel{ max-width: 515px; }
        .page .axisxcarousel .caroufredsel_wrapper{ min-width: 515px; max-width: 515px; }
            .page .axisxcarousel .axisx{ padding-left: 0; }
                .page .axisxcarousel .axisx li{ width: 105px; }
        
    .page .continfo .divreview ul.reviewruning, .page .continfo .divreview ul.reviewfinished{ float: left;
        width: 490px; }
        
        .page .divreview ul.reviewruning > li, .page .divreview ul.reviewruning > li .percent{ height: 190px; }
            .divreview ul.reviewruning > li .info{ height: 150px; }
                .page .divreview ul.reviewruning > li .info ul.inline{ width: 350px; }
                .page .divreview ul.reviewruning > li .info span.spritesheet.icnreview{ margin: 20px 37px 0 10px; }
                .divreview ul.reviewruning > li .info ul.numberinfo.inline li { margin-bottom: 20px; margin-right: 30px; }
                    .page .divreview ul.reviewruning > li .info ul span.numbig{ font-size: 40px; line-height: 34px; }
    
    .page .divreview ul.reviewfinished > li {
        border-top: 1px solid #CCCCCC;
        height: auto;
        min-height: 70px;
        overflow: hidden;
        padding: 0 20px 20px;
    }
        .page .divreview ul.reviewfinished > li.infopastreview .tag {
            clear: both;
            margin-left: 65px;
            margin-top: 10px;
        }
        
    .page .contsegmentquestions .divanswer{ width: 100%; }
    .page .titlequestion{ font-size: 24px; line-height: 29px; }
    
    .page .left.fieldsoverallscore{ margin-top: 15px; }
    
    .page .form.tool.fieldsoverallscore .block input.text.w310{ width: 224px; }
    
    /* Added By Abhishek during html integration on 06-03-2014 --- END */
    
    section.recruitment .states{ padding-right: 20px; }
	section.recruitment .applicants li{ max-width: none; width: 100%; }
	section.recruitment .states .addnew {
	    display: block;
	    margin-left: 0;
	    top: 0;
	}
		section.recruitment .states .addnew:after{ top: 7px; }
	
	.page .overviewrecruitment .continfo {
	    left: -30px;
	    margin: 0 auto;
	    position: relative;
	}	
	.page .overviewrecruitment ul.resultapplicants li{ height: 150px; width: 150px; }
		.page .overviewrecruitment ul.resultapplicants li .circleinside{ height: 140px; width: 140px; }
			.page .overviewrecruitment ul.resultapplicants li span.icon{ left: 39px; }
			.page .overviewrecruitment ul.resultapplicants li span.big {
			    font-size: 49px;
			    line-height: 28px;
			    margin-top: 44px;
			}
			.page .overviewrecruitment ul.resultapplicants li span.text:after,
			.page .overviewrecruitment ul.resultapplicants li span.text:before{ background: none; }
			
    .textpgraph{ margin: 0 0 20px 50px; }  
    
    .tagw490 div.tagsinput{ width: 350px !important; }
	.tagsheightauto div.tagsinput{ width: 350px !important; }
    
    .divw502 { width: 365px; }
    
    .topbuttons {
    display: block;
    float: left;
    left: 0;
    overflow: hidden;
    position: relative;
    right: auto;
    top: 0;
	}
	
	.subdomainDv { width:220px;}
    
}

/* iPads (portrait and landscape) -----------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Commented by ITG as per IW's suggestion (to fix iPad White Space Issue) - End */
	/* Added by ITG as per IW's suggestion (to fix iPad White Space Issue) - Start */
	header.internal {
		position: absolute;
	}
    div.sidebar,
    section.recruitment aside,
    section.divorgchart aside /* changes by sunil */
    {
         left: 0 !important;
    }
    #cboxOverlay { position: absolute !important; }
    /* Added by ITG as per IW's suggestion (to fix iPad White Space Issue) - End */
    
    .page .menudropdown li.hover{
		background: #FFFFFF !important;
		border: 1px solid #C8C8C8 !important;
		border-bottom: none;
		position: relative;
		padding: 0px 10px;
		top: -1px;
		left: 1px;
	}
	.page .menudropdown li.hover:before {
		background: #FFFFFF !important;
		content: '';
		display: block;
		height: 2px;
		position: absolute;
		bottom: -1px;
		left: 0px;
		width: 100%;
		z-index: 9999;
	}
	
	.menudropdown li:hover{ background: none; border: none; }
	.page table.darkgray .menudropdown li:hover{ border: none; }
		.page table.darkgray .menudropdown li:hover a.drop{ color: #FFFFFF; }
		.page table.darkgray .menudropdown li.hover a.drop{ color: #3F3F40; }
		
		.page table.darkgray .menudropdown li:hover .caret{ 
			border-left: 3px solid rgba(255, 255, 255, 0);
			border-right: 3px solid rgba(255, 255, 255, 0);
			border-top: 3px solid #FFFFFF;
		}
		.page table.darkgray .menudropdown li.hover .caret{ 
			border-left: 3px solid rgba(0, 0, 0, 0);
			border-right: 3px solid rgba(0, 0, 0, 0);
			border-top: 3px solid #000000;
		}
		
	.menudropdown li:hover:before { background: none; }
		
		table.darkgray .menudropdown li .caret{ 
			border-left: 3px solid rgba(255, 255, 255, 0);
			border-right: 3px solid rgba(255, 255, 255, 0);
			border-top: 3px solid #FFFFFF;
		}
    
	
	/* Modal Windows */
	.modalwin input.text.w500 { width: 340px; }
	.modalwin .formBigLabelsDv input.text.w500 { width: 220px; }
	.modalwin textarea.responsive350 { width: 350px; }
	.modalwin input.text.w353 { width: 340px; }
	.modalwin .w500 div.selector { width: 353px; }
	.modalwin .w500 div.selector select { width: 362px; }
	.modalwin .guide li a {
		font-size: 11px;
		padding-left: 0px;
	}

	/* Employee Planner */
	section.planner table tr.headcontrols td,section.planner table td.move a { height: 31px !important; }
		section.planner table.first-table tr.headtitle td { height: 32px !important; }
	
		section.plan > div { margin-bottom: 20px; }
	
	/* Employee List */
	.headerstyle2.changeipad { padding-right: 8px; }
	.headerstyle2.changeipad ul.options .mr15 { margin-right: 10px; }
	.headerstyle2.changeipad li.actbutton a:not(.button) { padding: 0px 10px; }
	.headerstyle2 .dropdownoptions { width: 315px; }
	
	#fieldinfor .w140 div.selector { width: 100px; }
	#fieldinfor .w140 div.selector select { width: 110px; }
	#fieldinfor .w160 div.selector { width: 120px; }
	#fieldinfor .w160 div.selector select { width: 130px; }
	#fieldinfor .w190 div.selector { width: 120px; }
	#fieldinfor .w190 div.selector select { width: 130px; }
	
	/* Employee Overview */
	.timer > .percent { top: 26px; }
	
	/* Reports */
	.listreports > article:nth-child(2n) { margin-right: 0px; }
	.listreports > article:nth-child(3n) { margin-right: 20px; }
	
	.viewreport{ overflow-x: scroll; }

	/* Dashboard */
	.tooltiphelp{ right: 75px; }
    .refreshtooltiphelp{ right: 75px; }
	.principalcontent .containerdash{ padding-bottom: 100px !important; }
	
	.principalcontent .containerdash section.one{ height: 350px; padding: 20px 130px 0 0px; }
		.principalcontent .containerdash section.one:after {
			background: url('https://static.peoplehr.net/202506198-hotfix000000/Images/bglinesdash.png') no-repeat 0 -207px;
			right: -150px;
			top: 31px;
			height: 88px;
			width: 350px;
		}
		.principalcontent section.one .tooltipline{ top: -42px !important; right: -108px; }
		
	.principalcontent .containerdash section.two{
		float: right;
		height: 350px;
		padding: 0px;
	}
		.principalcontent .containerdash section.two:after {
		    background: url('https://static.peoplehr.net/202506198-hotfix000000/Images/bglinesdash.png') no-repeat -442px -227px;
		    bottom: -27px;
		    height: 190px;
		    left: -196px;
		    right: auto;
		    top: auto;
		    width: 254px;
		}
		.principalcontent section.two .tooltipline {
			right: auto;
			top: auto;
		    bottom: 89px;
		    left: -236px;
		}
	.principalcontent .containerdash section.three{ margin-bottom: 100px; width: 100%; }
		.principalcontent .containerdash section.three .box{ margin: 0 auto; }
	
	.principalcontent .containerdash section.four { 
		height: 400px; 
		padding-right: 0px;
		width: 318px; 
	}
		.principalcontent .containerdash section.four:after{
			right: -70px;
		}
		.principalcontent .containerdash section.four .tooltipline{ right: -76px; }
		.principalcontent .containerdash section.four .donut.donutorange{ right: 20px; }
		
	.principalcontent .containerdash section.five{ 
		float: right; 
		height: 400px;
		padding-right: 0px; 
	}
		.principalcontent .containerdash section.five:after {
		    background: url('https://static.peoplehr.net/202506198-hotfix000000/Images/bglinesdash.png') no-repeat 0 -320px;
		    bottom: -76px;
		    height: 323px;
		    left: -25px;
		    right: auto;
		    top: auto;
		    width: 166px;
		}
		.principalcontent section.five .tooltipline {
		    bottom: 39px;
		    left: -90px;
		    right: auto;
		    top: auto;
		}
		
	.principalcontent .containerdash section.six{ width: 100%; }
		.principalcontent .containerdash section.six .box{ margin: 0 auto; }
		
		.page .axisxcarousel{ max-width: 510px; }
		.page .axisxcarousel .caroufredsel_wrapper{ min-width: 510px; max-width: 510px; }
		.page .performanceseg4 .axisxcarousel .axisx{ padding-left: 0px; }
			.page .performanceseg4 .axisxcarousel .axisx li{ width: 99px; }
		
		.page .conttab .divreview{ margin: 0 auto; }
	
	page .contsegmentquestions .divanswer{ width: 80%; margin: 0 auto 40px; }
		
		/* Added by ITG - Start */

		.scrollTableDv { margin-right:0 ;}
		.planner .menudropdown li { z-index:1;}
		section.planner table tr.sblue td.add:hover span.icn, 
		section.planner table tr.sred td.add:hover span.icn,
		section.planner table tr.sotherleave td.add:hover span.icn,
		section.planner table tr.sgreen td.add:hover span.icn,
		section.planner table tr.syellow td.add:hover span.icn,
		section.planner table tr.spurple td.add:hover span.icn,
		section.planner table tr.spink td.add:hover span.icn 
		{background: url('https://static.peoplehr.net/202506198-hotfix000000/Images/add.png') no-repeat 51% 14px!important; border:none!important; }
		.orgChartWrapper { width:95%!important;} /* PWEB-867 */
        .employment .wid590 { width: 370px;} /* PWEB-1077 */
        
        section.recruitment .states .title.half { margin-right:65%;}
        
        section.chartbenefit > div { width:100%;}
        
        .salaryDetailsList { width:382px;}
        
        .subdomainDv { width:204px;}
		/* Added by ITG - End */
}

@media only screen and (max-width: 768px) {
	.divorgchart.hidescroll:before {
		background: transparent none repeat scroll 0 0 !important;
	}
}

/* iPads (landscape) -----------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.wrapper{ width: 768px; }
	
		.content .continfo.contplanner { width: 740px !important; }
		.content .continfo.contplanner section.planner { width: 100% !important; }
	
	.fixedContainer { width: 73% !important; }
	.content #load img { left: 50%; top: 50%; }
	
	a.deletepicture { margin-right: 250px; }
	
	.headerstyle2 input.search.responsive78 { width: 200px; }
	.headerstyle2 input.search.responsive140 { width: 240px; }
	
	#colorbox.mw1240,#colorbox.mw1240 #cboxWrapper,.mw1240 #cboxContent,.mw1240 #cboxLoadedContent { width: 950px !important; }
	#colorbox.mw1240 { left: 50% !important; margin-left: -475px !important; }
	
	textarea.w500 { width: 350px; }
	
	/* Query Builder */
	table .tdtitle {
		display: block;
		margin-bottom: 5px;
		width: 100%;
	}
	
	/* Company Planner */
	.tablescompany > section{  margin-right: 10px; width: 300px; }
		.tablescompany > section:nth-child(2n+1) { margin-right: 0px; }
		
	/* Query Builder */
	.listreports > article { margin: 0px 8px 10px 0px; width: 242px; }
	.listreports > article:nth-child(3n) { margin-right: 0px; }
	.listreports > article:nth-child(2n) { margin-right: 8px; }
	
	/* Dashboard */
	.principalcontent .containerdash, .contnavdashboard{ width: 960px !important; }
	.principalcontent .containerdash .status { float: left;  margin-left: 100px; width: 680px; }

	/* Kooltip */
	.kooltip .tooltip.center-left,
	.kooltip .tooltip.center-left {
		left:-31px;
		margin-left:50%;
		right:auto;
	}
	
	/* Thanks */
	.continfo .givethanks .info {
        width: 80%;
    }
    
    .newsfeedandthanks .thread .mainthread .comments {
        width: 670px;
    }
    .newsfeedandthanks .thread .subthread .comments {
        width: 620px;
    }
	
	/* Performance */
	.page .containerperformance{ max-width: 930px; }
	
	.page .performanceseg4 .contchart{ 
		float: left; 
		max-width: 780px;
		width: 100%; 
	}
		.page .performanceseg4 .contchart .chartreviews{ width: 100%; }
		
	.page .axisxcarousel{ max-width: 750px; }
		.page .axisxcarousel .caroufredsel_wrapper{ min-width: 750px; max-width: 750px; }
		.page .axisxcarousel .axisx { padding-left: 3px !important; }
		.page .axisxcarousel .axisx li {
		    display: block;
		    float: left;
		    width: 156px !important;
		}
			
	.page .ribbonperformance{ right: 20px; }
	
	.page .overviewrecruitment .continfo.w1100{
		margin: 0 auto;
		position: relative;
		left: -59px;
	}
	
	.page .recruitment .continfo.w830{ width: 890px; }
	
	.segments{ width: 800px !important; }
    .segments .caroufredsel{ width: 660px !important; }
	
	
	/* Added by ITG - Start */

	.content .continfo.w679 { width: 920px; }
	.content .continfo.w920 { width: 900px; } /* PWEB-688 */
	.queriesTable { width:890px;}
    /*.viewreport { width:920px; }*/   /* PWEB-688 */
    
    .subdomainDv { width:370px;}

	/* Added by ITG - End */
}

/* iPads (portrait) -----------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.wrapper{ width: 768px; }
	.wrapper580{ left: auto; margin: auto; }
		.wrapper580 span.tipyinfo{ display: none; }
		
		.content .continfo.contplanner { width: 500px !important; }
		.content .continfo.contplanner section.planner { width: 100% !important; }
	
	.fixedContainer { width: 60% !important; }
	
	.content #load img { left: 60%; top: 50%; }
	
	a.deletepicture { margin-right: 180px; }
	
	.headerstyle2 input.search.responsive78 { width: 70px; }
	.headerstyle2 input.search.responsive140 { width: 140px; }
	
	.menudropdown li:hover:before { right: 0px !important; }
	.menudropdown li:hover .dropdownoptions { right: -1px !important; top: auto; }
    
	.notdisplayportrait { display: none; }
	
	/* Inputs */
	.personal input.text.w370 { width: 180px; }
	.personal textarea.w370 { width: 248px; }
	.personal input.text.w220 { width: 110px; }
	.personal .chzn-container,.chzn-container-multi .chzn-choices,.chzn-container .chzn-drop { width: 257px !important; }
	
	/* Added by ITG - Start */

	.contactInfo input.text.w370{ width: 180px; }
	.contactInfo textarea.w370 { width: 190px; }
	.contactInfo div.w370 { width: 20j0px; }
	.contactInfo input.text.w220 { width: 50px!important; }
	.contactInfo .chzn-container{ width: 257px !important; }
	
	/* PWEB-677 start */
	.employment input.text.w370 { width: 180px; }
	.employment textarea.w370 { width: 190px; }
	.employment input.text.w140 { width: 50px; }
	.employment .w200 .selector {width: 115px}
	.employment .w200 .selector select.w160 { width: 125px }
	/* PWEB-677 end */

	/* Added by ITG - End */
	
	#colorbox.mw810,#colorbox.mw810 #cboxWrapper,.mw810 #cboxContent,.mw810 #cboxLoadedContent { width: 740px !important; }
	#colorbox.mw810 { left: 50% !important; margin-left: -370px !important; }
	
	#colorbox.mw878,#colorbox.mw878 #cboxWrapper,.mw878 #cboxContent,.mw878 #cboxLoadedContent { width: 740px !important; }
	#colorbox.mw878 { left: 50% !important; margin-left: -370px !important; }
	
	#colorbox.mw1000, #colorbox.mw1000 #cboxWrapper, .mw1000 #cboxContent, .mw1000 #cboxLoadedContent { width: 740px !important; }
    #colorbox.mw1000 { left: 50% !important; margin-left: -370px !important; }    
	
	#colorbox.mw1240,#colorbox.mw1240 #cboxWrapper,.mw1240 #cboxContent,.mw1240 #cboxLoadedContent { width: 740px !important; }
	#colorbox.mw1240 { left: 50% !important; margin-left: -370px !important; }
	
	/* Modal Windows */
	.modalwin .guide { width: 676px; }
		.modalwin .guide li { width: 169px; }
		.modalwin .guide li:after { right: -17px; }
		.modalwin .guide span:first-child { margin-right: 5px; }
			.modalwin .guide li a { padding-left: 10px; }
			.modalwin .guide li a { max-width: 170px; }
	
	.modalwin.tasks ul.task { margin-left: 55px; }
		.modalwin.tasks ul.task li:nth-child(3n) { margin-right: 17px; }

	.modalwin .w500 div.selector select { width: 362px; }
	
	/* Employee Overview */
		section.actions ul li { padding: 10px; width: 160px; }
			section.actions ul li:nth-child(2) { margin-bottom: 20px; }
	
	/* Employee Documents */
	#tabletree.divw480 { width: 450px; }
	
	.textseldoc { width: 200px; }
	
	.upload .divw480 { width: 345px; }
	.upload .w600 { width: 475px; }
	
	/* Employee List */
	.headerstyle2.changeipad { padding-right: 8px; }
		.headerstyle2.changeipad ul.options .mr15 { margin-right: 10px; }
		.headerstyle2 input.search.responsive78 { width: 78px; }
		.headerstyle2 input.search.responsive140 { width: 60px; }
		.headerstyle2.changeipad li.actbutton a:not(.button) { padding: 0px 10px; }
		.headerstyle2 .dropdownoptions { width: 315px; }

	.content #load img {
		left: 47%;
		position: absolute;
		top: 45%;
	}
	
	/* Query Builder */
	table .tdtitle {
		display: block;
		margin-bottom: 5px;
		width: 100%;
	}
	
	.div-choose .step1-div2 { width: 486px; }
	.div-choose .step1-div2.pa10 { width: 468px; }
	.filter { width: 410px; }
		.filter .sectionfilter .w190 div.selector { width: 150px; }
		.filter .sectionfilter .w190 div.selector select { width: 160px; }
		.filter input.text.w240 { width: 140px; }
	
	.filter ul.inline li.addcond {
		float: left !important;
		margin-right: 0;
		margin-top: 10px;
	}
	
	a.sectionfilter { width: 400px; }
	
	.modalwin section.cont ul.tabs.w880 li { max-width: 225px !important; width: 225px !important; }

	/* Query Builder */
	.listreports > article { margin: 0px 8px 10px 0px; width: 245px; }
	.listreports > article:nth-child(2n) { margin-right: 0px; }
	.listreports > article:nth-child(3n) { margin-right: 8px; }
	
	/* Dashboard */
	.principalcontent .containerdash, .contnavdashboard{ width: 680px !important; }
	
	/* Thanks */
	.continfo .givethanks .info{ width: 72%; }
	.newsfeedandthanks .thread .mainthread .comments{ width: 430px; }
	.newsfeedandthanks .thread .subthread .comments{ width: 370px; }
	.newsfeedandthanks .actions li{ margin-right: 30px; }
	
	.continfo.w720 .newsfeedandthanks .thread .mainthread .comments{ width: 410px; }
	
	/* Performance */
	.page .containerperformance{ max-width: 680px; }
	.page .performanceseg4 .contchart{  max-width: 650px; }
		.page .axisxcarousel{ max-width: 450px; }
			.page .axisxcarousel .caroufredsel_wrapper{ min-width: 450px; max-width: 450px; }
			
	.page .ribbonperformance{ right: 20px; }
			
	.page .continfo .divreview ul.reviewruning, .page .continfo .divreview ul.reviewfinished{ float: left;
		width: 490px; }
		.page .divreview ul.reviewruning > li .info ul.inline{ width: 350px; }
		.page .divreview ul.reviewruning > li .info span.spritesheet.icnreview{ margin: 20px 37px 0 10px; }
		.page .divreview ul.reviewruning > li .info ul span.numbig{ font-size: 40px; line-height: 34px; }
		
    .page .contnavrecruitment{ padding-left: 29px; }
	.page .recruitment .continfo.w830{ width: 630px; }
	
	.segments{ width: 540px !important; }
    .segments .caroufredsel{ width: 403px !important; }
	
	/* Added by ITG - Start */

	.content .continfo.w679 { width: 679px; }
	.content .continfo.w920 { width: 659px; } /* PWEB-688 */
	.modalwin .guide5 li { width: 135px; }
	.modalwin .guide5 li:first-child > p { width: 139px; }	
	.modalwin .guide3 li { width: 225px;}
	.divw470 { width:330px;}
	.inputSmallEditable { width:67%!important;}
	.queriesTable {  width:680px;}
	/*.orgChartWrapper { width:70%!important;} */
	.planner .menudropdown li:hover .dropdownoptions { left: -1px; top: auto; }
    /*.viewreport { width:679px; } */ /* PWEB-688 */
    .new_employee .text.w353 { width:205px!important;} /* PWEB-939 */

	/* Added by ITG - End */
}

/* Desktops and laptops -----------*/
@media only screen and (min-width : 1024px) {
	aside nav a:hover {
		background-color: #80808024;
		cursor:pointer;
	}
	div.sidebar nav a:hover {
		background-color: #80808024;
	}

	div.sidebar nav a.current:hover {
		background-color: #973060;
	}

}

/* Large screens -----------*/
@media only screen and (min-width : 1824px) {
	.continfo.w830.contplanner { width: 1280px; }
	.continfo.w1100 { width: 1280px; }
	.scrolltable { -ms-overflow-x: visible !important; overflow-x: visible !important; }
}