@import "metro-bootstrap.css";
@import "metro-bootstrap-responsive.css";
@import "iconFont.css";

div.case-header { font-size: 2.0rem !important; }
div.case-header.bold { font-weight: bold !important; }
label.case-header { font-size: 1.0rem !important; }
label.case-header.case-number { font-size: 1.5rem !important; color: #505050 !important; display: inline !important; padding-right:10px; }
label.case-header.location { font-size: 1.3rem !important; color: #7f7d7d !important; display: inline !important; padding-left: 7px; }

/* Progress Icon Style*/
.process { display: none; position: fixed; z-index: 10000; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .1 ) url('../../../CWPermit/IMAGES/loading-arrows-64.gif') 50% 50% no-repeat; }
body.loading { overflow: hidden; }
body.loading .process { display: block; z-index: 10000;}

.quick-search { font-size: 80% !important; }
input[type="text"].text-padding { padding-right: 25px !important; }
.input-control.textarea, textarea.text-padding { min-height: 80px !important;  }
div.calendar { position: absolute; z-index: 9999; margin-top: -5px; }
.icon-minus, .icon-plus, .icon-arrow-right-3 { font-size: 2.4rem !important; }

.ui-insp-calender { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; border: 1px solid rgb(213, 213, 213); border-radius: 6px; width: auto; max-width: 150px; height: auto; /*box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.4);*/ vertical-align: middle; }
.ui-insp-cal-month { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; width: 100%; background-color: #144E8E; color: white; border-radius: 6px 6px 0 0; margin: 0; padding: 3px 6px 3px 6px; font-size: 14px; }
.ui-insp-cal-month { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; width: 100%; background-color: #144E8E; color: white; border-radius: 6px 6px 0 0; margin: 0; padding: 3px 6px 3px 6px; font-size: 14px; }

/*.ui-insp-cal-month.alert {
  background-color: #144e8e !important;   
}*/

.ui-insp-cal-day { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; width: 100%; background-color: #EDEDEF; color: #144E8E; margin: 0; padding: 1px 18px 1px 18px; font-size: 24px; font-weight: 700; }

/*.ui-insp-cal-day.alert {
  color: red !important;   
}*/
.ui-insp-cal-year { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; width: 100%; background-color: #EDEDEF; color: rgb(83, 83, 83); border-radius: 0 0 6px 6px; margin: 0; padding: 0px 6px 1px 6px; font-size: 14px; font-weight: 800; }
.ui-insp-cal-year.alert { color: red !important; }
.ui-accordion-frame-select { background: #ffffff !important; border-top: 1px solid steelblue; border-left: 6px solid steelblue; border-right: 1px solid steelblue; border-top-left-radius: 2px; border-top-right-radius: 2px; }

.cw-calendar { margin: 0; }
.cw-calendar-text { width: 100% !important; height: 100% !important; }
.cw-calendar-date { right: 5px !important; }
.cw-calendar-time { right: 5px !important; }
.picker__footer button { padding: 4px 12px; border: 1px solid #ffffff; background: #ffffff; font-size: .9em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; }

/* Style for new calendar */
.time-footer button { padding: 4px 12px !important; border: 1px solid #ffffff !important; background: #ffffff !important; font-size: .9em !important; padding: .66em 0 !important; font-weight: bold !important; width: 33% !important; display: inline-block !important; vertical-align: bottom !important; }
/*.picker__holder { position: absolute; background: #ffffff; border: 1px solid #aaaaaa; border-top-width: 0; border-bottom-width: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 200px; max-width: 200px !important; max-height: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;*/ /* -webkit-transition: -webkit-transform 0.1s ease-out, opacity 0.1s ease-out, max-height 0s 0.1s, border-width 0s 0.1s;
-moz-transition: -moz-transform 0.1s ease-out, opacity 0.1s ease-out, max-height 0s 0.1s, border-width 0s 0.1s; transition: transform 0.1s ease-out, opacity 0.1s ease-out, max-height 0s 0.1s, border-width 0s 0.1s;
} */
.picker__holder { }
.field-mode .time-picker-holder { font-size: 1.2em !important; }
.field-mode .picker { font-size: 11px !important; }
.picker { text-align: left !important; color: #000000 !important; position: absolute !important; z-index: 10000 !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; font-family: verdana,arial,helvetica,sans-serif !important; }
.picker__month,
.picker__year { font-weight: bold !important; display: inline-block !important; margin-left: .25em !important; margin-right: .25em !important; font-family: verdana,arial,helvetica,sans-serif !important; }
.picker__year { color: #999999; }
.picker__weekday { width: 14.285714286%; font-size: .85em; padding: .2em .4em 1em .4em; color: #999999; font-weight: 500; text-align: center; font-family: verdana,arial,helvetica,sans-serif !important; }
.picker__day { padding: .3125em 0; font-weight: 200; border: 1px solid transparent; border-radius: 3px; font-family: verdana,arial,helvetica,sans-serif !important; }
.time-picker-frame ul, .time-picker-frame ol { margin-left: 5px; padding-left: 15px; font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #000000; font-size: 1.0em !important; line-height: 15pt; letter-spacing: 0.02em; }
.time span { font-family: verdana,arial,helvetica,sans-serif !important; font-weight: bold !important; }
/*.time-picker-holder { font-size: .70em !important; }*/

.box-ui { padding: 10px; background: #ffffff; border-left: 8px solid steelblue; border-right: 1px solid steelblue; border-bottom: 1px solid steelblue; border-top: 1px solid steelblue; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.label-large { font-size: 20px !important; font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; }
.select2-choice { height: 34px !important; }
.metro .input-control.textarea .btn-search { top: 25px !important; }
.metro .input-control.textarea { height: 100% !important; }
.metro .icon-trash { background: url("../../icons/trash_24.png") no-repeat center center; width: 32px; height: 32px; cursor: pointer; text-decoration: none; border: none; outline: none; }

.metro .arrow-down { text-align: center; vertical-align: middle; display: inline-block; width: 0; height: 0; margin-left: 5px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid gray; }
.metro .arrow-up { text-align: center; vertical-align: middle; display: inline-block; width: 0; height: 0; margin-left: 5px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid gray; }

.metro .show-more:before { content: 'Show More'; }
.metro .show-less:before { content: 'Show Less'; }
.metro .ui-show-less{ background: #ffffff !important; border-left: 6px solid steelblue; border-right: 1px solid steelblue; border-bottom: 1px solid steelblue; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.treeview {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    display: block;
    font-size: 1.20rem;
}
.treeview ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    font-size: inherit;
}
.treeview li {
    font-size: inherit;
    padding: 2px 16px;
    cursor: pointer;
    position: relative;
    color: #555555;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.treeview li.active > .leaf {
    font-weight: bold;
}
.treeview li.disabled {
    cursor: default;
    color: #999999;
}
.treeview li.disabled:hover > .leaf {
    color: #999999;
}
.treeview li .input-control {
    margin: 0 .3125rem 0 0;
    height: 1rem;
    line-height: .625rem;
    min-height: 0;
}
.treeview li .input-control .check {
    line-height: 1rem;
}
.treeview ul > li > .leaf:hover {
    color: #1d1d1d;
}
.treeview .leaf {
    vertical-align: middle;
    display: inline-block;
    color: inherit;
}
.treeview .leaf .icon {
    width: 1rem;
    height: 1rem;
    text-align: center;
}
.treeview .node-toggle {
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
}
.treeview .node-toggle:before {
    position: absolute;
    display: block;
    left: 0;
    top: -9px;
    height: 0;
    content: '';
    width: 0;
    border-left: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px #1ba1e2 solid;
}
.treeview li:hover > .node-toggle:before {
    border-bottom-color: #1b6eae;
}
.treeview .node.collapsed > .node-toggle:before {
    left: -4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom-color: #999999;
}
.treeview .node.collapsed:hover > .node-toggle:before {
    border-bottom-color: #1b6eae;
}
.treeview .node.collapsed > ul {
    display: none;
}