﻿/*------------------ Dashboard Application Menu ------------*/
.metrouicss i.icon-edit-default {
    padding: 8px;
    background-size: 16px;
    background-repeat: no-repeat;
}
.metrouicss i.icon-edit-default.user {
    background-image: url(../metroicon/user.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user.png', sizingMethod='scale')";
}
.metrouicss i.icon-edit-default.user-group {
    background-image: url(../metroicon/user-group.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user-group.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user-group.png', sizingMethod='scale')";
}
.metrouicss i.icon-edit-default.user-edit {
    background-image: url(../metroicon/user-edit.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user-edit.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user-edit.png', sizingMethod='scale')";
}
.metrouicss i.icon-edit-default.scale {
    background-image: url(../metroicon/scale.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/scale.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/scale.png', sizingMethod='scale')";
}
.metrouicss button {
    margin-right: 5px;
}
.metrouicss .shortcut {
    background-color: #ccc;
    margin-right: 5px;
}
.metrouicss .shortcut:hover {
  /*border-color: red;*/
    background-color: #ccc;
    border-color: #0095c4;
}
.metrouicss .shortcut span.label {
    position: relative;
    background-color: #ccc;
    color: #353535;
    font-weight: 400;
    font-size: 14px;
    padding: 2px 0px;
}
.metrouicss .shortcut span.label span.next-line { position: absolute; width: 70px; top: 16px; left: 0px; text-align: center }
.metrouicss .shortcut > .icon {
    color: #353535;
}
.metrouicss .shortcut span.icon i.icon-edit-big {
    padding: 16px;
    background-size: 32px;
    background-repeat: no-repeat;
}
.metrouicss .shortcut span.icon i.icon-edit-big.deal {
    background-image: url(../metroicon/deal.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/deal.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/deal.png', sizingMethod='scale')";
}
.metrouicss .shortcut span.icon i.icon-edit-big.wizard {
    background-image: url(../metroicon/wizard.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/wizard.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/wizard.png', sizingMethod='scale')";
}
.metrouicss .shortcut span.icon i.icon-edit-big.verification {
    background-image: url(../metroicon/verification.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/verification.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/verification.png', sizingMethod='scale')";
}
.metrouicss .shortcut span.icon i.icon-edit-big.report {
    background-image: url(../metroicon/report.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/report.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/report.png', sizingMethod='scale')";
}
.metrouicss .shortcut span.icon i.icon-edit-big.activity {
    background-image: url(../metroicon/activity.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/activity.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/activity.png', sizingMethod='scale')";
}
.metrouicss .shortcut span.icon i.icon-edit-big.events {
    background-image: url(../metroicon/events.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/events.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/events.png', sizingMethod='scale')";
}

/*------------------ Navigation Menu ---------------- */
.tile-navigation {
    padding: 0px 0px 0px;
    float: left;
    margin: 0px;
    list-style: none;
    display: block;
    position: relative;
}
.tile-navigation.narrow {
    padding: 0px 0px 0px;
    float: left;
    margin: 0px;
    list-style: none;
    display: block;
    position: relative;
}
.tile-navigation li {
    margin-left: 3px;
    margin-bottom: 3px;
    display: block;
    float: left;
}
.tile-navigation li a {
    color: #FFF;
}
.tile-navigation li .button {
    width: 76px;
    height: 76px;
    display: block;
    padding: 5px;
    background: #009AD7;
    text-decoration: none;
    position: relative;
}
.tile-navigation.narrow li .button {
    width: 55px;
    height: 55px;
    display: block;
    padding: 5px;
    background: #009AD7;
    text-decoration: none;
    position: relative;
}
.tile-navigation li .button.lblue {
    /*background: #61b0e9 !important;*/
    background: #0095c4 !important;
}
.tile-navigation li .button.lblue:hover {
    /*background: #6bbef6 !important;*/
    background: #007494 !important;
}
.tile-navigation li .button.lblue.select {
    background: #007494 !important;
}
.tile-navigation li .button.yellow {
    background: #FFAA31 !important;
}
.tile-navigation li .button.green {
    background: #68AF27 !important;
}
.tile-navigation li .button.red {
    background: #C22439 !important;
}
.tile-navigation li .button.dblue {
    background: #005683 !important;
}
.tile-navigation li .button.purple {
    background: #673499 !important;
}
.tile-navigation li .button.orange {
    background: #D53F26 !important;
}
.tile-navigation .button .icon {
    display: block;
    width: 44px;
    height: 40px;
    border: 3px solid #FFF;
    margin: 8px 13px 7px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 4px;
}
.tile-navigation.narrow .button .icon {
    width: 55px;
    height: 44px;
    margin: 0px;
    border: 0px;
    display: block;
    text-align: center;
}
.tile-navigation .button .name {
    font-size: 10px;
    color: #FFF;
    line-height: 13px;
}
.tile-navigation.narrow .button .name {
    font-size: 10px;
    color: #FFF;
    line-height: 13px;
    margin-top: -6px;
    font-family: "Segoe UI", arial, sans-serif;
}
/*---------------- Blue Button -----------------*/
.blue.metrouicss button { color: #FFF; margin-right: 0px; background-color: #0095c4; }
.blue.metrouicss button.mini, .blue.metrouicss label.mini { min-height: 23px; min-width: 25px; margin-right: 0px; margin-bottom: 0px !important;
    padding-left: 6px; padding-right: 6px; font-size: 13px !important;}
.blue.metrouicss button:hover { background-color: #007494; }
.blue.metrouicss button:disabled,
.blue.metrouicss .button:disabled,
.blue.metrouicss button.disabled,
.blue.metrouicss .button.disabled {
  opacity: .35; filter:Alpha(Opacity=35); background-image: none;
  cursor: not-allowed;
}
.blue.metrouicss button:disabled:hover,
.blue.metrouicss .button:disabled:hover,
.blue.metrouicss button.disabled:hover,
.blue.metrouicss .button.disabled:hover {
    background-color: #0095c4; 
}
.blue.metrouicss .input-control.checkbox .helper {
    font-size: 14px;
    padding-left: 27px;
}
.blue.metrouicss .input-control.checkbox input[type="checkbox"]:checked ~ .helper:after {
    color: #0095c4;
}

/* --- Blue Icon --- */
.blue.metrouicss button.mini i.icon-loader {
    padding: 8px;
    margin-left: 7px;
    margin-top: 1px;
    margin-right: -2px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url(../metroicon/button-loader.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/button-loader.gif', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/button-loader.gif', sizingMethod='scale')";
}

.blue.metrouicss a {
    color: #0095c4;
}
.blue.metrouicss a:hover { color: #007494; }

/* --------------- Ribbon Menu ---------------- */
.ribbon .metrouicss .ribbon-group { float: left; border-right: 1px solid #ccc; padding-left: 3px;  padding-right: 3px }
.ribbon .metrouicss .ribbon-group .ribbon-group-name { font-size: 12px; color: #6E6E6E; text-align: center; margin-top: 0px; background-color: #ddd; font-weight: bold; }
.ribbon .metrouicss button { color: #333; margin-right: 2px; margin-bottom: 2px; background-color: #eee; min-width: 0px; }
.ribbon .metrouicss button.big { margin-right: 2px !important; height: 71px; width: 52px; padding: 0px; padding-top: 2px; padding-bottom: 6px; letter-spacing:normal !important;}
.ribbon .metrouicss button.big .icon { display: block; font-size: 25px; width: 100% }
.ribbon .metrouicss button.big .icon i { margin-right: 0px }
.ribbon .metrouicss .label { background: none !important; position: relative; color: #333; font-size: 12px; font-weight: normal; width: 100%; text-align: center; height: 26px; }
.ribbon .metrouicss .label span.next-line { position: absolute; width: 70px; top: 14px; left: 0px; text-align: center }

.ribbon .metrouicss button.mini, .ribbon { font-size: 12px !important; padding-left: 5px; padding-right: 5px; letter-spacing:normal !important;}
.ribbon .metrouicss button.mini i.icon-custom, .ribbon .metrouicss label.mini i.icon-custom {
    padding: 7px;
    background-size: 13px;
    background-repeat: no-repeat;
}
.metrouicss label.mini { font-size: 12px !important; padding-left: 6px; padding-right: 5px; letter-spacing:normal !important;}
.ribbon .metrouicss label.mini i.icon-custom {
    padding: 7px;
    padding-top: 6px;
    background-size: 13px;
    background-repeat: no-repeat;
}
.ribbon .metrouicss label.mini span.label {
    display: inline;
    font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    margin-left: -2px;
    font-size: 12px !important;
}
.ribbon .metrouicss button:hover { background-color: #ddd; }
.ribbon .metrouicss button.big.select { background-color: #ddd; }
.ribbon .metrouicss button.mini.select { background-color: #ddd; }

.ribbon .metrouicss button:disabled,
.ribbon .metrouicss .button:disabled,
.ribbon .metrouicss button.disabled,
.ribbon .metrouicss .button.disabled {
  opacity: .35; filter:Alpha(Opacity=35); background-image: none;
  cursor: not-allowed;
}
.ribbon .metrouicss button:disabled:hover,
.ribbon .metrouicss .button:disabled:hover,
.ribbon .metrouicss button.disabled:hover,
.ribbon .metrouicss .button.disabled:hover {
    background-color: #eee; 
}

/* --- Ribbon Icon --- */
.ribbon .metrouicss span.icon i.icon-custom {
    padding: 18px;
    background-size: 35px;
    background-repeat: no-repeat;
}
.ribbon .metrouicss i.icon-custom.deal {
    background-image: url(../metroicon/deal.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/deal.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/deal.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.verification {
    background-image: url(../metroicon/verification.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/verification.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/verification.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.report {
    background-image: url(../metroicon/report.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/report.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/report.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.user {
    background-image: url(../metroicon/user.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.roles {
    background-image: url(../metroicon/user-group.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user-group.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user-group.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.notary {
    background-image: url(../metroicon/scale.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/scale.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/scale.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.user-edit {
    background-image: url(../metroicon/user-edit.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user-edit.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/user-edit.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.wizard {
    background-image: url(../metroicon/wizard.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/wizard.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/wizard.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.rotate-left {
    background-image: url(../metroicon/rotate-left.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/rotate-left.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/rotate-left.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.rotate-right {
    background-image: url(../metroicon/rotate-right.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/rotate-right.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/rotate-right.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.money {
    background-image: url(../metroicon/money.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/money.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/money.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.pencil {
    background-image: url(../metroicon/pencil.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/pencil.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/pencil.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.verify-all {
    background-image: url(../metroicon/verify-all.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/verify-all.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/verify-all.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.file {
    background-image: url(../metroicon/file.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/file.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/file.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.upload {
    background-image: url(../metroicon/upload.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/upload.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/upload.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.owner {
    background-image: url(../metroicon/owner.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/owner.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/owner.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.refresh {
    background-image: url(../metroicon/refresh.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/refresh.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/refresh.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.reactivate {
    background-image: url(../metroicon/reactivate.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/reactivate.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/reactivate.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.ok {
    background-image: url(../metroicon/ok.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/ok.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/ok.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.activity {
    background-image: url(../metroicon/activity.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/activity.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/activity.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.events {
    background-image: url(../metroicon/events.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/events.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/events.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.product {
    background-image: url(../metroicon/product.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/product.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/product.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.submit {
    background-image: url(../metroicon/submit.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/submit.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/submit.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.tools {
    background-image: url(../metroicon/tools.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/tools.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/tools.png', sizingMethod='scale')";
}
.ribbon .metrouicss i.icon-custom.car {
    background-image: url(../metroicon/car.png);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/car.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/Content/metro/metroicon/car.png', sizingMethod='scale')";
}


