.caption {
	background-color: #e7e7e7 !important;
	color: black;
	font-size: 16px;
	border-bottom: 1px solid #cccccc;
}
.HideInit {
	display: none;
}
.col-md-10 .dd-handle {
	min-height: auto !important;
	cursor: default;
}
.col-md-10 .dd-item {
	float: left;
	padding: 0 5px;
	width: 25%;
}
.portlet-body .dd {
	max-width: 100%;
}
.dd-list {
	background-color: #E5E5E5;
	background-position: 0 0px, 30px 30px;
	background-size: 60px 60px;
	border: 1px dashed #BBBBBB;
	min-height: 100px;
}
.dd-handle {
 width: width: 177px !important;
	cursor: default !important;
}
.project_title {
	background: #F3F3F3;
	border-bottom: 1px solid #cccccc;
	height: 56px;
	color: #555555;
	font-weight: bold;
	font-size: 13px;
	padding-left: 8px;
	padding-top: 5px;
}
.project_tick {
	cursor: pointer !important;
}
.project_tick img {
	height: 15px !important;
	width: 15px !important;
}
.close {
	cursor: pointer !important;
	width: 10% !important;
}
.optionsdrop ul li {
	border-bottom: 1px solid;
}
.tentative {
	background-color: #EC8B53 !important;
	height: 8px !important;
	position: absolute;
	display: inline-block;
	width: 100%;
}
.confirmed {
	background-color: #87b87f !important;
	height: 8px !important;
	position: absolute;
	display: inline-block;
	width: 100%;
}
.dd-handle input, .dd-handle select {
	padding: 1px 0 1px 0 !important;
	width: 95% !important;
}
.dd ul {
	margin: 5px !important;
}
.text-core {
	height: auto !important;
	display: inline-block;
}
.text-wrap {
	position: relative !important;
	display: inline-block;
}
.leftside {
	float: left;
	width: 59%;
	height: 100%;
	min-height: 60px;
	border: 1px dashed #a0a0a0;
	background-color: #f5f5f5;
}
.rightside {
	float: right;
	width: 40%;
	height: 100%;
	min-height: 60px;
	border: 1px dashed #a0a0a0;
	background-color: #f5f5f5;
}
.drop_treadType {
	float: right;
	width: 100%;
	height: 100%;
	min-height: 90px;
	margin-top: -7px;
}
.drop_treadType ul li {
	list-style: none;
	width: 97%;
	float: left;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	margin: 2px;
	padding-left: 5px;
}
.drop_treadType ul li, .rightside ul li, .leftside ul li {
	list-style: none;
}
#resource .resource, #plant .plant, #treadType .treadType {
	/* 
                 padding: 7px;
                border-radius: 4px;
               
               margin-top: 5px;
                 border: 1px solid #ccc;
                margin-bottom: 5px; */ 
	background: #fafafa;
}
.delres {
	color: red;
	cursor: pointer;
}
li.dd-handle {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
.fa-cog {
	float: right;
	padding-right: 3px;
	font-size: 14px;
	cursor: pointer;
}
.clientName {
	position: absolute;
	font-size: 10px;
	font-weight: 100;
}
.col-md-10 .dd-handle {
	width: 13.5% !important;
	font-size: 10px;
}
/*.optionsdrop {
	position: absolute;
	width: 88px;
	height: 138px;
	background: #EC8B53;
	left: 133px;
	top: 39px;
	z-index: 9;
	display: none;
}*/

.optionsdrop {
    background: #e7e7e7 none repeat scroll 0 0;
    display: none;
    float: right;
    /* height: 138px; */
    height: 125px;
    left: auto;
    position: absolute;
    right: 2px;
    top: 20px;
    width: 94px;
    z-index: 9;
    border: 1px solid;
}

.optionsdrop ul {
	font-size: 11px;
	list-style: none;
	position: inherit;
}
.optionsdrop ul li a {
	margin-left: 1px;
	color: white;
	text-decoration: none;
}
.tot {
	clear: both;
	width: 90%;
	padding-left: 8px;
}
.outerside {
	width: 90%;
	height: 155px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	overflow: auto;
	display: none;
}
.TradeType {
	width: 90%;
	min-height: 60px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	overflow: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cresource, .cplant, .ctags {
	clear: both;
	cursor: pointer;
}
html, body {
	min-height: 100%;
}
body {
	position: relative;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000000;
	background-color: #2B7DBC; /*dim the background*/
	display: none;
}
.overlay > img {
	display: block;
	left: 50%;
	position: relative;
	top: 15%;
	width: 75px;
}

/* ===================for index========================*/
.fxd {
	position: fixed !important;
	top: 0px;
	z-index: 999999999999999;
	width: 100%;
	height: 10px;
}
.sider-bar-fxd {
	position: fixed !important;
	top: 46px;
}
.s-h-bar {
	width: 11% !important;
	padding: 0px;
	margin-top: 5px !important;
	position: fixed !important;
}
.s-h-bar2 {
	width: 11% !important;
	cursor: default;
	position: fixed !important;
	top: 100px;
	margin-top: 5px !important;
}
.project-list {
	background: none !important;
	background-color: #F8F8F8 !important;
	font-weight: 100;
	border-color: #E5E5E5 !important;
	color: black !important;
	font-size: smaller !important;
}
.listing-div {
	padding: 3px !important;
	max-height: 650px;
	overflow-y: auto !important;
	overflow: hidden;
}
.big-div {
	width: 88% !important;
	margin-left: 12% !important;
}
.pd {
	position: relative;
	padding-top: 104px;
}
.frm-div {
	position: fixed !important;
	/*width: 76.08%;*/
	width: 79.08%;
	display: block;
	top: 50px;
	z-index: 999;
}
.frm-div-bg {
	background-color: #004b8d;
	border: solid silver 1px;
	margin: 0px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.frm-title {
	padding-top: 25px;
	font-size: larger;
}
.frm-fld {
	padding: 4px;
	width: 100%;
	margin-top: 20px;
	color: #00000;
}
.frm-fld2 {
	width: 100%;
	margin-top: 20px;
}
.frm-btn {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
}
.frm-btn2 {
	width: 100%;
	padding: 0px;
	margin-top: 5px;
}
.pnl-div {
/*z-index:29;*/
background-color:#F8F8F8 !important
}
.caption.link a {
	float: right;
	padding: 2px 33px;
	font-size: smaller;
}


.ui-datepicker {
    z-index: 9999 !important;
}


/* ===================for index========================*/

/* ===================for add project ========================*/

.breadcrumbs.inner {
    margin-top: 46px;
}

/* ===================for add project ========================*/


/* ======================for responsive====================== */

@media only screen and  (min-width : 320px) and  (max-width : 768px){

img.logo { width: 190px !important;
    margin: 5px 0px -16px !important;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
     background-color: transparent !important;
}

.nav-wrap-up.pos-rel {
    background: #fff !important;
}
.sidebar .sidebar-toggle {
   
    display: none !important;
}

.user-info small{
	display:none !important;
	}
	
	.s-h-bar {
    width: 100% !important;
    padding: 0px;
    margin-top: 5px !important;
    position: relative !important;
}

.s-h-bar2 {
    width: 100% !important;
    cursor: default;
    position: relative !important;
    top: 3px !important;
    margin-top: 5px !important;
}

.frm-div {
    position: relative !important;
    width: 100%;
    display: block;
     top: 8px !important;
    z-index: 999;
}
.big-div {
    width: 100% !important;
    margin-left: 0% !important;
 padding-left: 0;
    padding-right: 0;
}

.listing-div {
    padding: 3px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
    overflow: hidden;
}

.dropitem {
   
    margin-bottom: 15px !important;
    overflow: hidden !important;
}

.pd {
    position: relative;
    padding-top: 0px !important;
}

.page-content {
       overflow: hidden;
}

.col-md-2.for-responsive-frm {
    padding: 14px 12px 10px;
}

.caption.link {
    overflow: hidden;
    text-align: center;
}

.caption.link a {
    float: left;
    padding: 3px 33px !important;
    font-size: smaller;
    text-align: center;
    width: 100%;
}


.col-md-10 .dd-handle {
    width: 98% !important;
    font-size: 10px;
	margin: 8px 3px !important;
}
.frm-title span {
    padding-left: 13px !important;
}

.fa-cog {
    
   
    margin-top: 7px;
}


/*.tot {
   padding-bottom: 10px;
}*/

.tot {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 31px;
}

.tentative {
   
    margin-top: -3px;
}

.dd-handle {
   
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    
}
#btn-scroll-up {
	  float: right !important;
	}
	
	.optionsdrop {
   
    left: auto !important;
    top: 39px;
  
    right: 9px !important;
   
    float: right !important;
}

.popover {
  
    max-height: 120px;
    overflow-y: scroll;
}


.drop_treadType ul li {
   
    margin-left: -5px;
}


/* =========== add project ==============  */

.form-horizontal input, .form-horizontal select {
    width: 100%;
}

button.btn.btn-lg.btn-success {
	margin-left: auto !important;
    width: 100% !important;
	
	}

}


@media only screen and  (min-width : 320px) and  (max-width : 600px){
	
	
table { 
  width: 100%; 
  border-collapse: collapse; 
}

/*tr:nth-of-type(odd) { 
  background: #42a2ce; 
}*/
th { 
  background: #333;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
td, th { 
  padding: 6px; 
  border: 1px solid #000; 
  text-align: left; 
      font-size: 14px;

}
tr{ background: #cfcfcf; 
	}
	
tr td:first-child{
	
	text-align: left; 
	}
	
th {
    text-align: center !important;
}

td span.rwd-tables.thead { 
	display: none;
}

	
	
	span.rwd-tables.thead .pull-right {
    display: none;
}

	table.rwd-tables, .rwd-tables thead, .rwd-tables tbody, .rwd-tables th, .rwd-tables tbody,
	.rwd-tables td, .rwd-tables tr { 
		display: block; 
	}
	
	.rwd-tables thead, .rwd-tables th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.rwd-tables tfoot {
		display: block;
		text-align: right;
	}

	.rwd-tables tfoot td {
		display: inline-block;
	}
	
	td span.rwd-tables, td span.rwd-tables.thead {
		width: 50%;
		display: inline-block;
	}
	
	td span.rwd-tables.tbody{
		text-align: right;
	}

	

	.rwd-tables tfoot tr:nth-of-type(odd), .rwd-tables tfoot td { 
	  background: #333; 
	  color: white; 
	  font-weight: bold; 
	  border-bottom: none;
	}
	
	.rwd-tables tr { border: 1px solid #ccc; }
	
	.rwd-tables td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	span.rwd-tables.thead {
    font-weight: bold;
}

.table-hover > tbody > tr:hover {
    background: none !important;
}

}

@media only screen and  (min-width : 601px) and  (max-width : 30000px){

td span.rwd-tables.thead {
    display: none;
}

}


@media only screen and  (min-width : 769px) and  (max-width : 991px){

#btn-scroll-up {
	  float: right !important;
	}

.for-responsive-frm{
	    padding-bottom: 10px;
    padding-top: 10px;
	
	}

.frm-div {
    position: initial !important;
    width: 100%;
    display: block;
    top: 50px;
    z-index: 999;
}

.pd {
    position: relative;
    padding-top: 1px;
}

.big-div {
    width: 80% !important;
    margin-left: 20% !important;
}

.s-h-bar2 {
    width: 20% !important;
    cursor: default;
    position: fixed !important;
    top: 100px;
    margin-top: 5px !important;
}

.s-h-bar {
    width: 20% !important;
    padding: 0px;
    margin-top: 5px !important;
    position: fixed !important;
}

.caption {
       overflow: hidden;
}

.col-md-10 .dd-handle {
    width: 47% !important;
    font-size: 10px;
}

.dropitem {
      overflow: hidden;
}

.nav-wrap-up.pos-rel {
    background: #fff !important;
}

.sidebar .sidebar-toggle {
    display: none !important;
}

}


@media only screen and  (min-width : 768px) and  (max-width : 992px){


.form-horizontal .control-label {
    text-align: left !important;
	padding-left: 18px;
   
}

.form-horizontal input, .form-horizontal select {
    width: 100%;

}

button.btn.btn-lg.btn-success {
    margin-left: auto !important;
    width: 74% !important;
    float: right;
}

.popover {
    max-height: 120px;
    overflow-y: scroll;
}

}

/* ======================for responsive====================== */

/*.ui-accordion .ui-accordion-content {
    

    overflow-x: hidden !important;
    
}
*/
.dd-3 {
    overflow-x: hidden !important;
}

.li-po {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
	 width: 100% !important;
}

.list-heading {
	
	font-size: 16px;
    padding: 4px;
    color: #004b8d;
    /* margin: 10px; */
    background-color: #E7E7E7;
    border: 1px solid #cccccc;
    margin-top: 15px
}

.categori-spe{
	
float: right;
    font-weight: bold;
 text-transform: capitalize;	
	
}


.ovr-3 {
    
    overflow: hidden;
    
}