/* CSS Document */
body{ margin:0px; padding:0px; background: url(../../App_Themes/EWMDB/Images/main-bg.jpg) repeat-y center #FFFFFF; font-family:"Segoe UI", Arial, Tahoma; font-size:13px; color:#666666;}
#main-wrapper{  margin:0 auto;  position:relative;}
#header{ height:90px; background:url(../../App_Themes/EWMDB/Images/header-bg.jpg) repeat-x top; padding:0px 22px; border-bottom:3px solid #cccccc; font-size:20px; color:#c64850; position:relative;}
	.logo{height:81px; float:left;}
	.login{min-width:110px;   text-align:right; font-size:16px;  font-weight:600; margin-top:10px;}
	.login a{ text-decoration:none; color:#61bae6;}
	.login a:hover{ text-decoration:none; color:#333;}
	.login-bt a { outline: none; display:block; width:97px; height:31px; text-decoration:none; color:#FFF; 
	background: url(../../App_Themes/EWMDB/Images/login-bt.png)0 0 no-repeat; float:right; margin-top:8px;}
	.login-bt a:hover { background-position:0 -31px; }
	.login-bt a:active { background-position:0  0px;}
	.logout-bt a { outline: none; display:block; width:108px; height:31px; text-decoration:none; color:#FFF; 
	background: url(../../App_Themes/EWMDB/Images/logout-bt.png)0 0 no-repeat; float:right; margin-top:8px;}
	.logout-bt a:hover { background-position:0 -31px; }
	.logout-bt a:active { background-position:0  0px;}
#banner{ height:509px;}
#login-form {
	width: 70%;
	height: auto;
	border: 2px solid #FFF;
	color: #1a1a7b;
	margin: auto;
	box-shadow: rgb(221, 221, 221) 0px 0px 4px 0px;
	background-color: white;
	border-radius: 8px;
}
	#login-form a {
		text-decoration: none;
		color: #ce700b;
		font-size: 13px;
		font-weight: 500;
		float: right;
	}
#login-form a:hover{ text-decoration:underline;}
	.login-f1{ width:237px; height:41px; background:url(../../App_Themes/EWMDB/Images/form-f-bg.png) no-repeat; 
	border:none; font-size:15px; color:#666666; line-height:35px; padding:0px 5px; margin-bottom:14px;}
#middle{ padding:20px 0px; min-height:375px;}
#footer{ height:83px; background:url(../../App_Themes/EWMDB/Images/footer-bg.jpg) repeat-x; border-top:4px solid #cccccc; width:100%; margin:0 auto;
font-size:14px; color:#656565; text-align:center; line-height:13px; padding-top:7px; height:10px; }
#footer a{ text-decoration:none; font-weight:600; color:#656565;}
#footer a:hover{ color:#C64850;}

.clear-b{ clear:both;}
.font1{ font-size:15px; color:#808184;}
.font2{ font-size:30px; color:#808184;}
.tabscontent
{
/*	width:1220px;*/
	margin:0 auto;
}


.tabscontent1
{
	/* width:1220px; */
	width:99%;
	margin:0 auto;
}
.gridview,.gridview table
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: normal;
	border-collapse:collapse;
	border-spacing:0;
	padding:5px;
	background-color:#fff;
}
	.gridview tr:nth-child(even) {
		background-color: #f6f6f6;
	}
	.gridview td, .gridview th {
		font-family: 'Mulish', sans-serif;
		font-size: 13px;
		font-weight: normal;
		background: none repeat scroll 0 0 transparent;
		border: 1px solid #efefef;
		color: #333333;
		font-size: 14px;
		line-height: 26px;
		padding: 4px 10px;
	}

	.gridview th {
		background-color: #033d6d !important;
		color: #FFFFFF;
		font-size: 13px;
		font-weight: 700;
		line-height: 34px;
		text-align: center;
	}
	.gridview.sub-table {
		background-color: rgb(0, 142, 166);
	}

.red_progress {
	/*background-image: url(images/red_p.png);*/
	background: #e41a1a;
	background: linear-gradient(160deg, #f6625b 0%, #e41a1a 100%);
	border-radius: 20px;
	background-repeat: repeat-x;
	background-position: left;
	margin: 0px;
	padding: 0px;
	height: 20px;
	box-shadow: rgb(221 221 221) 0px 5px 10px 0px;
}
.green_progress {
	/*background-image: url(images/green_p.png);*/
	background: #108d42;
	background: linear-gradient(160deg, #4fdd66 0%, #108d42 100%);
	border-radius: 20px;
	background-repeat: repeat-x;
	background-position: left;
	margin: 0px;
	padding: 0px;
	height: 20px;
	box-shadow: rgb(221 221 221) 0px 5px 10px 0px;
}
.blue_progress {
	/*background-image: url(images/blue_p.png);*/
	background: #1e7ac6;
	background: linear-gradient(160deg, #6bd2e2 0%, #1e7ac6 100%);
	border-radius: 20px;
	background-repeat: repeat-x;
	background-position: left;
	margin: 0px;
	padding: 0px;
	height: 20px;
}


/*Tab style*/

/* default layout */
.ajax__tab_EWM .ajax__tab_header {
	white-space:nowrap;
}
.ajax__tab_EWM .ajax__tab_outer {
	display:-moz-inline-box;
	display:inline-block
}
.ajax__tab_EWM .ajax__tab_inner {
	display:-moz-inline-box;
	display:inline-block;
	margin-left:1px;
}
.ajax__tab_EWM .ajax__tab_tab {
	margin-right:4px;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block
}
/* xp theme */
.ajax__tab_EWM .ajax__tab_header {
	font-family:verdana, tahoma, helvetica;
	font-size:12px;
	/*background:url(images/tab_line.jpg) repeat-x bottom;*/
	 z-index:1000;
}
.ajax__tab_EWM .ajax__tab_outer {
/*	padding-right:6px;*/
	/*background:url(images/tab_r.jpg) no-repeat right;*/
	/*height:34px;*/
	z-index:100;
	color:White;
}
.ajax__tab_EWM .ajax__tab_inner {
	padding-left:10px;
	/*background:url(images/tab_l.jpg) no-repeat;*/
	z-index:500;
	}
.ajax__tab_EWM .ajax__tab_tab {
	height: 38px;
	padding: 7px 10px 4px 10px;
	margin: 0;
	/*background:url(images/tab_m.jpg) repeat-x;*/
	background: #eeeeee;
	z-index: 1000;
	color: black;
	border-radius: 6px;
	box-shadow: rgb(244 244 244) 0px 0px 6px 0px;
	border: 1px solid #dbdbdb;
	font-size: 14px;
	font-family: 'Mulish';
}
.ajax__tab_EWM .ajax__tab_hover
{
}
	.ajax__tab_EWM .ajax__tab_hover .ajax__tab_outer {
		/*background:url(images/tab_h_r.jpg) no-repeat right;*/
	
		z-index: 1000;
	}
	.ajax__tab_EWM .ajax__tab_hover .ajax__tab_inner {
		/*background:url(images/tab_h_l.jpg) no-repeat;*/
		
		z-index: 1000;
	}
	.ajax__tab_EWM .ajax__tab_hover .ajax__tab_tab {
		/*background:url(images/tab_h_m.jpg) repeat-x;*/
		background: #00bcd4;
		z-index: 1000;
		color:#fff;
	}
.ajax__tab_EWM .ajax__tab_active .ajax__tab_outer {
	/*background:url(images/tab_h_r.jpg) no-repeat right;*/

	z-index: 1000;
}
.ajax__tab_EWM .ajax__tab_active .ajax__tab_inner {
	/*background:url(images/tab_h_l.jpg) no-repeat;*/

	z-index: 1000;
}
.ajax__tab_EWM .ajax__tab_active .ajax__tab_tab {
	/*background:url(images/tab_h_m.jpg) repeat-x;*/
	background: linear-gradient(135deg, #98d9d3, #009688);
	z-index: 1000;
	color: #fff;
}
.ajax__tab_EWM .ajax__tab_active {
	color: #fff;
	font-size: 14px;
	
}

.ajax__tab_EWM .ajax__tab_body {
	font-family: verdana, tahoma, helvetica;
	font-size: 12px;
	border: 1px solid #d7e1ff;
	box-shadow: rgb(221, 221, 221) 0px 0px 10px 0px;
	border-top: 0;
	padding: 10px;
	margin: 0px;
	background-color: #ffffff;
	margin-left: 1px;
}
/* scrolling */
.ajax__scroll_horiz {
	overflow-x:scroll;
}
.ajax__scroll_vert {
	overflow-y:scroll;
}
.ajax__scroll_both {
	overflow:scroll
}
.ajax__scroll_auto {
	overflow:auto
}

/**/

.newSnap-timestamp
{
	color: red;
    font-weight: bold;
    margin-left: 210px;
    margin-top: -18px;
    width: 100px;
}

.upload{
	background-color:#555555;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	width:200px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	text-align: center;
	margin-top: 10px;
	margin-right:auto;
	margin-bottom: 0px;
	margin-left: auto;
	cursor:pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.titlebar {
	color: #FFF;
	background: #0c236a;
	letter-spacing: 0px;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-family: 'Mulish';
}

.sub_hed2 {
	border-radius: 7px 7px 0 0;
	_border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-o-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	padding: 5px 0px;
	background: #b9e1e7;
	color: #0c236a;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
}

.rc_no {
	font: normal 16px Arial, Helvetica, sans-serif;
	color: #28598C;
	background: #E7E7E7;
	padding: 10px;
	width: 100%;
	margin: 10px auto;
	text-align: center;
}

.sub-tit
{
	padding:5px;
	background:#C64951;
	border-radius:7px 7px 0 0;
	_border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-o-border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	color:White;
	width:160px;
}

/*Visual Timeline*/

.photo_album
{
	background-image: url(Images/folder.png);
	background-repeat: no-repeat;
	background-position: center center;
	width:260px;
	height:194px;
	padding:10px;
	margin-top:10px;
	
}

.photo_album img
{
	border: 2px solid white;
    height: 110px;
    margin-left: 18px;
    margin-top: 56px;
    width: 210px;
    
}

.photo_visualTimeline
{
	padding:5px;
	border:double 1px gray;
	width:180px;
	height:130px;
	box-shadow:0 1px 5px rgba(0,0,0,0.5);
}

.photo_visualTimeline img
{
	width:180px;
	height:130px;
}
.photo_visualTimeline:hover
{
	padding:5px;
	border:double 1px gray;
	width:180px;
	height:130px;
}

.photo_Show
{	
	background-color:Black; 
	filter:alpha(opacity=80); 
	background-color:rgba(0,0,0,0.8);
}

.photo_np img
{ 
	opacity:0.4;
	filter:alpha(opacity=40);
	margin:200px 0 0 0; 
  }
  
  .photo_np img:hover
{ 
	opacity:0.9;
	filter:alpha(opacity=90);
	margin:200px 0 0 0; 
	cursor:pointer;
  }

 .close {
float: right;
height: 20px;
margin: 0;
width: 20px;
}

/*Calender start*/
.calender .ajax__calendar_container {
    background-color: White;
    border:solid thin gray;
    color:Black;
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
}

.calender .ajax__calendar_container td,.calender .ajax__calendar_container th,.calender .ajax__calendar_container #td,.calender .ajax__calendar_container #th
{
	padding:0;
	border:none;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

.calender .ajax__calendar_day {
    cursor: pointer;
    height: 17px;
    padding: 0 2px;
    text-align: right;
    width: 18px;
}
.calender .ajax__calendar_days table
{
	width:100%;
}
.calender .ajax__calendar_dayname
{
	border-bottom:solid 1px #EEEEEE;
}

.calender .ajax__calendar_other .ajax__calendar_day {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #646464;
}

.calender .ajax__calendar_days table th,.calender .ajax__calendar_days table td
{
	
	padding:0;
	margin:0;
	border:solid 1px transparent;
}

.calender .ajax__calendar_hover .ajax__calendar_day {
    background-color: #EDF9FF;
    border-color: #DAF2FC;
    color: #0066CC;
}
.calender .ajax__calendar_hover .ajax__calendar_month {
    background-color: #EDF9FF;
    border-color: #DAF2FC;
    color: #0066CC;
}
.calender .ajax__calendar_hover .ajax__calendar_year {
    background-color: #EDF9FF;
    border-color: #DAF2FC;
    color: #0066CC;
}
.calender .ajax__calendar_hover .ajax__calendar_title {
    color: #0066CC;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #0066CC;
}

/*Calender end*/

.update-innerTable
{
	width:100%;
	
}

.update-innerTable td,.update-innerTable #td
{
	border-collapse:collapse;
	border:none;
	padding:5px;
}

.update-innerTable input,.update-innerTable #input
{
	width:200px;
	height:20px;
}
.update-innerTable input:focus,.update-innerTable #input:focus
{
	box-shadow:0 1px 2px skyblue;
}
.update-innerTable select,.update-innerTable #select
{
	width:205px;
	height:22px;
}

.update-innerDiv
{
	width:100%;
	border:none;
	overflow:auto;
	height:472px;
}

.update-innerDiv input,.update-innerDiv #input
{
	width:80px;
	height:20px;
}
.update-innerDiv input:focus,.update-innerDiv #input:focus
{
	box-shadow:0 1px 2px skyblue;
}


/***/
.mbook-mile-header
        {
            background-color: #EEEEEE;
            text-transform: capitalize;
            text-align: left;
            padding: 5px 5px;
            font-size: 15px;
            font-family: Tahoma;
            box-shadow: 2px 2px 15px #F8C1C1 inset;
            text-shadow: 1px 1px #F8C1C1;
        }
        .mbook-mile-tab
        {
            width: 100%;
            border-collapse: collapse;
        }
        
        .mbook-mile-tab td, .mbook-mile-tab th
        {
            text-align: left;
            padding: 2px 5px;
        }
        
        .mbook-mile-tab th
        {
            text-transform: capitalize;
            font-size: 12px;
            font-family: Tahoma;
            border-bottom: solid thin #DEDEDE;
        }
        
        .mbook-mile-tab textarea
        {
        	border: solid thin #DADADA;
            padding: 2px 5px;
            box-shadow: 2px 2px 9px #DEDEDE inset;
            margin: 5px 0;
        }
        
        
        .mbook-mile-tab input
        {
            border: solid thin #DADADA;
            padding: 2px 5px;
            box-shadow: 2px 2px 9px #DEDEDE inset;
            width: 90%;
            height: 22px;
            margin: 5px 0;
        }
        .mile-add
        {
            background: url("Images/add.png") no-repeat scroll center center transparent;
            width: 24px;
            height: 24px;
            float: right;
            cursor: pointer;
        }
/*
		project summary new styles*/
:root {
	--theme-color: #f0e5d8;
	--thead-color: #bdc3c7;
	--heading-color: #2545a7;
	--ceiling-color: #ecf0f1;
	--primary-color: #3498db;
	--table-head: #0c236a;
}


/*.ajax__tab_default .ajax__tab_header {
	white-space: normal !important;
	display: inline-grid;
	height: 280px;
}
.summary-content{
	display:flex;
}*/
/*.ajax__tab_header{
	width:15%;
}
.ajax__tab_body{
	width:85%;
}*/
/*.ajax__tab_header span {
	width: 100%;
}*/
.sub_hed_h3 {
	font-size: 16px;
	line-height: 24px;
	font-family: 'Mulish';
}
.ajax__tab_default .ajax__tab_header {
	font-size: 14px !important;
	margin-bottom: 12px;
}
.project-summary {
	border-right: 1px solid #bbb7b7;
	padding: 16px;
}
.project-heading {
	font-size: 18px;
	color: #000;
}
.details-heading {
	font-size: 18px;
	color: #0c236a;
	font-weight: 600;
	font-family: 'Mulish';
}

.project-sub-summary span {
	font-size: 15px;
	color: #078e9f;
	margin-left:10px;
	padding-bottom:10px;
}

.progress-label {
	font-size: 16px;
	color: #0c236a;
	font-weight: 600;
	font-family: 'Mulish';
}

.upload-btn {
	background: #4c66b0 ;
	padding: 8px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: 600;
	font-family: 'Mulish';
}
.milestone-table tr td {
	padding: 0;
	margin: 0;
}

.upload-btn-bottom {

	background: linear-gradient(135deg, #1ecb3d, #024719);
}
.edit-btn-bottom {
	background: linear-gradient(135deg, #6783c6, #061b77);
}
.pop-up-text {
	margin-top: 16px;
	font-weight: bold;
	font-size: 16px;
	color: #083169;
	width: 380px;
	margin-left: 5px;
	text-align: center;
}
.pop-up-close {
	float: right;
	width: 30px;
	margin-top: -33px;
	background: #e63e36;
	padding: 6px;
	border-radius: 6px;
}
	.pop-up-close input{
		width:16px;
	}


.finace-table tbody tr td span.stdLabels {
	font-size: 14px;
	font-weight: normal;
	color: #515153;
}
.custom-btn {
	/* background-color: #033d6d; */
	padding: 6px 16px;
	border-radius: 50px;
	border: 1px solid #033d6d;
	text-align: center;
}
.clear-btn {
	background: linear-gradient(135deg, #ef801b, #f23500);
}
.form-control {

	padding: 8px 10px !important;
	border-radius: 10px !important;
}
.modalBackground {
	background-color: #000000b0 !important;
	opacity: 1 !important;  
}
.projectsreport-btn {
	background: linear-gradient(135deg, #146232, #1f9165);
	cursor: pointer;
	height: 33px;
	width: 80px;
	color: White;
	font-weight: bold;
	border: solid 1px #009688;
	border-radius: 5px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content:center;
}
	.projectsreport-btn:hover {
		background: linear-gradient(135deg, #7483cd, #091f67);
	}

	.projectsreport-btn input{
		background:none;
		border:none;
		color:#fff;
	}
	.milestone-table tbody tr {
		border-bottom: 1px solid #e6e6e6;
	}

body{
	overflow-x:hidden
}

.album-table table tr td {
	padding: 0px 30px;
}

.milestone-table .hidden-table-details tr td {
	padding: 0px;
	margin: 0px;
}

.hidden-table-details tr td {
	padding: 0px;
	margin: 0px;
}
.milestone-table tr td {
	padding-bottom: 28px ;
}
#widget {

	margin-top: -46px !important;
}






@media (min-width:1501px) and (max-width:1700px) {
	.progress-summary-bar {
			width: 500px !important;
		}

		.milestone-bar {
			width: 250px !important;
		}

		.action-btn {
			padding: 6px 18px !important;
		}
	}

	@media (min-width:1200px) and (max-width:1500px) {
		.progress-summary-bar {
			width: 400px !important;
		}

		.project-heading {
			font-size: 15px;
		}

		.progress-label {
			font-size: 12px;
		}

		.details-heading {
			font-size: 13px;
		}

		strong {
			font-size: 12px;
		}

		.project-sub-summary span {
			font-size: 12px;
		}

		.gridview th {
			font-size: 12px;
			line-height: 18px;
		}

		.gridview td, .gridview th {
			font-size: 12px;
			line-height: 18px;
		}

		.milestone-bar {
			width: 170px !important;
		}

		.milestone-table tr td {
			padding: 0;
			margin: 0;
		}

		.action-btn {
			padding: 6px 18px !important;
		}
	}