/* Typeahead styles*/
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff;
}
.label-info {
    background-color: #5c87b2;
}
.label {
    display: inline;
    padding: .5em 1em;
    font-size: 90%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.tt-menu {
    width: 400px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-menu, .gist {
    text-align: left;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}
.tt-hint {
    width: 400px!important;
}

.result {
    border: 1px dashed black;
    padding: 10px 10px 10px 10px;
}

.options {
    width: 150px!important;
}



/* The animation code */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1}
}

/* The element to apply the animation to */
/*.stat-count {
    animation-name: fadein;
    animation-duration: 5s;
}*/
.stat-count{ opacity:0; }

/**while page data is loading*/
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 125, 125, 125, .4 ) 
                url('/App_Themes/default/images/ajax_loader_gray_256.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    /*overflow: hidden;*/
     
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}




.auto-style3 table{margin:auto !important;width:70% !important;}
.gui-icon:hover img{height:auto !important;}
.gui-folder > a:after,.gui-folder.expanding > a:after, .gui-folder.expanded > a:after {
	font-size:2em;
	top: 5px !important;
	left:-2px !important;
}
.menu img{width:14px !important;}
.gui-controls > li ul > li > a .title{margin-left:0 !important}
.gui-controls > li ul > li{margin-bottom:0 !important}
.gui-controls > li ul > li:before{z-index:10;}
.gui-controls > li ul{margin:0 !important}
.menubar-inverse .gui-controls a.expanded .gui-icon, .menubar-inverse .gui-controls li.active .gui-icon, .menubar-inverse .gui-controls li.active .gui-icon:hover{background-color: rgba(255,255,255,.3);}
li.acive{border:1px solid red !important;}
.menubar-inverse .gui-controls li .title{font-size:1.3em;}
.logo-bg{float: none;text-align: center;}
#menubar .playstore{
	width:100%;
	float:none;
	margin:auto;
}
#menubar .playstore img{
	width:50%;
}
/*.level1 li a{
	padding-left:5px;
}*/
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
Default color:#5c87b2
Primary color: #9fbcd9
Secondary color:#1e4a74
Contrast Color:#a67228/#ffc97a
----------------------------------------------------------*/
body {/*background:#fff url('images/square_bg.png') repeat;*//*font-size: .85em;*/font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;margin: 0;padding: 0;color: #444;}

#dialog_link, #tabs a:link, #accordion a:link{font-size:12px;text-decoration: none;}

p, ul {margin: 5px;line-height: 1.6em;}

.header,.footer,nav,section {display: block;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-size: 1.5em;color: #000;}
h1 {font-size: 2em;padding-bottom: 0;margin-bottom: 0;}
h2 {padding: 0 0 0px 0;/*border-bottom:1px solid #ffc97a*/}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

h2 a{font-size:12px}
h2 small{font-size:12px}

hr{border:0px;border-bottom:/*1px solid #9fbcd9*/1px solid #ddd;background-color:transparent;color:#fff}

/*.dividerBg{background-color:#5c87b2;color:#fff;width:100%;padding:0px;margin:0px;min-height:24px;background:#5c87b2;
                                background-image: -ms-linear-gradient(bottom , #5c87b2 3%, #1e4a74 97%);
                                background-image: linear-gradient(bottom , #5c87b2 3%, #1e4a74 97%);
                                background-image: -o-linear-gradient(bottom , #5c87b2 3%, #1e4a74 97%);
                                background-image: -moz-linear-gradient(bottom , #5c87b2 3%, #1e4a74 97%);
                                background-image: -webkit-linear-gradient(bottom , #5c87b2 3%, #1e4a74 97%);
                                background-image: -webkit-gradient(linear,bottom left,left top,color-stop(0.03, #5c87b2),color-stop(0.97, #1e4a74));
                                ;
}*/


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
/*.page {width: 1200px;margin-left: auto;margin-right: auto;margin-top:5px;}*/
.dividerBg .page{padding:0px}
.header, #header {position: relative;margin-bottom: 0px;color: #000;padding: 0;padding-left:15px;padding-right:15px}
.header h1, #header h1 {padding-left:15px;padding-right:15px;font-weight: bold;padding: 1px 0;margin: 0;color: #5c87b2;border: none;line-height: 2em;font-size: 32px !important;text-shadow: 1px 1px 2px #111;}
.main {min-height:360px;/*padding: 10px 30px 5px 30px;background-color: #fff;*/}
/*.main a{text-decoration:underline;color: #fff;}
.main a:hover{text-decoration:none}*/
.main .maincontainer{width:700px;}
.main .equalcontainer{width:420px;padding:0px 10px}
.main .sidecontainer{width:200px; }
.main .sidecontainerM{width:250px; margin-right:10px;border:1px solid #ffc97a;margin-bottom:5px}
.footer, #footer {padding-left:15px;padding-right:15px;color: #444;padding: 10px 0;text-align: center;line-height: normal;margin: 0 0 5px 0;font-size: .9em;border-radius: 0 0 4px 4px;-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-top:2px solid #1e4a74}
.footoer p{line-height:16px}
.footer a{color: #a67228;}
.footer a:hover{color: #a67228;text-decoration:none}

/*Special Tab like effect*/
.parentTab{/*border:1px solid #9fbcd9;padding:1px*/}
.Tablike{color:#fff;width:inherit;padding:0px;margin:0px;height:30px;background:#9fbcd9;
                                background-image: -ms-linear-gradient(bottom , #9fbcd9 3%, #5c87b2 97%);
                                background-image: linear-gradient(bottom , #9fbcd9 3%, #5c87b2 97%);
                                background-image: -o-linear-gradient(bottom , #9fbcd9 3%, #5c87b2 97%);
                                background-image: -moz-linear-gradient(bottom , #9fbcd9 3%, #5c87b2 97%);
                                background-image: -webkit-linear-gradient(bottom , #9fbcd9 3%, #5c87b2 97%);
                                background-image: -webkit-gradient(linear,bottom left,left top,color-stop(0.03, #9fbcd9),color-stop(0.97, #5c87b2));}
.Tablike a{padding:5px 10px;color:#fff;margin:3px 2px;line-height:32px;text-decoration:none;background-color:#5c87b2;border:1px solid #9fbcd9;border-bottom:0px}
.Tablike a:hover{color:#fff;background-color:#1e4a74;border:1px solid #5c87b2;border-bottom:0px}
.Tablike .active, .Tablike a.active:hover{background-color:#9fbcd9;color:#000;border:1px solid #5c87b2;border-bottom:0px}

.login-box .alert{width:70% !important;margin:0 auto 5px auto;padding:10px;}
/* TAB MENU   
----------------------------------------------------------*/
/*.dowloadicon
{
    position:absolute;top:105px; right:210px;*
}*/
/*.menu{font-size:0.9em;font-family:Verdana;margin:0px;padding:0px 0px 0px 25px;margin-top:-17px;}
.DynamicHoverStyle{color:#ff0;}
.DynamicMenuItemStyle{padding:10px 5px;background:rgba(44, 51, 56, 4); color:#ccc;border-bottom:1px solid #5b5a5a; min-width:150px;height:50px}
.DynamicMenuStyle{background-color:#F7F6F3;color:#fff;}
.DynamicSelectedStyle{color:#000;}
.StaticHoverStyle{color:#000;border:0px}
.StaticMenuItemStyle{padding:10px 5px;color:#fff;margin:20px 3px 0px 0px;}
.StaticMenuItemStyle img{width:24px;margin-left:-15px}
.StaticMenuItemStyle tr td:nth-child(even) img{width:18px;margin-left:0px}
.DynamicMenuItemStyle img{width:24px;}
.StaticSelectedStyle{color:#000;border:0px}
.LevelMenuItemStyles{font-weight:bold;display:none}
.LevelSelectedStyles{}
.LevelSubMenuStyles{}*/

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

/*fieldset {border: 1px solid  #9fbcd9;padding: 1.4em 1.4em 1.4em 1.4em;margin: 0 0 1.5em 0;}
legend {font-size: 1.2em;font-weight: bold;color:#000}*/
textarea {min-height: 75px;}
/*input[type="text"], input[type="password"], .textentry {border: 1px solid #ffc97a #9fbcd9;padding: 2px;font-size: 1.1em;color: #444;width: 250px;margin-bottom:4px}*/
/*input[type="checkbox"]{padding:10px;}
input[type="checkbox"] + label{cursor:pointer; margin:0 10px 0 -20px;clear: none;padding-left:20px}
input[type="checkbox"]:checked{opacity:0;width:0px}
input[type="checkbox"]:checked + label{color:#080;cursor:pointer; margin:0 10px 0 -20px;clear: none;background-image:url(images/check.png);background-repeat:no-repeat;background-position:0px center;padding-left:20px}
*/
/*select, input {border: 1px solid #ffc97a #9fbcd9;border: 1px solid #ffc97a; border-radius:5px;padding: 0px 0px 0px 2px;font-size: 1.1em;color: #444;width:inherit; }*/

/*input[type="submit"], .button {border-style: none;
    border-color: inherit;
    border-width: 1px;
    background-position: 0% 0%;
    font-size: 1.0em;padding: 5px 15px;margin:2px 5px 2px 20px;
    color:#fff;float:right;-moz-border-radius: 3px; -webkit-border-radius: 3px; 
                               -khtml-border-radius: 3px; border-radius: 3px;cursor:pointer;background-image: -webkit-gradient(linear,bottom left,left top,color-stop(0.03, #5c87b2),color-stop(0.97, #1e4a74));
                                background-color: #5c87b2;
    background-repeat: repeat;
    background-attachment: scroll;
}*/

.display{color:#222;margin-right:10px;}
label{margin-right:10px;}
.displayEntry{color:#000;padding-left:15px}

/* Single Column Table for forms
----------------------------------------------------------*/
.OneColumn table td {padding:10px 15px}
.OneColumn table td input[type="text"], .OneColumn table td input[type="password"], 
.OneColumn table td .textentry {width:250px}
.OneColumn table td select {width:256px;}

/* TABLE for Search Form or any other forms
----------------------------------------------------------*/

/*.Form table {border-collapse:collapse;width:100%}
.Form table tr th {padding: 6px 5px;text-align: left;background-color: #e8eef4;}
.Form table thead td{background-color:#5c87b2;color:#fff;}
.Form table td {padding: 3px;}
.Form table td input[type="text"], .Form table td input[type="password"], 
.Form table td .textentry, .Form table td select {width:90%}

.Search #filterbox {width:100%;border:1px dotted #ffc97a;border-radius:5px;padding:5px;color:#000}
.Search table td {padding:3px;width:33%;color:#000}
.Search table td input[type="text"], .Search table td input[type="password"], 
.Search table td .textentry {margin-left: 0px;
}*/
/*.Search table td select {width:96.5%;}*/

/*.Search table {
width:100%;
}
	.Search table td input[type="text"] {
		width: 98%;
		height: 25px;
	}
	
	.Search table td select{
		width: 100%;
		height: 31px;
	}
*/
/* TABLE for Grid results
----------------------------------------------------------*/

/*.grid table {border: solid 1px #e8eef4;border-collapse: collapse;width:100%}
.grid table thead tr, .grid table tr th{background-color:#5c87b2;color:#fff;}
.grid table td {padding: 7px;border: solid 1px #e8eef4;}
.grid table th {padding: 6px 5px;text-align: left;border: solid 1px #e8eef4;}
.grid table tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}

.Grid{border: solid 1px #e8eef4;border-collapse:collapse;width:100%}
.Grid td, .Grid th{padding: 7px;border: solid 1px #9fbcd9;}
.AlternatingRowStyle{background:#e5ecf9;padding: 7px;border: solid 1px #e8eef4;}
.AlternatingRowStyleSpecial{background:#F5EFE7;padding: 7px;border: solid 1px #F5EFE7;}*/
.logo-bg a{opacity:.7}
.logo-bg a:hover{opacity:1}
.Grid{font-size:1.1em !important}
.HeaderStyle, .HeaderStyle td, .HeaderStyle th, .PagerStyle, .PagerStyle td, .HeaderStyleSpecial, .HeaderStyleSpecial th, .HeaderStyleSpecial td{
	background:rgba(30, 121, 174, .8) !important;
	color:#fff;
}

.SummaryStyle, .SummaryStyle td, .SummaryStyle th{
    background-color: #9fbcd9;
    border-top: 3px solid #5c87b2;
}
/*.HeaderStyleSpecial{background-color:#a67228;color:#fff;padding: 6px 5px;text-align: left;border: solid 1px #ffc97a;background:#a67228;
                                background-image: -ms-linear-gradient(bottom ,#ffc97a 3%, #a67228 97%);
                                background-image: linear-gradient(bottom , #ffc97a 3%, #a67228 97%);
                                background-image: -o-linear-gradient(bottom , #ffc97a 3%, #a67228 97%);
                                background-image: -moz-linear-gradient(bottom , #ffc97a 3%, #a67228 97%);
                                background-image: -webkit-linear-gradient(bottom , #ffc97a 3%, #a67228 97%);
                                background-image: -webkit-gradient(linear,bottom left,left top,color-stop(0.03, #ffc97a),color-stop(0.97, #a67228));}*/
.PagerStyle{background-color:#5c87b2;color:#fff;}
.PagerStyle{background-color:#5c87b2;color:#fff;}
.PagerStyle td, .PagerStyle th{padding: 3px;border: solid 0px #e8eef4;width:5px;}
.PagerStyle a{color:#ff0}
/*.RowStyle{background:#fff;padding: 7px;border: solid 1px #e8eef4;}*/
.SelectedRowStyle{}
.SortedAscendingCellStyle{}
.SortedAscendingHeaderStyle{}
.SortedDescendingCellStyle{}
.SortedDescendingHeaderStyle{}
.page-title{text-transform:uppercase;}
dl dt{float:left;font-weight:bold;color:#1e4a74;min-width: 50px;}
dl dd{float:right;clear:both;margin-top: -16px;}

/* TreeView 
----------------------------------------------------------*/
.TreeView{}
.TreeView a{color:#5c87b2}
.HoverNodeStyle{text-decoration:underline; color:#6666AA;}
.NodeStyle{font-size:12px; color:#000;padding:5px 3px;}
.ParentNodeStyle{font-weight:bold;}
.SelectedNodeStyle{background-color:#B5B5B5;text-decoration:none}

/* MISC  
----------------------------------------------------------*/
.clear {clear: both;}
.clearh1 {clear: both;height:1px}
.clearh2 {clear: both;height:2px}
.clearh3 {clear: both;height:3px}
.clearh5 {clear: both;height:5px}
.clearh10 {clear: both;height:10px}
.clearh20 {clear: both;height:20px}
.clearh30 {clear: both;height:30px}
.clearh50 {clear: both;height:50px}
/*.downloadicon
{
    position:relative;top:65px;float:right;
}*/
.error {color: Red;}
.left{float:left}
.right{float:right;
    margin-left: 0px;
}
.hide{display:none}
.bold{font-weight:bold}
.margintop5{margin-top:5px}
 .marginbottom5{margin-bottom:5px}
 .paddingtop5{padding-top:5px}
 .paddingbottom5{padding-bottom:5px}
 .margintop10{margin-top:10px}
 .marginbottom10{margin-bottom:10px}
 .paddingtop10{padding-top:10px}
 .paddingbottom10{padding-bottom:10px}
 .margintop20{margin-top:20px}
 .marginbottom20{margin-right:20px}
 .paddingtop20{padding-top:20px}
 .paddingbottom20{padding-bottom:20px}

/* Site title  
----------------------------------------------------------*/
.titles{display:block;float:left;text-align:left;min-width:210px;min-height:49px;background:url('../../images/bda-logo.png') center center no-repeat}
.coatofarm{color:#5c87b2;height:71px;background:url('../../images/coatofarm.png') no-repeat;background-position:center top}

/* Login Control  
----------------------------------------------------------*/
.loginDisplay{font-size: 1.1em;display: block;text-align: right;padding:5px;color: #5c87b2;line-height:25px}
.loginDisplay a:link{color: #a67228;font-size:12px}
.loginDisplay a:visited{color: #a67228;}
.loginDisplay a:hover{color: #a67228;text-decoration:none}
.loginDisplay .user{background:url('../../images/me.png') no-repeat left center;padding-left:20px}
.loginDisplay .exit{background:url('../../images/exit.png') no-repeat left center;padding-left:20px}
.loginDisplay .home{background:url('../../images/home.png') no-repeat left center;padding-left:20px}
.loginDisplay .secure{background:url('../../images/key_small.png') no-repeat left center;padding-left:20px}
.loginDisplay .downloadicon{background:url('../../images/mobda.png') no-repeat left center;padding-left:120px; }

.login a:link{color: #a67228;}
.login a:visited{color: #a67228;}
.login a:hover{color: #a67228;text-decoration:underline}

/* SiteMapPath Control  
----------------------------------------------------------*/
.SiteMapPath{float:left;font-size:0.7em;font-style:italic}

/* PasswordRecovery Control  
----------------------------------------------------------*/
.PasswordRecovery{}


/* Dash board Login Control  
----------------------------------------------------------*/
.Dashboard{font-size: 1.1em;display: block;padding:3 10px;}
.Dashboard .unique{color: #000;}
.Dashboard a:link{color: #5c87b2;}
.Dashboard a:visited{color: #5c87b2;}
.Dashboard a:hover{color: #5c87b2;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {color: #ff0000;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #ffc97a;background-color: #ffeeee;}
.validation-summary-errors {font-weight: bold;color: #ff0000 !important;float:left;width:100%;}
.validation-summary-valid {display: none;}
.information{background-color: #efe; color:#000;padding:3px;font-style:italic;font-size:12px}
.information2{background-color: #5c87b2; color:#fff;padding:3px;font-style:italic;font-size:11px}
.information1{color:#080;}
.defaultcolor{color:#5c87b2}

/*Repeater
----------------------------------------------------------*/
.repeater{}
.repeater h2{font-size:14px}
.repeater a{float:left;width:150px;text-align:center;border:1px solid #ffc97a;margin:2px 10px;color: #5c87b2}
.repeater img{width:60px}

/*Repeater
----------------------------------------------------------*/
.repeater1{}
.repeater1 h2{font-size:13px;}
.repeater1 a{float:left;margin:2px 10px;color: #5c87b2;line-height:50px}
.repeater1 a:hover{text-decoration:underline}
.repeater1 img{float:left;width:60px;margin-left:10px}


/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {margin: 1em 0 0 0;}
.display-field, .editor-field {margin: 0.5em 0 0 0;}
.text-box {width: 30em;}
.text-box.multi-line {height: 6.5em;}
.tri-state {width: 6em;}

/*Icons
----------------------------------------------------------*/
.email{color:#5c87b2;background:url('../../images/email.png') no-repeat left center;padding-left:20px}
.phone{color:#5c87b2;background:url('../../images/phone.png') no-repeat left center;padding-left:20px}
.edit{color:#080;background:url('../../images/edit.png') no-repeat left center;padding-left:20px}
.dispute{color:#f00;background:url('../../images/dispute.png') no-repeat left center;padding-left:20px}
.view{color:#080;background:url('../../images/view.png') no-repeat left center;padding-left:20px}
.update{color:#080;background:url('../../images/update.png') no-repeat left center;padding-left:20px}
.recover{background:url('../../images/recover.png') no-repeat left center;padding-left:20px}
.help{background:url('../../images/help.png') no-repeat left center;padding-left:20px;}
.print{/*background: url('images/print.png') no-repeat left 10% center;padding-left: 2%;*/}
.pdf{background:url('../../images/pdf.png') no-repeat left center;padding-left:20px;}
.excel{background:url('../../images/excel.png') no-repeat left center;padding-left:20px;}
.back{background:url('../../images/back.png') no-repeat left center;padding-left:20px;font-size:12px}

.time{color:#f00;font-size:10px;clear:both;padding-left:0px;}
.day{line-height:35px;padding-right:5px;color:#050;font-size:25px}
.month{color:#000;line-height:10px;font-size:10px;}
.year{line-height:10px;font-size:10px;}
.red{color:red !important;font-weight:bold !important;}
.black{color:#000 !important;font-weight:bold !important;}
.opacity-full{opacity:1 !important;}
.green{color:green !important;font-weight:bold !important;}
.block{ display:block !important;}
.no-float{float:none !important;}
.fluid{width:100% !important;}
.float-left{float:left !important;}
.inline-block{display:inline-block !important;}
.print-hr{display:none}
.NavigatingControl{position:fixed;bottom:20px;right:40px;display:none}
.NavigatingControl a{padding:20px;}
.NavigatingControl .top{background:url('../../images/images/up.png') no-repeat left center;}
.NavigatingControl .bottom{background:url('../../images/images/down.png') no-repeat left center;}
.table input[type=checkbox], .card input[type=checkbox]{margin-right:5px;}
.card-body fieldset{
	border:1px solid #9fbcd9;
	width:inherit; /* Or auto */
    padding: 1.4em 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}
.card-body legend {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
}
.card-body .alert{text-transform:none !important;}
/* Addendum */
/*.Search * input[type="submit"] {
	width:100px;
}*/

/*Hakeem quick fix
.ui-datepicker-header, .ui-datepicker-calendar
{
    background:#e5ecf9;padding:8px;
}
.ui-icon
{
    float:left;
}
.ui-datepicker-next
{
    float:left;
}
.ui-datepicker-month
{
    float:left;clear:left;
}
.ui-datepicker-year
{
    float:right;
}
.clear
{
    clear:both;
}
.clearh5
{
    clear:both;height:5px
}
.clearh10
{
    clear:both;height:10px
}*/
.head-section {
    background-color: #fff;
    border-left: 5px solid #5c87b2;
    box-shadow: 3px 3px 3px #888888;
    height: auto;
    padding:10px;
    color: #434A54;
    margin-bottom:30px;
}
.t-space{
    padding-top:5em;
}

 .card-top{
     margin-top:5px;
	 border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-transition: -webkit-box-shadow 0.15s ease-out;
    -moz-transition: -moz-box-shadow 0.15s ease-out;
    -o-transition: -o-box-shadow 0.15s ease-out;
    transition: box-shadow 0.15s ease-out;
 }
 .card-top:hover {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.38);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.38);
}
  .bg_brown{
      background:#B94A00;
  }
  .back-footer-brown{
      background:#873a07;
  }
  .bg-color-green{
      background:#00ce6f;
  }
  .color_green{
 background:#00ce6f;
    color:#fff;
  }
  .bg-color-brown{
    background-color:#B94A00;
    color:#fff;
}
   .bg_blue{
      background:#3c8dbc;
  }
    .bg_green{
      background:#37bc9b;
  }
  .footer-green{
      background:#009b50;
  }
  .back-footer-green{
      background:#0f7d5b;
  }
    .back-footer_blue{
      background:#3061b0;
  }
    .bg_color-grey{
         background-color: #e8eef4;
    }


   .pl-footer {
  padding: 10px 15px;
  /*margin-top:115px;*/
  /*background-color: #f5f5f5;
  border-top: 1px solid #ddd;*/
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  color:#fff;
}

.default-width
{
    max-width: 400px;
}

.footer-style{
    color:#ffffff;
    font-size:16px;
    padding:12px;
}

.back-footer-blue{
    background-color:#f37936;
    border-top: 0px solid #fff;
    font-family:Arial, 'Helvetica', sans-serif;
   
}



/***** LOGIN PAGE ******/
.mybg{
    background:  url('../../images/billing-data.jpg')no-repeat fixed center center ;
    background-size: cover;
	overflow-x: hidden;
}
.page-title .md{vertical-align:top !important;margin-top:-.12em;}
.title{font-style:normal !important;}
#login-block {
    padding-top: 50px;
    padding-bottom: 25px;
}
.login-box{position:relative;width:100%;background:rgba(34, 45, 58,.75);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding-bottom:20px;margin:30px auto;}
.login-box hr{width:70%;border-top:1px solid rgba(0,0,0,0.13);border-bottom:1px solid rgba(255,255,255,0.15);margin:10px auto 20px}
.page-icon{width:100px;height:100px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;background:rgba(18, 24, 31,.95);text-align:center;margin:-60px auto 0}
.page-icon i{vertical-align:middle;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0.6;margin:0;line-height: 100px;font-size:50px;color:#fff;}
.page-icon i:hover{opacity:1;}
.login-box{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
.login-box .page-icon{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.login-logo{text-align:center;padding:15px 0 10px}
.login-logo img{border:0;display:inline-block}
.login-form form p{width:80%;text-align:center;margin:5px auto 10px}
.login-form input, .login-form select, .auto-style3 table tr td input{display:block;width:70% !important;background:#fefefe;border:0;color:#6c6c6c;border-radius:0px;margin:0 auto 15px;padding:8px}
.auto-style3 table tr td span{display:block;width:70% !important;margin:15px auto;color:#fff;}
.auto-style3 table tr:nth-child(4) td{padding:0 !important}
.auto-style3 table tr:nth-child(4) td span{margin:0 auto;text-align: center;}
.login-form .ui-checkbox {display:block;width:70%;margin:0 auto 15px;}
.login-form .ui-checkbox input {width:22px;margin-left: -7px;}
.login-form select.select-third{width:31%;margin-right:3.5%;box-sizing: border-box;float:left;}
.login-form select.select-third:last-child{margin-right:0;}
.login-form .input-icon {width: 70%;margin-left: 15%;}
#foot-style{
    position:relative;
	margin-top:5%;
    bottom:0;
    left:0;
    width:100%;
   border:none;
   padding-top:5px;
   padding-bottom:5px;
    background:rgba(44, 51, 56, 4);  
	font-size:1em;
}
.text-primary{color:#1E79AE;}
#foot-style .row div div{
	padding:0 5px;
	width:auto;
	float:none;
	display:inline-block;
}
#foot-style .row div{padding:0 5px;}
#dashboard_container .alert-callout .value, #dashboard_container .alert-callout .stat-count{
	font-size:100%;
	font-weight:bold;
}
#dashboard_container .alert-callout span{
	font-size:.85em;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (min-width: 400px) {
	
}
@media (min-width: 500px) {
	
}
@media (min-width: 560px) {
	
}
@media (min-width: 630px) {
	.login-box{
		width:70%;
	}
}
@media (min-width: 720px) {
	
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.login-box{
		width:70%;
	}	
}
@media (min-width: 840px) {
	
}
@media (min-width: 940px) {
	
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#foot-style{
		position:fixed;
		margin-top:0;
	}
	.login-box{
		width:50%;
	}
}

@media (min-width: 992px) and (max-width: 1444px) { 
	.col-small, .col-large{
		width:100% !important;
	}
}

@media (min-width: 1045px) {
	
}
@media (min-width: 1140px) {
	
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.login-box{
		margin:60px auto
	}
}
@media (min-width: 1500px) {
	#dashboard_container .alert-callout .value, #dashboard_container .alert-callout .stat-count{
		font-size:140%;
	}
	#dashboard_container .alert-callout span{
		font-size:1em;
	}
}
@media (min-width: 1700px) {
	
}

.hd_style {
    padding: 0.1px;
    /*background-color: #2EA7EB;*/
    /*border-bottom-left-radius:100%;
     border-bottom-right-radius:100%;*/
     background-color:#5c87b2;
}
.icon-user {
    display: block;
    margin: 0 0 0 40%;
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    vertical-align: middle;
    font-size: 50px;
}

.set-icon {
    border-radius: 50px;
}
.failureNotification, .field-validation-error{
	color:red !important;
	font-weight:bold;
	font-size:1em;
	display:block;
}
.failureNotification li{
	list-style:outside;
}

.form-control.user {
    background: #FFF url(../../images/user_small.png) no-repeat 95% center;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}
.form-control.password {
    background: #FFF url(../../images/key_small.png) no-repeat 95% center;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}
.div-login {margin:auto;text-align:center}
.btn.btn-login{padding: 7px 30px;display:block;border: 1px solid rgba(0, 0, 0, 0) !important;color:#FFF;text-transform:uppercase;background:rgba(18, 24, 31,.95);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;margin:20px auto}
.btn.btn-login:hover{border:1px solid #FFF !important;opacity:0.8}


.alert ul{margin:0;padding:0;}
.alert li{list-style:none !important}
.alert-danger{
    background-color: #f2dede;
    border-color: #ebccd1;
}
.login-form .alert{background:none;border:none;padding:0;margin:-10px auto 0 auto;height:auto}
.login-links {
    text-align: center;
}
.login-links a, .captcha-diff a {
    color: #FFF;
    display: inline-block;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0.7;
    padding: 5px;
	background:none;
}
.login-links a:hover, .captcha-diff a:hover {
    opacity: 1;
    text-decoration: none;
}
.ui-widget-header, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#5C87B2;}
.captcha-diff{text-align:center;}
.playstore{text-align:center;width:25%;}
.playstore img{width:100%;margin:0 auto;}
.form-group > span, .form-group > label, .form-group-sm > span, .form-group-sm > label{font-size:1.2em;opacity: 0.5;margin-bottom:5px;}
.form-group > input, .form-group > select, .form-group > textarea, .form-group-sm > input, .form-group-sm > select, .form-group-sm > textarea{display:block}
.requiredField, .alertField{opacity:1 !important;}
.alertField{/*display:none;*/width:100%;float:left;}
.login-box .alertField{float:none !important;}
.grid{margin-top:5px}
.card-head.nav-tabs > li > a, .card-head > .nav-tabs > li > a{
	line-height:2.5em !important;
}
.form-control{padding: 6px 12px !important;border-radius:0 !important;}
.nav-tabs > li > a{/*border:1px solid #ccc !important;*/font-weight:600 !important;margin-right:5px !important;padding: 10px 12px;}
input, select{border:1px solid #ccc !important;font-weight:600 !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus{
	border-bottom: 2px solid #5C87B2 !important;
}
#dashboard_container .alert-callout strong{
	word-wrap:break-word;
}



select.options, input#searchInput {
     border-bottom-color: rgba(0, 0, 0, 0.25) !important;
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}


.modal2{
    width:100%;
    height:100%; 
    position:fixed;
    z-index: 100000;
    background-image:url(../../images/alpha.png);
    display:none;
}