/*********************
****Left Bar css*****
**********************/
.LeftBar .LeftBar-item .img-LeftBar {
  border-radius: 5px;
  margin-bottom: 45px;
}

.LeftBar .LeftBar-item .LeftBar-content 
{
	padding-top: 10px;
  padding-bottom: 25px;
}

.LeftBar .LeftBar-item .LeftBar-content h2 {
margin-top: 0px;
font-size: 15px;
color: #757575;
background: none repeat scroll 0% 0% #F2F2F2;
padding: 9px;
border-radius: 5px;
border-bottom: 2px solid #D2D2D2;
text-shadow: 3px 3px 3px #B7B7B7;
}

.LeftBar .LeftBar-item .LeftBar-content h4 
{
	margin-top: 10px;
	padding-left: 10px;
}
.LeftBar .LeftBar-item .LeftBar-content h3 
{
padding-left: 7px;
color: #505054;
font-weight: 600;
}
.LeftBar .LeftBar-item .LeftBar-content h5 
{
	padding-left: 7px;
	font-size: 12px;
color: #898989;
text-transform: uppercase;
font-weight: 300;
line-height: 1.6;
}
.LeftBar .LeftBar-item .LeftBar-content h6 
{
color: #636363;
font-size: 20px;
font-weight: 700;
line-height: 20px;
margin-top: 16px;
margin-left:6px;
text-transform: uppercase;
}
.LeftBar .LeftBar-item .LeftBar-content h6 small
{
font-weight: 400;
line-height: 1;
color: #999;
}
.LeftBar .LeftBar-item .LeftBar-content img	 
{
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #E1E1E1;
box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.35);
padding: 5px;
}
.LeftBar .LeftBar-item .LeftBar-content p 
{
	padding: 10px;
  color: #858586;
  margin-bottom: 0px;
  text-align:justify;
  }
.LeftBar .LeftBar-item .LeftBar-content span 
{  
	margin-top:10px;
vertical-align: baseline;
line-height: 22px;
}
  
  
  /******************
 Login Page Setting page css
 ******************/

#Login .btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success:hover {
  background-color: #EBEBEB;
  border-color: #EBEBEB;
  color: #4E4E4E;
}

#Login h1{
  color: #4e4e4e;
  text-transform: uppercase;
}

.loginform_Header_Style {
    margin-top: 45px;
    background: none repeat scroll 0% 0% #cf1b15;
    color: #FFF;
    font-size: 16px;
    display: inline-block;
    border-radius: 5px 5px 0px 0px;
}
.form_Style 
{
	margin-top: 0px;
	margin-bottom: 40px;
    border-right: 0px none;
    border-width: 1px 0px 0px;
    border-style: solid none none;
    border-color: #F0F0F0 -moz-use-text-color -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    padding: 20px;
    display: inline-block;
}
.Form_rows
{padding-bottom: 12px;}

.label_Style {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}

.textbox_Style {
	border-radius: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
box-shadow: none;
min-height: 50px;
padding: 0px 5px 0px 36px;
border: 3px solid #EDEDED;
width:100%;
color: #ABA9A9;
}
.itextbox_Style{
position: absolute;
padding: 14px;
pointer-events: none;
font-size: 20px;
color: #C9C9C9;
}


.Message_Style
{
	font-size:12px;
	color: Red;
	}
.Error_Message_style {
margin: 25px 0px -15px;
background: rgb(255, 228, 228) none repeat scroll 0% 0%;
padding: 4px 10px;
width: 100%;
border-radius: 4px;
border: 1px solid #ffc7c7;
}

.MenuHeader {
    background: none repeat scroll 0% 0% #cf1b15;
    Padding: 6px;
    margin-top: 0px;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;                   
    border-bottom: 3px solid #757575;
}
/*.SideMenuBar_Style ul { margin-left: -40px;}*/
.SideMenuBar_Style ul li {
	list-style: outside none none;
font-size: 18px;
color: #4E4E4E;
line-height: 22px;
border-radius: 5px;
background: #F2F2F2 none repeat scroll 0% 0%;
/*width: 100%;*/
overflow: hidden;
margin-left: -40px;
}	
.SideMenuBar_Style ul li i {
	padding: 8px 11px;
width: 43px;
text-align: center;
}
.SideMenuBar_Style ul li a {		
    padding: 0px 10px;
	color: #4E4E4E;
	font-size: 13px;
    font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  border-bottom:1px solid #ccc;
}

.SideMenuBar_Style ul li a i {
margin-right: 10px;
padding: 9px 11px 9px 5px;
text-align: center;
font-size: 17px;
}
.SideMenuBar_Style ul li a:hover 
{		
    font-weight: 600;
	color: #4E4E4E;
}


/* ---------------------------------------------------------*/


.MyCalendar .ajax__calendar_container {
    border: 2px solid #FFFFFF;
    background-color: #cf1b15;
    width: 200px;
    padding-bottom: 20px;
    color: #333333;
    font-weight: bold;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #FFFFFF;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #FFFFFF;
    text-decoration:underline;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #FFFFFF;
    font-weight:bold;
}
.DemoVersionNotice
{text-align: center;
background-color: red;
color: #eaeaea;
font-weight: 700;
font-size: 15px;
}

.HeaderAdd
{
height: 34px;
padding: 5px;
background-color: #F2F2F2;
border-radius: 7px 7px 0px 0px;
margin-bottom: -2px;
background-color: #DBDBDB;
font-family:'Open Sans', sans-serif;
color: #757575;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#DBDBDB, EndColorStr=#FFFFFF )";
background-image: -webkit-linear-gradient(       top, #DBDBDB, #FFF );
background-image:    -moz-linear-gradient(       top, #DBDBDB, #FFF ); 
background-image:      -o-linear-gradient(       top, #DBDBDB, #FFF ); 
background-image:         linear-gradient( to bottom, #DBDBDB, #FFF );
}

.HeaderAdd a
{
color: #333;
}
.DivSearch {
padding: 5px;
margin: 0px 0px 10px;
border: 1px solid rgb(224, 224, 224);
background-color: rgb(249, 249, 249);
border-radius: 5px;
}


.DivGridView-Round {
    border: 1px solid #E0E0E0;
    -moz-border-radius: 15px;
border-radius: 5px;
overflow:hidden;
margin-left:2px;    
}
.DivGridView {
    width: 100%;
    font-weight: 400;
    clear: both;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    border: 0px;
    
}

.DivGridView th {
color: #686666;
padding: 6px;
font-weight: bold;
border-image: none;
border-width: 0px 0px;
border-style: solid none;
border-color: #FAFAFA -moz-use-text-color #E0E0E0;
background: #E4E4E4;
text-shadow: 1px 1px 0px #EFEFEF;
text-align: center;
line-height: 15px;
}

.DivGridView tbody tr:nth-child(2n) {
    background: none repeat scroll 0% 0% #FCFCFC;
}

.DivGridView th:first-child, .DivGridView td:first-child {
    border-left: medium none;
}

.DivGridView td {
    border: 1px solid #E0E0E0;
    padding: 4px;
    vertical-align: middle;
    color: #3f3f3f;
	line-height: 15px;
}
.DivGridView td a
{
	color: #3f3f3f;
	}
	.DivGridView td a:hover
{
	color: #3f3f3f;
	text-shadow:0px 3px 3px #ccc;
	 transition: all 0.5s ease-in-out 0s;
	}
	.DivGridView tr:hover td
	{
	 background:#f5f5f5;
	}
.DivGridView-Pager td table td
{
color: #C34D4D;
border-radius: 15px;
box-shadow: 0px 1px 1px #CCC;
width: 25px;
text-align: center;
font-weight: bold;
font-size: 12px;
	}	
.DivGridView-Pager td table td:hover, .DivGridView-Pager td table td a:hover
{
	background-color: #484646;
	color: #fff;
}	

.DataListImage
{
	background: none repeat scroll 0px 0px #FFF;
border: 1px solid #E1E1E1;
box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.35);
padding: 5px;
}


.RadioButtonList td {
clear: both;
font-family: sans-serif;
font-weight: normal;
color: #999;
}
.RadioButtonList td label {
width: 200px;
border-radius: 5px;
border: 1px solid #D1D3D4
}
.RadioButtonList td input:empty {    margin-left: -1400px;}
.RadioButtonList td input:empty ~ label {
position: relative;
float: left;
line-height: 2.5em;
text-indent: 3.25em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.RadioButtonList td input:empty ~ label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: '';
width: 2.5em;
background: #D1D3D4;
border-radius: 3px 0 0 3px;
}
.RadioButtonList td input:hover:not(:checked) ~ label:before {
content:'\2714';
text-indent: .9em;
color: #C2C2C2;
}
.RadioButtonList td input:hover:not(:checked) ~ label {    color: #888;}
    .RadioButtonList td input:checked ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #C5D3DD;
        background-color: #cf1b15;
    }

.OptionHeader{
margin-top: 0px;
font-size: 16px;
color: #757575;
text-shadow: 3px 3px 3px #B7B7B7;
}

.ErrorMessage{
padding-left: 10px;
}


.ItemRounded-list {
font-family: sans-serif;
font-size:15px;
font-weight: normal;
} 
.ItemRounded-list td {
	padding-left:30px;
} 
.ItemRounded-list td a {
position: relative;
display: block;
padding: 0.6em;
background: #F2F2F2 none repeat scroll 0% 0%;
color: #757575;
text-decoration: none;
border-radius: 0.3em;
transition: all 0.3s ease-out 0s;
text-indent: 1.2em;
	width: 200px;  
}
.ItemRounded-list td a:before {
content:'\2714';
text-indent: 0em;
color: #E2F1FF;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #B1D5EF none repeat scroll 0% 0%;
height: 2.6em;
width: 2.6em;
line-height: 2em;
border: 0.3em solid #FFF;
text-align: center;
border-radius: 2em;
transition: all 0.3s ease-out 0s;
}
.ItemRounded-list td a:hover {
background: #DDD;
color: #535353;
text-shadow: 1px 1px 1px #B7B7B7;
}
    .ItemRounded-list td a:hover:before {
        transform: rotate(360deg);
        color: #E6F3FF;
        background: #cf1b15;
    }



.preloader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:rgba(0,0,0,0.5); 
}
.preloader svg {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -32.5px;
	margin-left: -32.5px;
}
.preloader-left {
	position: fixed;
	width: 50%;
	height: 100%;
	background: white;
	z-index: 999;
	transition: .7s .3s transform ease-in-out;
}
.slide-left {
	transform: translate3d(-100%, 0, 0);
	will-change: transform;
}
.preloader-right {
	position: fixed;
	width: 50%;
	right: 0;
	height: 100%;
	background: white;
	z-index: 999;
	transition: .7s .3s transform ease-in-out;
}
.slide-right {
	transform: translate3d(100%, 0, 0);
	will-change: transform;
}
.spinner {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
    background: none repeat scroll 0% 0% #cf1b15;
    border: 2px solid white;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.iconSpan {
    border-radius: 25px;
    border: 2px solid #EDEDED;
    padding: 8px 0px 8px 0px;
    background-color: #cf1b15;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#77BDF2, EndColorStr=#FFFFFF )";
    background-image: -webkit-linear-gradient( top, #cf1b15, #FFF );
    background-image: -moz-linear-gradient( top, #cf1b15, #FFF );
    background-image: -o-linear-gradient( top, #cf1b15, #FFF );
    background-image: linear-gradient( to bottom, #cf1b15, #FFF );
}
.iconStyle {
    height: 33px;
    width: 35px;
    color: #3f3f3f;
    font-size: 22px;
    text-align: center;
    vertical-align: sub;
}
.iconText { 
  font-weight           : bold;
  font-size             : 8pt; 
  color                 : #fff; 
}
.iconLnk{  
text-decoration			: none; 
}
.DivMpe{
display:none; 
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.5);
}
.DivMpeInner {
    text-align: center;
    margin-top: 3%;
    background-color: White;
    overflow: auto;
    border-radius: 7px;
    border: 3px solid #cf1b15;
    box-shadow: 0px 0px 22px rgba(1, 1, 1, 0.6);
    min-height: 120px;
    max-height: 620px;
}

.PopupButton {
    padding: 3px 10px;
    border: 1px solid #757575;
    border-radius: 4px;
    font-size: 14px;
    float: right;
    margin-right: 4px;
}
    .PopupButton:hover, .PopupButton:focus {
        border-color: #66afe9;
        color: #cf1b15;
        font-weight: bold;
        font-size: 13.1px;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
        -o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6) !important;
    }