/* Write your custom CSS here */
.padding-0 {
	padding:2px !Important;
}
.padding-left-0 {
	padding-left:0px;
}
.padding-right-0 {
	padding-right:0px;
}
.margin-0 {
	margin:0px;
}
.margin-left-0 {
	margin-left:0px;
}
.margin-right-0 {
	margin-right:0px;
}
.margin-top-0 {
	margin-top:0px;
}
.margin-bottom-0 {
	margin-bottom:0px;
}
.error {
    color:#a94442;
	border:solid 1px #a94442;
	background:rgba(249, 186, 186, 0.3);
}
.form-group textarea {
	border:1px solid #dce1e4;
	width:100%;
	padding:5px;
}
.form-horizontal .fileld-error {
	color:#a94442;
}
.form-horizontal .fileld-error + div > input {
	color:#a94442;
	border:solid 1px #a94442;
	background:rgba(249, 186, 186, 0.3);
}
.float-none {
	float:none;
}
.table-responsive .datalist {
	margin:0px;
	padding:0px;
}
.table-responsive .datalist li {
	list-style:none;
	margin-bottom:5px;
}
.table-responsive .datalist li a {
	text-decoration:none;
}
.table-responsive .datalist li span {
	font-weight:bold;
	color:#1E126A;
}
.table-responsive .datalist li span .fa {
	width:20px;
	text-align:center;
	/*background:#7a6fbe;*/
	color:#000;
	padding:3px;
}
.table-responsive .datalist li span .fa-mobile {
    float: left;
    font-size: 20px;
    margin-top: -4px;
	margin-right:4px;
}
.table-responsive .datalist li span .fa-map-marker {
	font-size:17px;
}
.table tr td span {
	color:#1E126A;
	font-weight:bold;
}
/* Deshboard Start */
.dashboard .info-box .info-box-stats {
	width:86%;
}
.dashboard .info-box-title {
	width:80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; 
}
.activities-content {
	height:345px !important;
	overflow:hidden !important;
}
.activities-content ul li {
    padding: 3px 0 3px 30px;
    position: relative;
}
.activities-content ul li::before {
    content: "";
    height: 100%;
    left: 4px;
    position: absolute;
    width: 1px;
}
.activities-content ul li .point {
    border: 1px solid transparent;
    border-radius: 100%;
    display: inline-block;
    height: 9px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 9px;
}
.activities-content ul li.primary::before {
    background: #3f51b5 none repeat scroll 0 0;
}
.activities-content ul li.primary .point {
    background: #3f51b5 none repeat scroll 0 0;
    border-color: #3f51b5;
}
.activities-content ul li.success::before {
    background: #4caf50 none repeat scroll 0 0;
}
.activities-content ul li.success .point {
    background: #4caf50 none repeat scroll 0 0;
    border-color: #4caf50;
}
.activities-content ul li.warning::before {
    background: #ffeb3b none repeat scroll 0 0;
}
.activities-content ul li.warning .point {
    background: #ffeb3b none repeat scroll 0 0;
    border-color: #ffeb3b;
}
.activities-content ul li.info::before {
    background: #2196f3 none repeat scroll 0 0;
}
.activities-content ul li.info .point {
    background: #2196f3 none repeat scroll 0 0;
    border-color: #2196f3;
}
.activities-content ul li.danger::before {
    background: #f44336 none repeat scroll 0 0;
}
.activities-content ul li.danger .point {
    background: #f44336 none repeat scroll 0 0;
    border-color: #f44336;
}
.activities-content ul li.pink::before {
    background: #e91e63 none repeat scroll 0 0;
}
.activities-content ul li.pink .point {
    background: #e91e63 none repeat scroll 0 0;
    border-color: #e91e63;
}
.list-unstyled-padding li {
	padding: 12px 0;
}
/* Mobile Tab Start */
div[role="mob-tabs"] {
	display:none;
}
/* Mobile Tab End */
/* Deshboard End */

/* Mobile data start */
.border-bottom { border-bottom: solid 2px #dedede; padding:0 0 10px 0; }
.border-bottom th { padding-bottom: 10px !important; }
.mobile-data .panel-title a, .mobile-data .panel-title a span { display: block; }
.mobile-data .panel-title a span { margin-bottom: 5px; }
.mobile-data .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.mobile-data .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

/* Mobile data start */
.mobile-data {
   /* border: solid 1px red;*/
}
/* Mobile data End */
@media (max-width: 760px) {
.Req-Id {
	margin-bottom:15px;
}
}
@media (max-width: 770px) {
.mob-nav-tabs {
	display:none;
}
div[role="mob-tabs"] {
	display:block;
	margin-bottom:5px;
}
div[role="mob-tabs"] a {
	display:block;
	background:#f1f1f1;
	padding:5px 10px;
	text-decoration:none;
	color:#555;
}
div[role="mob-tabs"] a span {
	float:right;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}
div[role="mob-tabs"] a span.active {
	transform:rotate(180deg);
}
div[role="padding-0"] {
	padding:0;
}
}