body {
}

.main-footer{background-color:#455A64; }
.main-footer a{color:#fff;}
li.treeview {
    cursor:pointer;
}

.treeview-menu li{padding: 6px;cursor:pointer;}

.HideMe
{
display:none;    
}

.MyReportTableDisplay thead th
{
    
    text-transform: uppercase;
    color:#367fa9;
    border-bottom:1px solid black !important;
    font-size:10px;
    text-align:center;
    font-weight:bold;
}
.MyReportTableDisplay tbody td
{   
    font-size:10px;
    text-align:center;
}
.MyReportTableDisplay.BigFont thead th
{
    
    text-transform: uppercase;
    color:#367fa9;
    border-bottom:1px solid black !important;
    font-size:13px;
    text-align:center;
    font-weight:bold;
}
.MyReportTableDisplay.BigFont tbody td
{   
    font-size:13px;
    text-align:center;
}
.MyReportTableDisplay1 thead th
{
    
    text-transform: uppercase;
    color:#367fa9;
    border-bottom:1px solid black !important;
    font-size:10px;
    text-align:center;
    font-weight:bold;
}

.MyReportTableExcel tbody td
{
    font-size:10px;
    text-align:center;
}

.tbl-container
{
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.left-col-md-4
{
    padding-left: 0px;
}

.right-col-md-4
{
    padding-right: 0px;
}

/*Auto Complete List*/

.DivAutoComplete
{
    position: absolute;
    background-color: transparent;
    /*max-width: 610px;
    width: auto;
    max-height: 1000%;
    height: auto;
 margin-top: 6.63%;*/
    color: White;
    z-index: 2000;
   
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 6px 1px;
}

.DivAutoComplete table
{
    font-family: arial;
    border: solid 3px White; 
    background-color: #EAF0F1;
    font-size: 10px;
    width:100%;
}
.DivAutoComplete table th
{
    border-style: solid;
    border-color: white;
    border-width: 1px 1px 1px 0px;
    background-color: #337ab7;
    color: White;
    height: 20px;
    padding: 1px;
    text-align: center;
  
    font-variant: small-caps;
    font-family: serif;
    padding: 2px;
    font-size: 10px;
}
.DivAutoComplete tbody
{
overflow: scroll;    
}
.DivAutoComplete thead tbody
{
    display:block;
  
}
.DivAutoComplete tbody
{
     height: 100px;      
 
}
.DivAutoComplete table.scroll tbody,
.DivAutoComplete table.scroll thead { display: block; }
.DivAutoComplete table td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    color: #337ab7;
    padding: 2px;
    font-size: 10px;
}

/*Auto Complete List*/
/*Auto Complete List*/

.DivAutoCompleteAu
{
    position: absolute;
    background-color: transparent;
    /*max-width: 610px;
    width: auto;
    max-height: 1000%;
    height: auto;
 margin-top: 6.63%;*/
    color: White;
    z-index: 2000;
   
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 6px 1px;
}

.DivAutoCompleteAu table
{
    font-family: arial;
    border: solid 3px White; 
    background-color: #EAF0F1;
    font-size: 10px;
    width:100%;
}
.DivAutoCompleteAu table th
{
    border-style: solid;
    border-color: white;
    border-width: 1px 1px 1px 0px;
    background-color: #337ab7;
    color: White;
    height: 20px;
    padding: 1px;
    text-align: center;
  
    font-variant: small-caps;
    font-family: serif;
    padding: 2px;
    font-size: 10px;
}
.DivAutoCompleteAu tbody
{
overflow: scroll;    
}
.DivAutoCompleteAu thead tbody
{
    display:block;
  
}
.DivAutoCompleteAu tbody
{
     height: 100px;      
 
}
.DivAutoCompleteAu table.scroll tbody,
.DivAutoCompleteAu table.scroll thead { display: block; }
.DivAutoCompleteAu table td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    color: #337ab7;
    padding: 2px;
    font-size: 10px;
}

/*AutoComplete*/


.DivAutoCompleteNext
{
    position: absolute;
    background-color: transparent;
    /*max-width: 610px;
    width: auto;
    max-height: 1000%;
    height: auto;
 margin-top: 6.63%;*/
    color: White;
    z-index: 2000;
   
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 6px 1px;
}





.DivAutoCompleteNext table
{
    font-family: arial;
    border: solid 3px White; 
    background-color: #EAF0F1;
    font-size: 10px;
    width:100%;
}
.DivAutoCompleteNext table th
{
    border-style: solid;
    border-color: white;
    border-width: 1px 1px 1px 0px;
    background-color: #337ab7;
    color: White;
    height: 20px;
    padding: 1px;
    text-align: center;
  
    font-variant: small-caps;
    font-family: serif;
    padding: 2px;
    font-size: 10px;
}
.DivAutoCompleteNext tbody
{
overflow: scroll;    
}
.DivAutoCompleteNext thead tbody
{
    display:block;
  
}
.DivAutoCompleteNext tbody
{
     height: 100px;      
 
}
.DivAutoCompleteNext table.scroll tbody,
.DivAutoCompleteNext table.scroll thead { display: block; }
.DivAutoCompleteNext table td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    color: #337ab7;
    padding: 2px;
    font-size: 10px;
}

table.table {border:1px solid}

table.table tr{border:1px solid}

table.table tr td, table.table tr th{border-right:1px solid; text-align:center;}

table.table tr td{border-bottom:1px solid;}

.table-striped > tbody > tr:nth-of-type(odd){ background-color: #ECEFF1;}

.table-striped > tbody > tr:hover{background-color: #90A4AE; color:#fff;}

.table-striped > tfoot > tr > th{font-weight: 900;}

table.hovertable
{
    
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #ffffff;
    border-collapse: collapse;
}
table.hovertable th
{
    background-color: #3c8dbc;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #ffffff;
    text-align: center;
    font-size:10pt;
    color:#ffffff;
    border-top-width:0px;
}

table.hovertable td
{
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #ffffff;
    font-size:9pt;
}

table.hovertable tr:nth-child(even) {background: #FFF}

table.hovertable tr:nth-child(odd) {background: #f5f5f5}

/******/
.DivAutoCompleteGuarantor
{
    position: absolute;
    background-color: transparent;
    /*max-width: 610px;
    width: auto;
    max-height: 1000%;
    height: auto;
 margin-top: 6.63%;*/
    color: White;
    z-index: 2000;
   
    box-shadow: rgba(0, 0, 0, 0.137255) 0px 4px 6px 1px;
}

.DivAutoCompleteGuarantor table
{
    font-family: arial;
    border: solid 3px White; 
    background-color: #EAF0F1;
    font-size: 10px;
    width:100%;
}
.DivAutoCompleteGuarantor table th
{
    border-style: solid;
    border-color: white;
    border-width: 1px 1px 1px 0px;
    background-color: #337ab7;
    color: White;
    height: 20px;
    padding: 1px;
    text-align: center;
  
    font-variant: small-caps;
    font-family: serif;
    padding: 2px;
    font-size: 10px;
}
.DivAutoCompleteGuarantor tbody
{
overflow: scroll;    
}
.DivAutoCompleteGuarantor thead tbody
{
    display:block;
  
}
.DivAutoCompleteGuarantor tbody
{
     height: 100px;      
 
}
.DivAutoCompleteGuarantor table.scroll tbody,
.DivAutoCompleteGuarantor table.scroll thead { display: block; }
.DivAutoCompleteGuarantor table td
{
    text-align: left;
    padding: 5px;
    border-bottom: solid 1px white;
    border-right: solid 1px white;
    color: #337ab7;
    padding: 2px;
    font-size: 10px;
}
/************************************************/
table.table {border:1px solid}

table.table tr{border:1px solid}

table.table tr td, table.table tr th{border-right:1px solid; text-align:center;}

table.table tr td{border-bottom:1px solid;}

.table-striped > tbody > tr:nth-of-type(odd){ background-color: #ECEFF1;}

.table-striped > tbody > tr:hover{background-color: #90A4AE; color:#fff;}

.table-striped > tfoot > tr > th{font-weight: 900;}
/************************************************/
#xxDlg_Bck_xxOvrlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.388235);
    opacity: 0.56;
    display: none;
    z-index: 111;
}

.field-validation-error
{
    color: #ff0000;
}


.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.valid
{
    border-color: #d2d6de;
    background-color: #fff;
}

.valmsg{display:none;}

/************************************************/

#xxDlg_Bck_xxOvrlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.388235);
    opacity: 0.56;
    display: none;
    z-index: 111;
}
.popup-btn:hover{background:darkslategray !important;}


.blink_me
{
    text-align:Left;
    text-indent:500;
    text-decoration:'blink';
    font-size:medium;
    font-family:Franklin Gothic Demi Cond;
    font-weight:bolder;
    position: relative;
    left: 1%;
   
    
}
.cssload-loader {
	position: relative;
	left: calc(50% - 31px);
	width: 62px;
	height: 62px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	perspective: 780px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 3px solid rgb(0,0,0);
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 3px solid rgb(0,0,0);
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 3px solid rgb(0,0,0);
}







@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
/* DashBoard Design */

    .bg-color-green {
background-color: #fff;
color: #5cb85c;
}
 .back-footer-Pink 
 {
background-color: #339999;
color:#fff;
border-top: 0px solid #fff;

}
.MyDashBoard
{
   background-color: #ecf0f5; 
}
.no-boder {
    border:1px solid #f3f3f3;
}

.panel-back {
    background-color:#fff;

}
.panel-default > .panel-heading {
color: #fff;
background-color: #3c8dbc;
border-color: #ddd;
font-weight:bold;
}
.jumbotron, .well{
background:#fff;
}
.bg-color-blue {
background-color: #fff;
color: #4CB1CF
}
  .bg-color-red {
background-color: #fff;
color:#F0433D;
}
  .bg-color-brown {
background-color: #fff;
color:#f0ad4e;
}
.back-footer-green {
background-color:#935347;
color:#fff;
border-top: 0px solid #fff;

}
 .back-footer-red {
background-color: #5a5c51;
color:#fff;
border-top: 0px solid #fff;
}
 .back-footer-blue {
background-color: #4CB1CF;
color:#fff;
border-top: 0px solid #fff;
}
 .back-footer-brown {
background-color: #729f98;
color:#fff;
 /*CHAT PANEL*/
 .chat-panel .panel-body {
height: 450px;
overflow-y: scroll;
}
 .chat-box {
margin: 0;
padding: 0;
list-style: none;
}
 .chat-box li {
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dotted #808080;
}
 .chat-box li.left .chat-body {
margin-left: 90px;
}
 .chat-box li .chat-body p {
margin: 0;
color: #8d8888;
}
.chat-img>img {
    margin-left:20px;
}
footer p{
font-size: 14px;
}

#mytablehead
{
    background-color:#107EAF;
}

/*...........*/


/******************************************  STAR RATINGS  ********************************************************/

rating {
    float: left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position: absolute;
    top: -9999px;
    clip: rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float: right;
    width: 1em;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    /*color: #ddd;*/
    text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
    color :aqua;
}

    .rating:not(:checked) > label:before {
        content: '★ ';
    }

.rating > input:checked ~ label {
    color: #f70;
    text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position: relative;
    top: 2px;
    left: 2px;
}



/*****************************************************************************************************************************************************************/