.form-control::-moz-placeholder, .select2-search input[type="text"]::-moz-placeholder{
    color: #777;
    opacity: 1;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #777;
    opacity: 1;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #777;
    opacity: 1;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #777;
    opacity: 1;
}
.form-control:-moz-placeholder { /* Firefox 18- */
    color: #7777;
    opacity: 1;
}

.text-list, .text-list td, .text-list a{
	
	table-layout: fixed; 
	width: 100%;
	text-align: left;

	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;
	
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	
	color: #16a085;
	font-size: 15px;

}

.text-list .small{
	font-size: 11px;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	body{
	    margin-top: 70px;
	    background-color:#ececec;
    }
    .login-form, .login-form-container {
	  max-width: 330px;
	  padding: 15px;
	  margin: 0 auto;
	}
	.fp_reg{
		text-align: center;
		font-size: 16px;
		line-height: 24px;
		padding: 15px 0;
	}
	.alert{
		text-align: center;
	}
	.form-control{
		margin-bottom: 15px;
	}
	.table td, .table th{
		font-size: 13px;
		vertical-align: middle;
		padding: 10px 0 0 ;
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	    vertical-align: middle;
	}
	.margin-top-20{
		margin-top: 20px;
	}
		.datetimepicker.dropdown-menu{
	    width: auto;
	}
	.datetimepicker td:hover{
	    background:#EEEEEE;
	}
	.datetimepicker .has-switch{
	    display: table-cell;
	    -webkit-mask: none;
	}
	.datetimepicker{
	    display: none;
	    border: 1px solid #CCC;
	    border: 1px solid rgba(0, 0, 0, 0.15);
	    border-radius: 4px;
	}
	.select2-drop .select2-result-selectable .select2-result-label {
	    border-bottom: 1px solid #ececec;
	    color: rgba(127, 140, 141, 0.85);
	    cursor: pointer;
	}
	.select2-results {
	    max-height: 300px;
	    border: 1px solid #ececec;
	}
	
	.breadcrumb_container{
		font-size: 12px;
	}
	.hdr-btn{
		float: left !important;
	}
	.col-new-row{
		margin-top: 40px;
	}
	.tooltip-hover{
		cursor: pointer;
	}
	.tooltip-inner {
	    background-color: #7f8c8d;
	    border-radius: 0;
	    color: white;
	    max-width: 250px;
	    padding: 12px;
	}
	.mobile-table-hide{
		display: none;
	}
	.mobile-table-hide.col-sm-3 {
		display: none;
	}
	.page-bg{
		background-color: #fff;
		padding-bottom: 20px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.hdr-btn{
		float: right;
	}
	.breadcrumb_container {
	    font-size: 16px;
	}
	.col-new-row{
		margin-top: 0px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.mobile-table-hide{
		display: table-cell;
	}
	.mobile-table-hide.col-sm-3 {
	    width: 25%;
	    display: table-cell;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}