﻿/* -----------------------------------
simple reset
----------------------------------- */

.floatLeftActionLink {
    font-size: 12px;
    float: right;
}

html, body, ul, ol, li, form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

img { border: 0; }

button {
	overflow: visible;
	width: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, td {
	font-weight: normal;
	text-align: left;
}

ul { list-style-position: inside; }

li { margin: 6px; }

ul > li { margin-left: 10px; }

abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
}

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

pre, code {
	font-family: "Courier New", monospace, serif;
	font-size: 100%;
	line-height: 1.2;
}

table.grid tr.over {
	background: #bce4dc;
	z-index: 1;
}

table.grid {
    width: 100%;
}

tr.gridrow_alternate td { background: #ecf6fc; }

.box {
	background-color: #fff;
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	margin: 0 0 0px;
}

.box h2 {
	background-color: #e4e4e4;
	border-bottom: 1px solid #c4c4c4;
	height: 20px;
	line-height: 24px;
	padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
}

.box .grid {
    box-shadow: 1px 1px 1px #888888;
}

.box-content {
	line-height: 1em;
	padding: 0px 10px 10px 10px;
}

.box-content label {
	color: #064a6c;
	font-size: 13px;
}

.centered { margin: 0 50%; }

.column-left {
	float: left;
	width: 35%;
}

.column-right {
	float: right;
	width: 60%;
}

.clear { clear: both; }

.float-left {
    float: left;
}

.float-right {
    float: right;
}

input[type=text], input[type=password], input.text, input.title, textarea, select {
	background-color: #ffffff;
	border: 1px solid #ebebeb;
	color: #777;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}

input[type=text]:focus, input[type=password]:focus, input.title:focus, input.text:focus, textarea:focus, select:focus {
	-moz-box-shadow: 0 0 3px #dadada;
	-webkit-box-shadow: 0 0 3px #dadada;
	border-color: #CCC;
	box-shadow: 0 0 3px #dadada;
	outline: none;
}

input[type=text], input[type=password], input.title, input.text, textarea, select { margin: 6px 0; }

input[type='submit']:hover { cursor: pointer; }

.Addition :link { color: red; }

.Completed :link { color: #669EC1; }
.Pending :link { color: red; }
.Checked :link { text-decoration: line-through}


/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error {
	background-color: #ffeeee !important;
	border: 1px solid #ff0000 !important;
}


.validation-summary-errors {
	color: #ff0000;
	font-weight: bold;
}

.validation-summary-valid { display: none; }

/* 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; }


.iti {
    height: 2em !important;
    width: 100%;
}

.iti--allow-dropdown {
    height: 2em !important;
    width: 100%;
}

.intl-tel-input {
    height: 2em !important;
    width: 100%;
}

.iti__selected-flag {
    height: 2em !important;
}