/****************/
/*# Copyright 2014-2016 © P&P INFOTECH  */
/*# All Rights Reserved */
/*# CRMPLUS  © P&P INFOTECH  */
/*# Website- http://crmplus.in/  */
/*# THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
    ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
    WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
*/
/****************/
/*Global Styles*/
label.btn.btn-sm.btn-default.myrt {
    background: #000;
}
a.btn.btn-s-md.btn-primary {
    color: #fff !important;
}
body {
	background: #E5E9EC;
	padding-top: 50px;
	color: #5f6468;
	    overflow-x: hidden;
}
.width50
{
	width:50%;
}
p {
	color: #777;
}

a, a:hover, a:focus {
	color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	color: #051d33;
}

h1 {
	font-weight: 300;
	font-size: 40px;
}

h2 {
	font-weight: 300;
	margin-bottom: 20px;
	font-size: 26px;
}

h3, h4 {
	font-weight: 300;
}

.large {
	font-size: 22px;
}

.text-muted {
	color: #9fadbb;
}
.text-muted a{
	color: #FFF;
}
.color-gray { color: #5f6468; }
.color-blue { color: #30a5ff; }
.color-teal { color: #1ebfae; }
.color-orange { color: #ffb53e; }
.color-red { color: #f9243f; }

.bg-primary .glyphicon-remove { color: #5f6468;}
.bg-primary .glyphicon-remove:hover { color: #ef4040;}

.no-padding {
	padding: 0; margin: 0;
}

.glyphicon-xl {
	font-size: 6em;
}

.glyphicon-l {
	font-size: 3em;
}

.glyphicon-m {
	font-size: 1.5em;
}

.glyphicon-s {
	font-size: 0.75em;
}

.form-control {
	border: 1px solid #797777;
	box-shadow: none;
}

.form-control:focus {
	border: 1px solid #30a5ff;
	outline: 0;
	box-shadow: inset 0px 0px 0px 1px #30a5ff;
}

.navbar-header .navbar-brand {
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
}

.navbar-header .navbar-brand span {
	color: #000;
}

/*Buttons*/

a.btn:hover,
button:hover {
	opacity: 0.8;
}

a.btn:active,
button:active {
	box-shadow: inset 0px 0px 500px rgba(0,0,0,.1);
	opacity: 1;
}

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #e9ecf2;
	border-color: #e9ecf2;
	color: #1b3548;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #30a5ff;
	border-color: #30a5ff;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
	background-color: #8ad919;
	border-color: #8ad919;
}

.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
	background-color: #ffb53e;
	border-color: #ffb53e;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger,
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
	background-color: #f9243f;
	border-color: #f9243f;
}

/*Backgrounds*/

.bg-primary {
	color: #1b3548;
	background-color: #e9ecf2;
}
a.bg-primary:hover {
	background-color: #e9ecf2;
}
.bg-success {
	color: #fff;
	background-color: #8ad919;
}
a.bg-success:hover {
	background-color: #8ad919;
}
.bg-success a {
	color: rgba(255, 255, 255, .75);
}
.bg-info {
	color: #fff;
	background-color: #30a5ff;
}
a.bg-info:hover {
	background-color: #30a5ff;
}
.bg-info a {
	color: rgba(255, 255, 255, .75);
}
.bg-warning {
	color: #fff;
	background-color: #ffb53e;
}
a.bg-warning:hover {
	background-color: #ffb53e;
}
.bg-warning a {
	color: rgba(255, 255, 255, .75);
}
.bg-danger {
	color: #fff;
	background-color:#fb4848;
}
a.bg-danger:hover {
	background-color: #f9243f;
}
.bg-danger a {
	color: rgba(255, 255, 255, .75);
}

/*Panels*/

.panel {
	border: 0;
}

.panel-heading {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.025em;
	min-height: 66px;
	line-height: 45px;
}

.panel-default .panel-heading {
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #5f6468;
}

.panel-footer {
	background: #fff;
	border-top: 1px solid #eee;
}

.panel-widget {
	padding: 0;
	position: relative;
}

.panel-widget .panel-footer {
	border: 0;
	text-align: center;
}

.panel-footer .input-group {
	padding: 0px;
	margin: 0 -5px;
}

.panel-footer .input-group-btn:last-child>.btn, 
.panel-footer .input-group-btn:last-child>.btn-group {
	margin: 0;
}

.panel-widget .panel-footer a {
	color: #999;
}

.panel-widget .panel-footer a:hover {
	color: #666;
	text-decoration: none;
}

.panel-blue { background: #051d33; color: #fff; }
.panel-teal { background: #1ebfae; color: #fff; }
.panel-orange { background: #ffb53e; color: #fff; }
.panel-red { background: #f9243f; color: #fff; }

.panel-blue .panel-body p,
.panel-teal .panel-body p,
.panel-orange .panel-body p,
.panel-red .panel-body p { 
	color: #fff; 
	color: rgba(255, 255, 255, .8);
}

.panel-blue .panel-heading,
.panel-teal .panel-heading,
.panel-orange .panel-heading,
.panel-red .panel-heading {
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.panel-blue .text-muted,
.panel-teal .text-muted,
.panel-orange .text-muted,
.panel-red .text-muted { 
	color: rgba(255, 255, 255, .5); 
}

.dark-overlay {
	background: rgba(0, 0, 0, .05);
	text-align: center;
}

.widget-left {
    height: 65px;
    padding-top: 15px;
    text-align: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-bottom: 15px;
}
.abc .widget-left
{
	height:85px;
}
.widget-right {
	text-align: left;
	line-height: 1.6em;
	margin: 0px;
	padding: 12px 20px 20px;
	height: 65px;
	color: #999;
	font-weight: 300;
	background: #fff;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.page-header
{
	margin: 15px 0 10px;
    border-bottom: 0;
	font-size: 28px;
}
.pd-20
{
	padding:15px 0 10px;
}
@media (max-width: 768px) {
	.widget-right {
	width: 100%;
	margin: 0;
	text-align: center;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	}
}

@media (max-width: 768px) {
	.widget-left {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	}
}

.widget-right .text-muted {
	color: #9fadbb;
}
.widget-right .large {
	color: #333;
	font-size: 20px;
}

.panel-blue .widget-left {
    background: #20C5CB;
    color: #fff;
}
.panel-teal .widget-left {
    background: #7dc5fd;
    color: #fff;
}
.panel-orange .widget-left {
    background: #a7aaf9;
    color: #fff;
}
.panel-red .widget-left {
    background: #76a577;
    color: #fff;
}
.panel-blue1 .widget-left { background: #4CAF50; color: #fff; }
.panel-black .widget-left { background: #30a5ff; color: #fff; }
.panel-yellow .widget-left { background: #30a5ff; color: #fff; }
.panel-LightGreen .widget-left { background: #30a5ff; color: #fff; }
.panel-Lime .widget-left { background: #CDDC39; color: #fff; }
.panel-BlueGrey .widget-left { background: #30a5ff; color: #fff; }
.panel-Brown .widget-left { background: #30a5ff; color: #fff; }
.panel-Grey .widget-left { background: #30a5ff; color: #fff; }
.panel-Amber .widget-left { background: #30a5ff; color: #fff; }
.panel-Cyan .widget-left { background: #30a5ff; color: #fff; }
.panel-Indigo .widget-left { background:#30a5ff; color: #fff; }
.panel-DeepPurple .widget-left { background: #30a5ff; color: #fff; }
.panel-Purple .widget-left { background: #30a5ff; color: #fff; }
.itpart {
        background: #989460 !important;
}
span.nameirth {
    position: absolute;
    top:50%;
    left: 38%;
    color: green;
}
.hrpart {
    background: #c5996a !important;
}
.panel-widget {
	background: #fff;
}
.reseachpart {
    background: #af65a2 !important;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #f22359;
}
/*Jumbotron*/

.jumbotron {
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #5f6468;
}

/*Tabs*/

.panel .tabs {
	margin: 0;
	padding: 0;
}

.nav-tabs {
	background: #051d33;
	border: 0;
}

.nav-tabs li a:hover {
	background: #000;
}

.nav-tabs li a,
.nav-tabs li a:hover,
.nav-tabs li.active a,
.nav-tabs li.active a:hover {
	border: 0;
	padding: 15px 20px;
}

.nav-pills {
	padding: 15px;
	padding-bottom: 0;
}

.nav-pills li a,
.nav-pills li a:hover,
.nav-pills li.active a,
.nav-pills li.active a:hover {
	border: 0;
	padding: 7px 15px;
}

.nav-pills li.active a,
.nav-pills li.active a:hover {
	background: #30a5ff;
}

.tab-content {
	padding: 15px;
}


/*Navbar*/

.navbar {
	border: 0;
}

.navbar input {
	border: 0;
	background: #444;
	color: #fff;
}

.navbar input:focus {
	color: #fff;
	background: #555;
	border: 1px solid #30a5ff;
	outline: 0;
	box-shadow: inset 0px 0px 0px 1px #30a5ff;
}

/***********Notification************/
.user-notification {
	display: inline-block;
	margin-top: 14px;
	margin-right: 10px;
	
	list-style: none;
	padding: 0;
}

.user-notification a {
	color: #000;
}

.user-notification a:hover, .user-notification a:focus {
	text-decoration: none;
}
.user-notification  li{
	float:left;
	    margin-left: 10px;
}
.user-notification  li ul li{
	float:none;
}
/***********Notification************/


.user-menu {
	display: inline-block;
	margin-top: 14px;
	margin-right: 10px;
	float: right;
	list-style: none;
	padding: 0;
}

.user-menu a {
	color: #333;
}

.user-menu a:hover, .user-menu a:focus {
	text-decoration: none;
}

/* Sidebar */

.sidebar {
	display: block;
	background-color: #fff;
	padding: 0;
	display: none;
}

.sidebar form {
	padding: 20px 15px 5px 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.sidebar {
		display: block;
  		position: fixed;
		top: 50px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto; 
		background-color: #051d33;
		box-shadow: 1px 0px 10px rgba(0, 0, 0, .05);
	}
	.navbar-header {
		width: 100%;
	}
}
.navbar-inverse {
    background-color: #fff;
    color: #333;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.sidebar ul.nav a:hover, 
.sidebar ul.nav li.parent ul li a:hover {
	text-decoration: block;
	background-color: #000000;
}

.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active,
.sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover,
.sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus {
	color: #fff;
	background-color:#236394;
}

.sidebar ul.nav ul,
.sidebar ul.nav ul li {
	list-style: none;
	list-style-type: none;
	
}

.sidebar ul.nav ul.children {
	width: auto;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
}

.sidebar ul.nav ul.children li a {
    height: 40px;
    background: #051d33;
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar ul.nav li.current a {
	background-color: #30a5ff;
	color: #fff!important;
}

.sidebar ul.nav li.parent ul li a {
	border: none;
	display:block;
	padding-left: 30px;
	line-height: 40px;
}


.sidebar span.glyphicon {
	margin-right: 10px;
}

.sidebar ul.nav li.divider {
	border-bottom: 1px solid #eee;
	margin: 20px 0;
}

.sidebar .attribution {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #eee;
	font-size: 12px;
}

/*Breadcrumbs*/

.breadcrumb {
	border-radius: 0;
	padding: 10px 15px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	margin: 0 ;
}

h1.page-header {
	margin-top: 20px;
	margin-bottom:12px;
	border-bottom: 0;
	font-size: 26px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
{
	font-size:14px;
}
.timeline-messages .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td
{
	font-size:13px;
}
/*Charts*/

.main-chart {
	background: #fff;
}

.easypiechart-panel {
	text-align: center;
	padding: 1px 0;
	margin-bottom: 20px;
}

.placeholder h2 {
	margin-bottom: 0px;
}

.donut {
	width: 100%;
}

.easypiechart {
	position: relative;
	text-align: center;
	width: 120px;
	height: 120px;
	margin: 20px auto 10px auto;
}

.easypiechart .percent {
	display: block;
	position: absolute;
	font-size: 26px;
	top: 38px;
	width: 120px;
}

#easypiechart-blue .percent { color: #30a5ff;}
#easypiechart-teal .percent { color: #1ebfae;}
#easypiechart-orange .percent { color: #ffb53e;}
#easypiechart-red .percent { color: #ef4040;}

/*Calendar Widget*/

#calendar, .datepicker-inline {
	width: 100%;
}

#calendar table {
	width: 100%;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
	color: rgba(255, 255, 255, .50);
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
	color: #ffffff;
	background-color: rgba(0, 0, 0, .5);
	border-color: #285e8e;
}

.datepicker table tr td span:hover,
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
	background: rgba(0, 0, 0, 0.25);
}

.panel-heading .glyphicon {
	margin-right: 10px;
}

/*Todo List Widget*/

.todo-list-item .glyphicon { 
	margin-right:5px; 
	color: #9fadbb; 
}

.todo-list-item .glyphicon:hover { 
	margin-right:5px; 
	color: #1b3548; 
}

.todo-list { 
	padding: 0;
	margin: -15px;
	background: #fff;
	color: #5f6468;
	height: 218px;
	overflow:auto;
}

#checkbox {
	margin: 0;
}

.todo-list .checkbox { 
	display:inline-block; 
	margin: 0px;
}

.panel-body input[type=checkbox]:checked + label { 
	text-decoration: line-through;
	color: #777; 
}

.todo-list-item {
	list-style: none;
	line-height: 0.9;
	padding: 14px 15px 8px 15px;
}

.todo-list-item:hover, a.todo-list-item:focus {
	text-decoration: none;
	background-color: #f6f6f6;
}

.todo-list-item .trash .glyph:hover {
	color: #ef4040;
}


/*Chat Widget*/

.chat ul {
	list-style: none;
	margin: -15px;
	padding: 15px;
}

.chat ul li {
	margin-bottom: 10px;
	padding: 15px 5px;
	border-bottom: 1px solid #eee;
}

.chat ul li.left .chat-body { margin-left: 100px;}
.chat ul li.right .chat-body { margin-right: 100px;}

.chat ul li .chat-body p {
	margin: 0;
}

.chat ul .glyphicon {
	margin-right: 5px;
}

.chat .panel-body {
	overflow-y: scroll;
	height: 300px;
}

.chat-body small {
	margin-left: 5px;
}

/*Tables*/
.table {
	background: #fff;
}

.fixed-table-container {
	border: 1px solid #eee;
}

.fixed-table-container thead th {
	background: #f7f7f8;
	border-color: #ddd;
	color: #5f6468;
	font-weight: 300;
	font-size: 16px;
}

.fixed-table-container tbody td {
	border: 1px solid #eee;
}

.fixed-table-container tbody td:last-child {
	border-right: none;
}

.table>thead>tr>th {
	border-bottom: 1px solid #e6e7e8;
	vertical-align: middle;
	height: 50px;
}

.fixed-table-pagination .pagination {
    margin-top: 10px;
    margin-bottom: 0px;
}
.fixed-table-pagination .pagination-detail {
	margin-top: 20px;
}

/*Icons*/


.sidebar .glyph, .user-menu .glyph, .user-notification .glyph{
	height: 16px;
	width: 16px;
	margin: 0 10px 0 0;
	stroke-width: 3px;
}

.user-menu .glyph, .user-notification .glyph{
	stroke-width: 4px;
}

.breadcrumb .glyph {
	height: 14px;
	width: 14px;
	margin: -2px 0 0 0;
	stroke-width: 4px;
	    color: #000 !important;
}

.alert .glyph, .panel-heading .glyph {
	width: 26px;
	height: 26px;
	margin: 0 10px 0 0;
	stroke-width: 2px;
}

.panel-widget .glyph {
	stroke-width: 2px;
}

.todo-list .glyph {
	width: 14px;
	height: 14px;
	stroke-width: 4px;
	color: #999;
}

.glyph.table {
	background: none;
	border: none;
}

/*Icon Grid*/

.icon-grid div {
	border: 1px solid #ddd;
	margin: 0 0 -1px -1px;
	text-align: center;
	padding: 10px 0 20px 0;
}

.icon-grid svg {
	width: 35%;
	display: block;
	margin: 0 auto;
}

.icon-grid h4 {
	display: none;
}

.icon-grid pre {
	margin: 10px 10px -10px 10px;
	border-radius: 0;
	font-size: 10px;
	border-color: #ddd;
	height: 65px;
	overflow: scroll;
}

.btn .glyph{
    height: 16px;
    width: 16px;
    stroke-width: 3px;

}
.required{
	color:#F00;
}
/*----------loader-------------------*/
#loader{
display:none;
width:100%;
height:100%;
position:absolute;
text-align:center;
padding-top:20%;
z-index:10000;
}
.profile-header-container{
    margin: 0 auto;
    text-align: center;
}

.profile-header {
    margin-top: 43px;
}
.rank-label-container {
    margin-top: -16px;
    /* z-index: 1000; */
    text-align: center;
}
.profile-header-img img {
   width:120px;
   border: 4px solid red;
}

.label.label-default.rank-label {
    background-color: rgb(243, 3, 28);
    padding: 5px 10px 5px 10px;
    border-radius: 27px;
}
/****************************/
#changeColor{
color:red;
font-weight:bold;
animation:myfirst 5s linear infinite;
-moz-animation:myfirst 5s linear infinite; /* Firefox */
-webkit-animation:myfirst 5s linear infinite; /* Safari and Chrome */
-o-animation:myfirst 5s linear infinite; /* Opera */
}

@keyframes myfirst
{
0%,100%{color:red;}
25%  {color:yellow;}
50%  {color:#30a5ff;}
75% {color:#ce08ff;}

}

@-moz-keyframes myfirst /* Firefox */
{
0%,100%   {color:red;}
25%  {color:yellow;}
50%  {color:#30a5ff;}
75% {color:#ce08ff;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%,100%   {color:red;}
25%  {color:yellow;}
50%  {color:#30a5ff;}
75% {color:#ce08ff;}
}

@-o-keyframes myfirst /* Opera */
{
0%,100%   {color:red;}
25%  {color:yellow;}
50%  {color:#30a5ff;}
75% {color:#ce08ff;}
}

.attribution{
	font-size:11px;
}
.tips{
height: 400px;
 overflow: scroll;
}
.text .tp{
font-size: 12px !important;
}

.holder { 
    background-color: #fff;
    width: 100%;
  height:250px;
  overflow:hidden;
  padding:10px;
  font-family:Helvetica;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:100%;
  height:250px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
}
.holder ul li a {
  color:darkred;
  text-decoration:none;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #051d33;
}

@media screen and (min-width: 480px) {
.admin-quote
{
	width: 100%;
	height: 58px;
	background:#051d33;
	color: #FFF;
	font-size: 24px;
	text-align: center;
	padding: 15px;
}
.admin-quote h2
{
	margin:0;
	color:#fff;
}
#lead19 {
    border: 1px solid #7c7c7c;
    border-radius: 5px;
    margin-top: 0px;
    padding-left: 15px;
    width: 100%;
}	
.ft{

    background:#000;
    bottom: 0;
    z-index: 9999;
    margin-top: 310px;
    padding: 10px;
    height: 50px;
    text-align: center;
	color:#fff;
    position: fixed;
    bottom: 0px;
    left: 17%;
}
}
@media screen and (max-width: 800px) {
.user-notification {
    font-size: 12px;
}
}
@media screen and (max-width: 480px) {
	.btn {
    margin-bottom: 5px;
}
.Standard span
{
	font-size:18px !important;
}
	.breadcrumb
	{
		margin: 14px 0 0;
	}
	.page-header
	{
		margin: 20px 0 0px;
	}
	.ft
	{
		left: 0 !important;
		width: 100%;
	}
	.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active, .sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover, .sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus
	{
		background-color: #051d33 !important;
	}
	.sidebar ul.nav li:focus a, .sidebar ul.nav li:active a, .sidebar ul.nav li:hover a, .sidebar ul.nav li a
	{
		background-color: #051d33 !important;
	}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: transparent;
}
    .dropdown.pull-right {
    border: 1px solid orange;
    margin-top: -24px;
    padding: 6px;
}
.col-sm-9.col-sm-offset-3.col-lg-10.col-lg-offset-2.main {
    margin-top: 104px;
    text-align: center;
}
.media-dash > a {
    margin-top: 0px;
}
.sidebar form
{
	padding: 20px 15px 0px 15px;
    margin-bottom: 0;
}
.sidebar
{
	position:absolute;
	top:0;
	z-index:9999;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	transition: .5s all ease-in-out;
	left: -100%;
	display:block !important;
}
.sidebar.collapse.in
{
	left:0;
}
.mybtn
{
	width: 95% !important;
    padding: 4% 3% !important;
    margin: 5px 0 !important;
}
.admin-quote {
    width: 100%;
    height: 58px;
    background: #051d33;
    color: #FFF;
    font-size: 24px;
    text-align: center;
    padding: 15px;
}
.admin-quote h2 {
    margin: 0;
    color: #fff;
	font-size: 24px;
}
#dragediv
{
	top: 168px;
}
.mobile-view
{
	display:none;
}
.clientpannel {
    margin-top: 7px !important;
}
marquee {
    margin-top: 83px;
}
.dashmarg
{
	margin-top:-100px;
}
.margind
{
	margin-top:-50px;
}
.dayhurry {
    margin-top: 0px;
    line-height: 25px;
}
.form-group.lable-padd {
    text-align: left;
}
#lead19 {
    border: 1px solid #7c7c7c;
    border-radius: 5px;
    margin-top: 13px;
    padding-left: 15px;
    width: 100%;
}
.form_date {
    margin-bottom: 10px;
}
.body-marg
{
	margin-top:0px;
}
.body-marg1
{
	margin-top:0px;
}
.ft{

    background: #000;
    bottom: 0;
    z-index: 9999;
    padding: 10px;
    height: 50px;
    text-align: center;
  position: fixed;
    bottom: 0px;
    left: 17%;

}
.form-control
{
	margin-bottom:15px;
}
.button-res
{
	margin-bottom:20px; margin-top:20px;
}
.open > .dropdown-menu {
    display: block;
    margin-left: -33px;
    margin-top: -166px;
}
.btn-group.open {
    min-height: 200px !important;
}	
}
@media only screen and (min-width:768px) and (max-width: 1044px)  {
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}	
.table-responsive table{max-width:160%;width:160%;}	
.navbar-header .navbar-brand
{
	font-size:13px;	
}	
}


.timeline-messages .message-body.msg-in p.attribution>a {
	color:#00afef; font-size:14px;
}
.panel table.table-striped tr td a,
.panel table.table-striped tr th a
 {
	color: inherit;
    font-weight: 500;
}
table tr th a, table tr td a, 
table tr th a:hover, table tr td a:hover, 
table tr th a:active, table tr td a:active, 
table tr th a:focus, table tr td a:focus 
 {
	color: inherit;
    font-weight: 500;
}
.panel-heading a.accordion-toggle.collapsed,
.panel-heading a:hover,
.panel-heading a.accordion-toggle:active,
.panel-heading a:focus,
.panel-heading a,
.panel-heading a:active
 {
	color: inherit!important;
}
p.attribution > a {
	color: inherit;
}
.sidebar ul.nav .active a, .sidebar ul.nav li.parent a.active, .sidebar ul.nav .active > a:hover, .sidebar ul.nav li.parent a.active:hover, .sidebar ul.nav .active > a:focus, .sidebar ul.nav li.parent a.active:focus {
    color: #inherit!important;
    background-color: #000;
}

.sidebar ul.nav li:focus a, 
.sidebar ul.nav li:active a, 
.sidebar ul.nav li:hover a, 
.sidebar ul.nav li a 
{
	 color: #inherit!important;

}
.leadnoteline:hover
{
	color: #fff;
	text-decoration: none;
}
.leadnoteline
{ 
	background: #3da5ff;
float: left;
color: #fff;
padding: 4px;
border-radius: 3px;
text-decoration: none;
    width: 200px;
}

/*datepiker css
.datetimepicker.dropdown-menu{
	max-height: 250px;
    overflow: scroll;
}*/

.servicesdiv table{
	margin: 0 !important;
}
.servicesdiv table tr th{
	padding:6px !important;
}
.servicesdiv{
	overflow:auto;
	max-height: 600px;
}