body 
{
	
	font-size: 16px;
	color: #000;
	font-size: 12px;
	background: #eee;
}
body, div, h1, h2, h3, h4, h5, h6
{
    font-family: Source Sans Pro, helvetica, Arial, Sans-Serif;
	margin: 0px;
	padding: 0px;
    
}
ul
{
	list-style: square;
}
li.red
{
	color: Red;
}
a
{
	color: blue;
}

@media (min-width: 768px) {
  .modal-dialog.modal-xl { max-width: 1140px; width: 100%; }
}


td.red
{
	color: #ff0000;
}
span.red
{
	color: #ff0000;
}

.searchable {color: #D35400;}
.hasNotes {font-weight: bold; color: green;}

/*=== WRAPPER ==============================*/
#wrapper
{
    width: 1190px;
    margin: 0 auto;   
    background: #eee;
}

/*=== MAIN ==============================*/
#main
{	
	text-align: left;    
	padding: 10px 10px;
	min-height: 500px;
	/*padding: 10px 20px 0 20px;*/
}

/*=== HEADER ==============================*/
div#header
{
    padding: 10px 5px;
	text-align: right;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 1000;
}


#header .logo
{
	margin: 0;
}

/*=== NAV ==============================*/
div#nav
{	
    width: 1190px;
    height: 31px;
	background: #bdd2ff; /*url('../assets/images/menu_bkg.png') repeat-x; /* #f7a11a;*/	
}
#nav ul.rmHorizontal
{
	border: none;
}
.menu {background: #ddd; list-style: none; margin: 0; padding: 0;}
.menu li {display: inline-block;}
.menu a {padding: 6px 12px; display: inline-block; text-decoration: none;}
.menu a:hover {text-decoration: none; color: #fff;}

/*=== INFOBAR ==============================*/
div#infobar
{	
	width: 1190px;
	height: 20px;
    position: relative;
    background: #e1e1e1;
}
div#loginstatus
{
    position: absolute;
    top: 2px;
    right: 10px;
	/*text-align: right;*/
	color: #888;
}
div#loginstatus .loginname, #loginstatus a, #loginstatus b
{
	font-weight: bold;
	color: #888;
}
#loginstatus a:hover
{
    color: orange;
}

/*=== BREADCRUMBS ==============================*/
div#breadcrumbs
{
    position: absolute;
    top: 2px;
    left: 0px;
	color: #888;
}
#breadcrumbs a
{
	color: #888;
	padding: 0 5px 0 0;
}
#breadcrumbs a:hover
{
	color: Orange;
}
#breadcrumbs a.current
{
    color: #444;
}

/*=== FOOTER ==============================*/
div#footer
{
    width: 1190px;
    height: 50px;
    padding: 10px 10px;
	font-size: 12px;
	color: #999;
	clear: both;
}
#footer a
{
	color: #999;
}
#footer a:hover
{
	color: #f7a11a;
}




/*=== DFORM ==============================*/

.dform
{
    margin-bottom: 30px;
    background: #fff;
    font-weight: normal;
    color: #777;
    position: relative;        
    /*padding: 12px;*/
    border-radius: 2px;    
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding-bottom: 10px;
}


.dform-block .dform{ border-bottom: 0; margin-bottom: 0; border-radius: 0; border-top-color: #d3e0e9; padding-bottom: 40px;}
.dform-block .dform:first-child{border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-color: #d3e0e9;}
.dform-block .dform:last-child{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.dform.tab-pane {padding-top: 10px;}

.dform-gray{background: #DADFE1; padding: 0;}

.dform input[type="text"]
{
    width: 120px;
}
.dform b
{
    color: #000;
}
.dform > .header
{
    border-bottom: 1px solid #eee; 
    padding: 20px 25px 12px 25px;
    margin-bottom: 15px;
}
.dform .nobtmmargin
{
    margin-bottom: 0;
}

.dform .header h2
{
    padding: 0 0 0 0;
    color: #333; /* #1e3948;*/
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px 8px 0;
}
.dform .greenbkg { background: #999966; }

.dform-options 
{
    position: absolute; right: 25px; top: 20px;
}

.dform-options > li, .section .options li
{
    display: inline-block;
    margin-left: 5px;
    text-transform: uppercase;
}
.dform-options .dropdown-menu {text-transform: none;}
.dform-options > li > a, .section .options li a, .dform-options > li > .dropdown
{
    padding: 6px 8px;
    color: #888;
    font-size: 12px;
    background: #eee;
    border-radius: 3px 3px 3px 3px; 
    -webkit-border-radius: 3px 3px 3px 3px; 
    -moz-border-radius: 3px 3px 3px 3px;  
    text-decoration: none !important;
}
.dform-options > li > .dropdown > a {color: #888;}
.dform-options > li > .dropdown:hover > a {color: #fff;}
.dform-options .dropdown .fa {display: inline;}

.section .options li a
{
    background: #888;
    color: #fff;
}
.dform-options > li > a:hover, .section .options li a:hover, .dform-options > li > .dropdown:hover
{
    text-decoration: none;
    color: #fff;
    background: #555;
    border-radius: 3px 3px 3px 3px;
}
.dform .rw, .filter .rw, .modalcontent .rw
{
    width: auto;
    /*margin: 0 10px;*/
    padding: 12px 25px;
}
.dform .rw:first-child{padding-top: 0;}
.dform .rw:last-child, .modalcontent .rw:last-child, .formbox .rw:last-child
{
    border-bottom: none !important;
}
.dform .nobtmborder
{
    border-bottom: none;
}

.dform .flat
{
    margin-bottom: 0;
}
.dform .rw > label:first-child, .dform .rw > div > label:first-child, .dform .rw .top > label:first-child,
.modalcontent .rw > label:first-child, .modalcontent .rw > div > label:first-child,
.dform .command > label:first-child, .modalcontent .command > label:first-child, .rw .form-group label:first-child, .rw form-group label
{
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    font-weight: 600;
    font-size: 11px;
    color: #666;
    letter-spacing: 1px;
    padding-left: 10px;
    text-transform: uppercase;
}

.rw input[type=checkbox] + label{margin-left: 6px; color: #888; font-weight: normal; vertical-align: middle;}
.rw input[type=radio] + label{margin-left: 2px; margin-right: 12px; color: #888; font-weight: normal; vertical-align: middle;}
.rw > div, .filter .rw > div, .modalcontent .rw > div, .modalcontent .command > div
{
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
}
.rw > div.row {display: block;}
.dform .rw .row {display: block;}
.rw .form-group, .rw > div.form-group, .rw div.form-group {display: block;}
.rw .form-group.inline{display: inline-block;}
.rw .form-group input[type=text], .form-group textarea {width: 100%;}
.form-group .select2-container, .form-group textarea {display: block;}
.dform .rw div.top, .modalcontent .rw div.top
{
    vertical-align: top;
}



.lblTop label:first-child
{
    display: block;
    text-align: left;
}

label.required
{
    color: #ff0000;
}
.lbl80 label:first-child
{
    width: 80px;
}
.lbl100 label:first-child
{
    width: 100px;
}
.lbl120 label:first-child
{
    width: 120px;
}

.lbl140 label:first-child
{
    width: 140px;
}

.lblTop .rw > div > label:first-child, .lblTop .rw > label:first-child, .lblTop.rw > label:first-child, .lblTop .rw .form-group label:first-child
{
    display: block; /* !important;*/
    text-align: left;
    padding-left: 0;

}
.dform .command
{
    margin: 30px 0 0 0;
    padding: 12px 25px;
    border-top: 1px dotted #ddd;
    border-bottom-left-radius: 3px;   
    border-bottom-right-radius: 3px;
}
.command > label {display: none !important;}
.dform .command.right
{
    text-align: right;
    padding-right: 20px;
}

.command .cancel, .incommand .cancel, .cancel-option
{
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}
.command .all{font-size: 16px; font-weight: bold;}
.cancel-option{margin-left: 10px;}
.command .cancel a, .incommand .cancel a, .cancel-option a
{
    text-decoration: none;
}

.tableFilter
{
    min-height: 25px;
    padding: 10px;
    border-top: 6px solid #bbb;
    background: #e5e5e5;
    position: relative;
}
.tableFilter div
{
    display: inline-block;
}
.tableFilter input, .tableFilter select {display: inline-block; vertical-align: top;}
.tableFilter select {width: auto;}














/*=== COLUMN ==============================*/
/*div.column
{
	float: left;
	margin-right: 10px;
}
.colSpacer
{
	padding-left: 6px;
}*/

/*=== OPTIONS ==============================*/
div.options
{
	text-align: right;
}
div.options h5
{
	display: inline-block;
	border-left: solid 1px #888;		
	background: #bdd2ff;
}
div.options h5 a
{	
	color: #555;	
	text-decoration: none;	
	padding: 5px;
	display: block;
}
div.options a:hover
{
	color: #000;
}
.form div.options 
{
	background: #888;
}
.form div.options h5
{
	background: #333;
	border: none;
	margin: 0px;
}
.form div.options h5 a
{	
	color: #ccc;	
	text-decoration: none;	
	padding: 2px 7px;
	display: block;
}
.form div.options a:hover
{
	color: orange;
}

/*=== FILTER ==============================*/
div.filter
{
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	background: #fff;
	width: 100%;
	clear: both;
	overflow: auto;
	border: solid 1px #888;
}
div.filter .ui-button, div.form .ui-button
{
    font-size: 10px;
}
.filter div.rw
{
	padding: 2px 0 3px 5px;		
	overflow: auto;
}
.filter .rw div
{
    /*	float: left;*/
    display: inline-block;
	margin: 0 10px 0 0;
}
.filter .rw .ui-multiselect-menu, .form .rw .ui-multiselect-menu
{
    display: none;
}
.filter .rw div > label:first-child
{
	display: block;
	color: #cc6600;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.filter div.header
{
	background: #555;
	color: #fff;
	padding: 2px 0 2px 5px;	
	font-size: 14px;
	text-transform: uppercase;
}
.filter .block, .form .block
{
	margin: 5px;
	float: left;
	border: solid 1px #ccc;
}
/*=== FORM ==============================*/
.watermark_search 
{ 
	color: #aaa; 
	border: solid 1px #ddd;
	padding: 2px;
}
ol.form
{
	background: #fff;
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
	border: solid 1px #888;
	font-size: 12px;
}
ol.form li
{
	padding: 0 5px;
	margin: 0 10px 5px 10px;
	display: block;
	clear: both;
	width: 100%;
}
ol.form .subhead, ol.form div.rw
{
	margin: 0 10px;
}
li.controls
{
	margin-bottom: 10px;
}
ol.form li label:first-child, ol.po li label:first-child, ol.form li div.liinside label:first-child
{
	width: 100px;
	color: #cc6600;
	font-weight: bold;
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	margin-right: 3px;
	text-transform: none;
	font-size: 12px;
}
ol.form li div.liinside
{
    display: inline-block;
}

ol.form li label span
{
	color: #555;
}
ol.form li span
{
	display: inline-block;
}
ol.form li label.w200
{
    width: 200px;
}
.validation, .validation ul, .validation li
{
	font-size: 12px;
}
.validation
{
	padding-left: 5px;
}
ol.form .validation li
{
	display: list-item;
	margin: 0;
	padding: 0;
}
.validation ul
{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.validation_callout
{
	color: Red;
}



div.form
{
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	background: #fff;
	font-size: 14px;
	border: solid 1px #888;
}
.form div.rw
{
	padding: 2px 0 3px 5px;		
	overflow: auto;
}
.form div.rw, .form div.footer, div.buttons, .form div.header, .form div.subhead, .form div.asterisk
{	
	clear: both;	
}
.form .rw > div
{
	float: left;
	margin: 0 10px 0 0;
	color: #000;
}
.form div.asterisk
{
	font-size: 12px;
	color: #555;
}
/*----- This is a fix for calendarExtender control within a .form ---------*/
.form .rw span div
{
	padding: 0px;
}
.form .rw div.floatRight
{
	float: right;
	padding-right: 10px;
}

.form div div > label:first-child, label.orange
{
	display: block;
	color: #cc6600;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.form div div label span
{
	color: #555;
}
.form div div h5 span.r
{
	color: #ff0000;
	margin-left: 3px;
}

.form input.readonly
{
	/*	color: #555; */
	border: solid 1px #fff;
	padding: 2px;
	background: #fff;	
}
.form .rw .rbl input,.rw .cbx input
{
	background: none;
	border: none;
}
.form textarea
{
	width: 470px;
	height: 100px;
}
.form div.header
{
	background: #555;
	color: #fff;
	padding: 3px 0 3px 5px;	
	font-size: 14px;
	text-transform: uppercase;
	clear: both;
}
.form div.header a
{
	color: #eee;
}
.subhead a
{
	color: #000;	
	padding: 2px 5px;
	display: inline-block;
	font-size: 12px;
	float: right;
}
.subhead a:hover
{
	color: #555;
	text-decoration: underline;
}
.form .subhead
{
	background: #ccc;
	color: #000;
	padding: 2px 0 5px 5px;
	margin-top: 15px;
	border-top: solid 1px #777;
	font-size: 16px;
}
.form .controls
{
	width: 100%;
}
.form .controls a
{
	float: right;
	color: #000;
	font-size: 12px;
	padding: 2px 7px;
	background: orange;
	text-decoration: none;
}
.form .controls a:hover
{
	text-decoration: underline;
}
.buttons
{
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
	border-top: solid 1px #3399cc;
	background: #bdd2ff;
	overflow: auto;
}
.buttons .right
{
	float: right;
	margin-right: 12px;
}
.form .footer
{
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-top: solid 1px #ccc;
	background: #ddd;
	color: #777;
}
.form .footer input
{
	margin: 0px;
	padding: 0px;
}

div.spacer
{
	clear: both;
	margin: 1px 0 0 0;
	line-height: 10px;
	overflow: hidden;
}


/**************
**** tables ***
**************/

table				{ width: 100%; margin: 0px; } /* margin-bottom: 20px;*/

table.basic			{ border-spacing: 0px; border-collapse: separate; border-top: 3px solid #cccccc; border-bottom: 1px solid #FFFFFF; line-height: 16px; }
table.basic caption		{ background: none #bbbbbb; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: center;}
table.basic tr:hover		{ background: none !important; }
table.basic thead		{ color: #333333; }
table.basic th,
table.basic .title		{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; font-weight: bold; padding: 3px 6px 3px 0px; white-space: nowrap; text-align: left; }
table.basic tbody th		{ }
table.basic td			{ background: none !important; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 8px 3px 0px !important; line-height: 16px !important; }
table.basic thead		{ border-top: 1px solid #FFFFFF; border-bottom: 1px solid #cccccc; padding: 3px 6px 3px 0px; white-space: nowrap; }
table.basic td p		{ padding-bottom: 3px; padding-top: 3px; }

table.style1.datatable { margin-top: 0 !important;}
table.style1			{  border-top: 0px solid #dddddd; background: #fff;} /* border: 1px solid #DDDDDD; */
table.style1 caption 		{ background: none #959595; color: #FFFFFF; font-size: 14px; padding: 5px 11px 5px 11px; text-align: left; }
table.style1 tbody tr:hover		{ background: rgba(34, 167, 240,.05); color: #000; } 
table.style1 th			{ border-bottom: 1px solid #FFFFFF; line-height: 22px; padding: 4px 6px 4px 6px; color: #666; white-space: nowrap;  }
table.style1 thead th		{ padding-left: 8px !important; padding-top: 2px; border-top: 1px solid #ddd; border-bottom: 1px solid #f2f2f2; background-color: #fff !important; }
/*table.style1 thead th:hover {background-color: #f8f8f8 !important;}*/
table.style1 thead td		{ background: #DDDDDD; border-bottom: 1px solid #FFFFFF; line-height: 22px; padding: 2px 6px 4px 6px; white-space: nowrap; }
table.style1 tbody th,
table.style1 tbody .title	{ font-weight: bold; white-space: nowrap; color: #666666; }
table.style1 tfoot td   {font-weight: bold; background: transparent;}
table.style1 > tbody > tr > td			{  border-bottom: 1px solid #DDDDDD; }
table.style1 td			{ line-height: 22px; padding: 4px 6px 4px 6px; }
table.style1 tbody tr:last-child td{border-bottom: none;}
table.style1.pricing tbody tr:last-child td {border-bottom: none;}
table.style1 .icon16		{ margin-top: 3px; margin-bottom: 3px; }
table.style1 td.vcenter		{ vertical-align: middle; }
table.style1 td p		{ padding-bottom: 3px; padding-top: 3px; }
/*table.style1 tr:last-child td {border-bottom: none;}
table.style1.bb tr:last-child td {border-bottom: 1px solid #ddd;}*/
/*.dform tr:last-child td {border-bottom: 1px solid #ddd;}*/

td.right, th.right {text-align: right;}

.style1 tr.odd, .style1 tbody tr:nth-child(odd) { background: #fcfcfc;}
.style1 tr.even, .style1 tbody tr:nth-child(even) { background: #fff;}

.draghandle
{
    cursor: move;
    background: url(/assets/images/dragHandle.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}