/*************************
******* General ******
**************************/
.red {
	color: #E91E63;
}
.green {
	color: #0CC27E;
}
.mar-top-bottom-20 {
	margin: 20px 0;
}
.mar-bottom-20 {
	margin-bottom: 20px;
}
.mar-auto {
	margin: 0px auto;
}
.bg_gray {
	background-color: #f6f6f6;
}
section {
	padding: 40px 0;
}
.customer-photo {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-size: 32px 35px;
	background-position: center center;
	vertical-align: middle;
	line-height: 32px;
	box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
	margin-left: 5px;
}
.customer-name {
	display: inline-block;
	vertical-align: middle;
	line-height: 32px;
	padding-left: 3px;
}
/*************************
******* Box ******
**************************/
.box {
	background-color: #fff;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, .3);
	padding: 15px;
	color: rgba(56,73,94,1.00) !important;
	border-radius: 4px !important;
	min-height: 150px;
	margin: 15px 0;
}
.box input, .box select {
	width: 100%;
	border-radius: 4px !important;
	background-color: white !important;
	line-height: 1.65em;
	text-indent: .571em;
	padding: .17857143em 0;
	height: 2.43em;
}
.k-picker-wrap, .k-state-default {
	border-radius: 4px !important;
}
.title {
	border-bottom: 1px solid #ddd;
	color: rgba(56,73,94,1.00) !important;
	padding-bottom: 15px;
}
.linered {
	border-top: 3px solid #E74C3D;
}
.linegreen {
	border-top: 3px solid #14a085;
}
.lineblue {
	border-top: 3px solid #2980b9;
}
.btn1 {
	padding: 1rem;
	background-color: #009DA0;
	border: 1px solid #009DA0;
	color: #eee;
	width: 100%;
	border-radius: 4px;
}
.btn2 {
	padding: 1rem;
	background-color: #fff;
	border: 1px solid #009DA0;
	color: #009DA0;
	width: 100%;
	border-radius: 4px;
}
.btn-input-group {
	background-color: #009DA0;
	border: 1px solid #009DA0;
	color: #eee;
	width: 100%;
}
.btn-modal {
	padding: 0.7rem;
	background-color: #fff;
	border: none;
	color: #009DA0;
}
.btn-card {
	padding: 1rem;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid rgba(255,255,255,0.7);
	width: 100%;
	border-radius: 4px;
	color: #fff;
}
.btn1:hover, .btn2:hover {
	background-color: #00777a;
}
.border-top {
	border-top: 1px solid #e5e5e5;
}
.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}
/*************************
******* Login ******
**************************/
body {
	color: rgba(56,73,94,1.00) !important;
	background-color: #f8f8f8 !important;
	font-family: Helvetica, Arial, sans-serif;

}
.login_body {
	background: url(../img/bg01.png);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: 50% 50%;

}
/*.login_bg:before {
	  content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0.6;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
	background: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}*/
#title {
	background-image: linear-gradient(45deg, #360033, #0b8793);
	background-repeat: repeat-x;
	color: #e57e25;
	text-align: center;
	padding: 50px 0;
}
#title a {
	font-weight: 300;
	letter-spacing: 5px;
	margin: 0 auto;
	color: white;
	font-size: 48px;
	text-align: center;
	min-height: 50px;
}
#login_form {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 0 !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5rem 0 2rem 0 !important;
	border-bottom: 3px solid #26b99a;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, .3);
}
.login_form {
	background-color: #fff;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, .3);
	padding: 15px;
	border-radius: 4px !important;
	min-height: 150px;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
.login_box {
	bottom: 0;
	left: 0;
	margin-bottom: 3rem;
	margin-left: 3rem;
	margin-right: 3rem;
	min-height: 150px;
}
.login_box input {
	width: 100%;
	padding: 1rem;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.login_box input {
	margin-bottom: 1.4rem;
}
.login_box button {
	text-align: left;
}
.login_box .caret {
	float: right;
	margin: 10px 0 0 0;
}
.change {
	margin: 15px 0 0 0;
}
.change a {
	color: #26b99a;
}
.checkbox {
	margin: 15px 0 0 0;
}
label.check {
	column-rule: #999;
	float: right;
}
label input {
	display: none;
}
#login_form label span {
	height: 12px;
	width: 12px;
	border: none;
	display: inline-block;
	position: relative;
	background-color: #26b99a;
	color: #fff;
}
[type=checkbox]:checked + span:before {
	content: '\2714';
	position: absolute;
	top: -5px;
	left: 0;
}
.login_btn, .change-pass {
	margin-bottom: 1.4rem;
	margin-top: 2.4rem;
	padding: 1rem;
	border: none;
	background-color: #009DA0;
	color: #eee;
	border-radius: 4px;
}
.login_btn:hover {
	background-color: #26b99a;
}
.login_btn .glyphicon {
	font-size: 3rem;
	color: #fff;
}
.modal-content {
	background: #fff;
	border: none;
	border-radius: 0 !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 3px solid #26b99a;
}
.modal-header {
	color: #fff;
	background-image: linear-gradient(45deg, #360033, #0b8793);
	background-repeat: repeat-x;
	border-bottom: 1px solid #27323f;
}
.modal-body {
	padding: 5rem 5rem 1rem 5rem !important;
}
.change-pass {
	width: 100%;
	text-align: center !important;
}
.change-pass:hover {
	background-color: #26b99a;
}
.change-pass .glyphicon {
	font-size: 3rem;
	color: #fff;
}
input:focus, button:focus {
	border: 1px solid #26b99a;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(229,126,37,.9);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(39,174,96,.9);
}
/*************************
******* Sidebar ******
**************************/
.cd-main-content h4 {
	color: rgba(255,255,255,1.00);
	padding: 10px;
}
.accordion-menu {
	width: 100%;
	max-width: 350px;
	margin: 0px auto 20px;/*background: #38495e;*/
}
.accordion-menu li.open .dropdownlink {
	border-left: 3px solid #E91E63;
	background-color: rgba(200, 200, 200, 0.2);/*background-color: #2c3e50;*/
}
.accordion-menu li.open .dropdownlink .k-i-arrow-chevron-down {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion-menu li.open .dropdownlink i {
/*color: #E74C3D;*/
}
.accordion-menu li:last-child .dropdownlink {
	border-bottom: 0;
}
.dropdownlink {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 45px;
	/*font-size: 18px;
  border-bottom: 1px solid #ccc;*/
	color: #fff;
	position: relative;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.dropdownlink i {
	position: absolute;
	top: 17px;
	left: 16px;
}
.dropdownlink .k-i-arrow-chevron-down {
	right: 12px;
	left: auto;
}
.submenuItems {
	display: none;/*background: #C8E6C9;*/
}
.submenuItems li {
	border-bottom: 1px solid #2c3e50;
}
.submenuItems a {
	display: block;
	color: #fff;
	padding: 12px 12px 12px 45px;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.submenuItems a:hover {
	background-color: rgba(255,255,255,0.1);
	color: #fff;
}
/**/

#tabstrip ul {
	background-color: #eee;
}
#tabstrip li {
	background-position: 50% 50%;
	background-color: #eee;
}
#tabstrip li.k-state-active {
	background-color: #ddd;
	background-image: none;
	border-bottom-color: #bbb !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0px !important;
}
#tabstrip .k-state-default .k-link {
	color: #009DA0;
}

.gradient-blackberry {
	background-image: linear-gradient(45deg, #843cf7, #38b8f2);
	background-repeat: repeat-x;
}
.gradient-ibiza-sunset {
	background-image: linear-gradient(45deg, #ee0979, #ff6a00);
	background-repeat: repeat-x;
}
.gradient-green-tea {
	background-image: linear-gradient(45deg, #004b91, #78cc37);
	background-repeat: repeat-x;
}
.gradient-pomegranate {
	background-image: linear-gradient(45deg, #9B3cb7, #FF396f);
	background-repeat: repeat-x;
}
.card {
	border: 0;
	margin: 18px 0;
	box-shadow: 0 6px 0px 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
	border-radius: 4px;
	color: #fff !important;
}
.card .title {
	color: #fff !important;
}
#map {
	height: 400px;  /* The height is 400 pixels */
	width: 100%;  /* The width is the width of the web page */
}
#fieldlist {
	margin: 0;
	padding: 0;
}
#fieldlist li {
	list-style: none;
	padding-bottom: .7em;
	text-align: left;
	position: relative;
}
#fieldlist label {
	display: block;
	padding-bottom: .3em;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #444;
}
#fieldlist li.status {
	text-align: center;
}
#fieldlist li .k-widget:not(.k-tooltip),  #fieldlist li .k-textbox {
	margin: 0 5px 5px 0;
}
.confirm {
	padding-top: 1em;
}
.valid {
	color: green;
}
.invalid {
	color: red;
}
#fieldlist li input[type="checkbox"] {
	margin: 0 5px 0 0;
}
span.k-widget.k-tooltip-validation {
	display: inline-block;
	/*width: 160px;*/
	text-align: left;
    right:13px;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	box-shadow: none;
	position: absolute;
    top: -21px;
    padding: 10px;
    background-color:#dc3545;
    border-radius: 4px;
    color: #fff;
}
span.k-widget.k-tooltip-validation:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 7px solid black;
    border-color: #dc3545 transparent transparent;
    margin-top: 18px;
   /* margin-left: 30px;*/

}

.k-tooltip-validation .k-warning {
	display: none;
}
.tab-content {
	padding: 20px 0;
}
.table-hover>tbody>tr:hover {
	background-color: rgba(0,157,152,0.5) !important;
}
.table-hover>thead {
	color: rgba(0,157,152,1) !important;
}
#notification_li {
	position: relative
}
#notificationContainer {
	background-color: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	overflow: visible;
	position: absolute;
	top: 66px;
	margin-left: -188px;
	width: 400px;
	z-index: -1;
	display: none;  /*Enable this after jquery implementation */
}
/*// Popup Arrow*/
#notificationContainer:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	color: transparent;
	border: 10px solid black;
	border-color: transparent transparent white;
	margin-top: -20px;
	margin-left: 188px;
}
#notificationTitle {
	font-weight: bold;
	padding: 16px;
	font-size: 13px;
	color: #009DA0;
	background-color: #ffffff;
	position: fixed;
	z-index: 1000;
	width: 400px;
	border-bottom: 1px solid #dddddd;
}
#notificationsBody {
	padding: 48px 0px 0px 0px !important;
	min-height: 300px;
}
#notificationsBody div {
	padding: 25px 25px 25px 35px!important;
	border-bottom: 1px solid #dddddd;
}
#notificationsBody a {
	padding: 0 !important;
	color: rgba(56,73,94,1.00) !important;
}
#notificationFooter {
	background-color: #e9eaed;
	text-align: center;
	font-weight: bold;
	padding: 8px;
	font-size: 12px;
	border-top: 1px solid #dddddd;
}
.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: rgba(0,157,152,1) !important;
	border-radius: 4px
}
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
  border-top-color: rgba(0,157,152,1) !important;
}
.tooltip.right .tooltip-arrow {
  border-right-color: rgba(0,157,152,1) !important;
}
.tooltip.left .tooltip-arrow {
  border-left-color: rgba(0,157,152,1) !important;
}
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: rgba(0,157,152,1) !important;
}


.grid_icon{
	text-align:center;
	
}