﻿/* General */
body {
    font-family: Calibri, Arial, Verdana, Tahoma;
    overflow: hidden;
    height: 100%;
}

/* Links */
a {
    color: #08C;
    text-decoration: none;
}

    a:hover {
        color: #08C;
        text-decoration: underline;
    }

    /* Buttons */
    input[type="button"],
    button,
    .btn,
    .button,
    a.ui-state-default {
        border: 1px solid #788089;
        background-color: #F6F7FA;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F7FA', endColorstr='#DAE0E6', GradientType=0 ); /* IE6-9 */
        background-image: -moz-linear-gradient(top, #F6F7FA 0%, #DAE0E6 100%); /* FF3.6+ */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F7FA), color-stop(100%, #DAE0E6)); /* Chrome,Safari4+ */
        background-image: -webkit-linear-gradient(top, #F6F7FA 0%, #DAE0E6 100%); /* Chrome10+,Safari5.1+ */
        background-image: -o-linear-gradient(top, #F6F7FA 0%, #DAE0E6 100%); /* Opera 11.10+ */
        background-image: -ms-linear-gradient(top, #F6F7FA 0%, #DAE0E6 100%); /* IE10+ */
        background-image: linear-gradient(to bottom, #F6F7FA 0%, #DAE0E6 100%); /* W3C */
        font-size: 0.9em;
        line-height: 1.6em;
        padding: 0 0.65em;
        font-family: inherit;
        position: relative;
        color: #1A2429;
        outline: none;
    }

        input[type="button"]:hover,
        button:hover,
        .btn:hover,
        .button:hover,
        a.ui-state-default:hover {
            filter: none;
            background: #FEFEFE;
            text-decoration: none;
        }

        input[type="button"].pressed,
        button.pressed,
        .btn.pressed,
        .button.pressed,
        a.ui-state-default.pressed {
            border: 1px solid #1A2429;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0A5686', endColorstr='#0089D6', GradientType=0 ); /* IE6-9 */
            background-image: -moz-linear-gradient(top, #0A5686 0%, #0089D6 25%); /* FF3.6+ */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0A5686), color-stop(25%, #0089D6)); /* Chrome,Safari4+ */
            background-image: -webkit-linear-gradient(top, #0A5686 0%, #0089D6 25%); /* Chrome10+,Safari5.1+ */
            background-image: -o-linear-gradient(top, #0A5686 0%, #0089D6 25%); /* Opera 11.10+ */
            background-image: -ms-linear-gradient(top, #0A5686 0%, #0089D6 25%); /* IE10+ */
            background-image: linear-gradient(to bottom, #0A5686 0%, #0089D6 25%); /* W3C */
            color: #FFF;
            -webkit-text-shadow: 0 1px #1A2429;
            text-shadow: 0 1px #1A2429;
        }

        input[type="button"]:disabled,
        button:disabled,
        .btn.disabled,
        .button.disabled,
        a.ui-state-default.disabled {
            background: #c5c5c5;
            background-image: none;
            filter: none;
            border: 1px solid #a2a2a2;
            outline: none;
            color: #969696;
            -webkit-text-shadow: none;
            text-shadow: none;
            cursor: default;
        }

/* Text boxes */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="time"],
input[type="number"],
select,
textarea {
    height: 28px;
    border: 1px solid #d7dde2;
    border-top: 1px solid #242526;
    background: #fff;
    padding: 6px;
    font-size: 14px;
    color: #555555;
    margin-bottom: 6px;
    width: 210px;
}

	input[type="text"]:focus,
	input[type="tel"]:focus,
	input[type="email"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="time"]:focus,
	input[type="number"]:focus,
	select:focus,
	textarea:focus {
		border: #7db1e8 solid 1px;
		outline: none;
		border-top-color: #0071bb;
	}

    input[type="text"]:disabled,
    input[type="tel"]:disabled,
    input[type="email"]:disabled,
    input[type="password"]:disabled,
    input[type="datetime"]:disabled,
    input[type="time"]:disabled,
    input[type="number"]:disabled,
    select:disabled,
    textarea:disabled {
        outline: none;
        border: none;
        border-top: 1px solid #c8ccce;
        background: #eef1f4;
        color: #c4c9cc;
    }

    input[type="text"]:read-only,
    input[type="tel"]:read-only,
    input[type="email"]:read-only,
    input[type="password"]:read-only,
    input[type="datetime"]:read-only,
    input[type="time"]:read-only,
    input[type="number"]:read-only,
    textarea:read-only {
        outline: none;
        border: none;
        border-top: 1px solid #c8ccce;
        background: #eef1f4;
        color: #c4c9cc;
        -moz-user-select: all;
        -ms-user-select: all;
        -webkit-user-select: all;
        user-select: all;
    }

    input[type="number"].ng-invalid {
        border: #e20000 solid 1px;
    }

textarea {
    height: 100px;
    max-width: 210px;
    min-width: 210px;
    min-height: 28px;
}

input[type=checkbox],
input[type=checkbox] + label,
.row-label {
    margin-bottom: 6px;
}

input[type=time] {
	width: auto;
}

	input[type=time]::-webkit-clear-button {
		display: none;
	}


/* Checkbox */
/*input[type=checkbox] {
    padding: 0;
    margin: 0;
}*/

.clear {
    clear: both;
}

.overlay-screen {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #000;
    opacity: 0.55;
    display: block;
}

/* IE-specific fixes */
html.ie input[type="search"] {
    background: #fff;
    padding: 4px;
}

/* jQuery UI DatePicker */
.date-picker {
	position: relative;
}

	.date-picker input {
		width: 210px;
	}

	.date-picker svg {
		position: absolute;
		right: 0;
		cursor: pointer;
	}

/*
    Calendar styling - mostly defaults
    CSS can't be defined in a container b/c the element exists near the root of the site
*/
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-widget-content {
	background: white;
	border: 1px solid black;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}

/* header */
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #FDBA30;
	color: white;
	font-size: 13px;
	font-weight: bold;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
	user-select: none;
	cursor: default;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 3px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: calc((50%) - 3px);
	top: calc((50%) - 4px);
}

.ui-widget.ui-widget-header .ui-icon,
.ui-icon, .ui-widget-content .ui-icon {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #333333;
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

/* calendar */
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: .7em 0.1em;
	text-align: center;
	border: 0;
	user-select: none;
	cursor: default;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

	.ui-widget.ui-widget-content .ui-datepicker td span, .ui-datepicker td a {
		display: block;
		padding: .2em;
		text-align: right;
		text-decoration: none;
	}

/* default */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
date-picker.cs

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

/* today */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.ui-state-checked {
	border: 1px solid #dad55e !important;
	color: #777620 !important;
	background: #FDBA30 !important;
}

/* selected */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff !important;
	background: #007fff !important;
	font-weight: normal !important;
	color: #ffffff !important;
}

/* hover */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-datepicker-next-hover,
.ui-datepicker-prev-hover {
	background-color: transparent !important;
	border: 0px !important;
	cursor: pointer;
}

	.ui-datepicker-next-hover .ui-icon,
	.ui-datepicker-prev-hover .ui-icon {
		border-color: transparent transparent transparent #737373 !important;
	}
/* jQuery UI DatePicker */
