* { -webkit-font-smoothing: antialiased; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea
{
	margin: 0px;
	padding: 2px;
	height: auto;
	color: black;
}

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/ajax-loader.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;
}

div.inputform
{
	background-color:#fbfbfb;
	box-shadow: 0 0 20px rgba(0,0,0,.3);
}

div.inputform header {
display: block;
padding: 15px 20px;
border-bottom: 1px solid rgba(0,0,0,.1);
background: #f0f0f0;
font-size: 16px;
font-weight: 300;
color: #23a6ef;
}

div.inputform .content
{
	padding:10px;
}

div.inputform footer {
display: block;
padding: 10px 15px 10px;
border-top: 1px solid rgba(0,0,0,.1);
background: #f0f0f0;
}

div.inputform input,select
{
	border-color: #ccc #efefef #efefef #ccc;
	border-width: 1px;
	border: #e5e5e5 solid 2px;

}

.inputform .input,
.inputform .select,
.inputform .textarea,
.inputform .radio,
.inputform .checkbox,
.inputform .toggle{
	position: relative;
	display: block;
}

/**/
/* selects */
/**/
.inputform .select select
{
	appearance:none;
	-moz-appearance:none; 
	-webkit-appearance:none;
}

.inputform .select i {
	position: absolute;
	top: 2px;
	bottom:2px;
	right: 5px;
	z-index:1;
	background-color:white;
	width:30px;
	background-image:url("images/button-icon-arrow-down.png")  ;
	background-position:center;
	background-repeat:no-repeat;
}


/**/
/* radios and checkboxes */
/**/
.inputform .radio,
.inputform .checkbox {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 15px;
	line-height: 27px;
	color: #404040;
	cursor: pointer;
}
.inputform .radio:last-child,
.inputform .checkbox:last-child {
	margin-bottom: 0;
}
.inputform .radio input,
.inputform .checkbox input {
	position: absolute;
	left: -9999px;
}

.inputform label.checkbox  {
	line-height:27px;
	height:27px;
}

.inputform .radio i,
.inputform .checkbox i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 17px;
	height: 17px;
	outline: none;
	border-width: 2px;
	border-style: solid;
	background: #fff;
}

.inputform .radio i {
	border-radius: 50%;
}
.inputform .radio input + i:after,
.inputform .checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.inputform .radio input + i:after {
	content: '';
	top: 4px;
	left: 4px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.inputform .checkbox input + i:after {
	content: '\f00c';
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.inputform .radio input:checked + i:after,
.inputform .checkbox input:checked + i:after {
	opacity: 1;
}
.inputform .inline-group {
	margin: 0 -30px -4px 0;
}
.inputform .inline-group:after {
	content: '';
	display: table;
	clear: both;
}
.inputform .inline-group .radio,
.inputform .inline-group .checkbox {
	float: left;
	margin-right: 30px;
}
.inputform .inline-group .radio:last-child,
.inputform .inline-group .checkbox:last-child {
	margin-bottom: 4px;
}

.inputform [class^="icon-"] {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
/**/
/* normal state */
/**/
.inputform .input input,
.inputform .select select,
.inputform .textarea textarea,
.inputform .radio i,
.inputform .checkbox i,
.inputform .toggle i,
.inputform .icon-append,
.inputform .icon-prepend {
	border-color: #e5e5e5;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}
.inputform .toggle i:before {
	background-color: #2da5da;	
}
.inputform .rating label {
	color: #ccc;
	transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
}

.inputform .icon-append,
.inputform .icon-prepend {
	color: #ccc;
}


/**/
/* hover state */
/**/
.inputform .radio:hover i,
.inputform .checkbox:hover i,
.inputform .toggle:hover i {
	border-color: #8dc9e5;
}
.inputform .rating input + label:hover,
.inputform .rating input + label:hover ~ label {
	color: #2da5da;
}


/**/
/* focus state */
/**/
.inputform .input input:focus,
.inputform .select select:focus,
.inputform .textarea textarea:focus,
.inputform .radio input:focus + i,
.inputform .checkbox input:focus + i,
.inputform .toggle input:focus + i {
	border-color: #2da5da;
}


/**/
/* checked state */
/**/
.inputform .radio input + i:after {
	background-color: #2da5da;	
}
.inputform .checkbox input + i:after {
	color: #2da5da;
}
.inputform .radio input:checked + i,
.inputform .checkbox input:checked + i,
.inputform .toggle input:checked + i {
	border-color: #2da5da;	
}
.inputform .rating input:checked ~ label {
	color: #2da5da;	
}


/**/
/* error state */
/**/
.inputform .state-error input,
.inputform .state-error select,
.inputform .state-error textarea,
.inputform .radio.state-error i,
.inputform .checkbox.state-error i,
.inputform .toggle.state-error i {
	background: #fff0f0;
}
.inputform .state-error select + i {
	background: #fff0f0;
	box-shadow: 0 0 0 12px #fff0f0;
}
.inputform .toggle.state-error input:checked + i {
	background: #fff0f0;
}
.inputform .note-error {
	color: #ee9393;	
}


/**/
/* success state */
/**/
.inputform .state-success input,
.inputform .state-success select,
.inputform .state-success textarea,
.inputform .radio.state-success i,
.inputform .checkbox.state-success i,
.inputform .toggle.state-success i {
	background: #f0fff0;
}
.inputform .state-success select + i {
	background: #f0fff0;
	box-shadow: 0 0 0 12px #f0fff0;
}
.inputform .toggle.state-success input:checked + i {
	background: #f0fff0;
}
.inputform .note-success {
	color: #6fb679;
}


/**/
/* disabled state */
/**/
.inputform .input.state-disabled input,
.inputform .select.state-disabled,
.inputform .textarea.state-disabled,
.inputform .radio.state-disabled,
.inputform .checkbox.state-disabled,
.inputform .toggle.state-disabled,

.inputform .input.state-disabled:hover input,
.inputform .select.state-disabled:hover select,
.inputform .textarea.state-disabled:hover textarea,
.inputform .radio.state-disabled:hover i,
.inputform .checkbox.state-disabled:hover i,
.inputform .toggle.state-disabled:hover i {
	border-color: #e5e5e5;
}

@font-face
{
	font-family: 'FontAwesome';
	src: url('font/fontawesome-webfont.eot?v=3.0.1');
	src: url('font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
	url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
	url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.ui-tabs .ui-tabs-nav li {
	margin:initial;
}

.ui-tabs .ui-tabs-nav li.ui-state-default{
	border: 1px solid #d3d3d3;
	border-bottom-style:none;
	border-left-style:none;
	margin-top:1px;
}


.ui-tabs .ui-tabs-nav li.ui-state-active{
	border: 1px solid #aaaaaa;
	border-bottom-style:none;
	border-top-color:rgb(35, 166, 239);
	border-top-width:2px;
	margin-top:0px;
}

div.titleElm
{
	position:relative;
	min-height:30px;
	padding-right:0px;
}

label.elmTitle {
	background:#eee;
	color: #555;
	display: inline-block;
	line-height:20px;
	padding:5px 0px 4px 15px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 1;
}




label.w2
{
	width:100px;
}

label.w5
{
	width:160px;
}


label.w3
{
	width:120px;
}

label.w4
{
	width:130px;
}

input[type="text"].hasTitle,input[type="password"].hasTitle,select.hasTitle
{
	display: block;
	height: 30px;

	border-style: solid;
	background: #fff;
	position: relative;
	padding: 5px;
	top: 0;
}

select.hasTitle
{
	padding-top:0px;
	padding-bottom:0px;
}

input[type="text"].titlew2
{
	padding-left:105px;
	line-height:1em;
}

input[type="checkbox"].titlew2
{
	margin-left:105px;
	line-height:1em;
}

label.titlew2
{
	margin-left:105px;
	line-height:30px;
}


input[type="text"].titlew3,input[type="password"].titlew3
{
	padding-left:125px;
	line-height:1em;
}

label.titlew5
{
	margin-left:165px;
}


label.titlew3
{
	margin-left:125px;
}
input[type="text"].titlew4
{
	padding-left:135px;
	line-height:1em;
}

input[type="text"].titlew5,input[type="password"].titlew5
{
	padding-left:165px;
	line-height:1em;
}


body.notie input[type="text"]:focus.hasTitle,html.notie input[type="password"]:focus.hasTitle
{
	z-index: 100000;
	padding-left:5px;
}





select:focus.hasTitle
{
	z-index: 1000000;
	padding-left:5px;
}
select.titlew2
{
	padding-left: 100px;
}

select.titlew3
{
	padding-left: 120px;
}

select.titlew4
{
	padding-left: 130px;
}


select.titlew5
{
	padding-left: 160px;
}

label.w1
{
	width:70px;
	padding:5px 10px 4px 10px;
}

input[type="text"].titlew1
{
	padding-left: 75px;
}

select.titlew1
{
	padding-left: 70px;
}

div.ui-tabs
{
	border-color: #ccc #efefef #efefef #ccc;
	border-width:1px;
	border-style:solid;
	border:none;

}

.sectionTitle1
{
	background: #eee;
	color: #555;
	display: inline-block;
	line-height: 20px;
	width:100%;
	padding: 5px 15px 4px 15px;
}

div.sectionTitle2 {
	margin-top:10px;
	border-collapse:collapse;
	overflow:hidden;
	background: #ccc;
	color: #555;
	display: inline-block;
	line-height: 20px;
	width:100%;
	padding: 5px 15px 4px 15px;
	
}

.ui-tabs .ui-widget-header
{
	border:none;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background:initial;

}

.ui-tabs .ui-tabs-panel
{
	border: 1px solid rgba(0,0,0,.1);
	margin-top:-1px;
}

td.checkboxcol .checkbox i
{
	margin-left:calc((100% - 17px) / 2);	
	margin-left:-moz-calc((100% - 17px) / 2);	
	margin-left:-o-calc((100% - 17px) / 2);	
	margin-left:-webkit-calc((100% - 17px) / 2);	
}

html.ie .time-picker ul
{
	float:right;
}

.margintoptiny
{
	margin-top:3px;
}


.margintopsmall
{
	margin-top:8px;
}
.row .margintopsmall
{
	margin-top:5px;
}


.margintopbig
{
	margin-top:15px;
}


table.dataTable
{
	width:100%;
}


table.dataTable td
{
	vertical-align:middle;
}

table.dataTable thead
{
	background-color:#ccc;
}

table.dataTable tbody
{
	background-color:#f5f5f5;
}

table.dataTable thead tr th
{
	font-weight:normal;
	color: #555;
}

table.dataTable thead tr th.idcol
{
	width: 50px;
}



table.dataTable thead tr th.oneicon
{
	width: 50px;
}

table.dataTable thead tr th.twoicons
{
	width: 80px;
}

table.dataTable thead tr th.threeicons
{
	width: 100px;
}

table.dataTable thead tr th.fouricons
{
	width: 120px;
}

	table.dataTable thead tr th.th25
	{
		width:25px;
	}

div.buttonspanel {
	float: right;
	right: 5px;
	height:30px;
}

table.dataTable tbody tr:nth-child(odd)		{ background-color:#f5f5f5; }
table.dataTable tbody tr:nth-child(even)		{ background-color:#eee; }

.normbutton
{
	display: inline-block; 
	background-color: #C0C0C0;
	text-align:center;
	width: 80px;
	padding-top:5px;
	padding-bottom:5px; 
	vertical-align:middle;
	margin-top:5px;
	cursor:pointer;
	background-color:#edf4f6;
	text-transform: uppercase;
	border: 2px solid #dfe0e1;
}

.wideButton
{
	width:200px;
	padding:5px;
}

.normbutton:hover
{ 
background-color:#26bdef;
color:white;
}

a.icon
{
	font-size:20px;
	color:#333;
}

a.icon:visited
{
	color:#333;
}

a.icon:hover
{
	color:#23a6ef
}



.ui-dialog-content div.inputform
{
	margin:0px;
	width:calc(100% + 2em);	
	width:-moz-calc(100% + 2em);	
	width:-o-calc(100% + 2em);	
	width:-webkit-calc(100% + 2em);
	max-width:640px;
	background-color:#fbfbfb;
	box-shadow:none;
	margin: -0.5em -1.0em;

}

.ui-dialog
{
	padding:0px;
}

.inputform .ui-dialog-titlebar
{
	display: block;
padding: 15px 20px;
border:none;
border-bottom: 1px solid rgba(0,0,0,.1);
background: #f0f0f0;
font-size: 16px;
font-weight: 300;
color: rgb(35, 166, 239);
}

label.hasTitle i
{
	margin-top:3px;
}

.ui-dialog .ui-dialog-titlebar-close span { 
	margin-left: -8px;
	margin-top: -8px
}

ui-widget-overlay
{
	z-index:10000;
}

.ui-dialog
{
	z-index:10001;
}

.ui-widget
{
	font-family: 'Ropa Sans', sans-serif;
}

.messageDialog  .ui-widget-content 
{
	padding:20px;
	font-size:16px;
	line-height:25px;
}

.messageDialog .ui-widget-content div
{
	font-size:16px;
	line-height:25px;
}

.splitbarV
{
	float:left;
	position:relative;
	width: 6px;
	height: 100%;
	line-height: 0px;
	font-size: 0px;
	background: #d0d0d0;
	z-index:100;
}

.splitbuttonV{
	margin-top:-60px;margin-left:0px;top:50%;position:relative;
	height:83px;width:6px;
	margin-left:0px;
	background:transparent url(\images/panevc.gif) 0px 50%;
}

.splitbarV:hover .splitbuttonV
{
	width:15px;
	background:transparent url(\images/panevcwide.gif) 0px 50%;
}
.splitbuttonV.invert{
	background:transparent url(\images/panevc.gif) 6px 50%;
	/*background:red;*/
}

.splitbarV:hover .splitbuttonV.invert
{
	width:15px;
	margin-left:-11px;
	background:transparent url(\images/panevcwide.gif) 15px 50%;
}

@media (max-width: 640px) {
	.ui-dialog-content div.inputform
	{
		max-width:640px;
	}
}
@media (max-width: 480px) {
	.ui-dialog-content div.inputform
	{
		max-width:480px;
	}
}
@media (max-width: 380px) {
	.ui-dialog-content div.inputform
	{
		max-width:380px;
	}
}
@media (max-width: 280px) {
	.ui-dialog-content div.inputform
	{
		max-width:280px;
	}
}