﻿/* Elements */
/* body { }
fieldset { margin: 0px; padding: 0px; border: none; }
h1, h2, h3 { padding: 5px 0px; margin: 0px; }
h1 { font-size: 24px; }
h2 { font-size: 14px; }
h3 { font-size: 14px; color: #000; }
a, a:link, a:visited, a:hover, a:active { color: #000; }
a img { border: none; } */

/* Layout Elements */
.RadGrid_Metro, .RadTreeList_Bootstrap, .RadTreeList_Metro, .RadGrid_Bootstrap {
    font-family: 'Montserrat', Verdana, Arial, sans-serif !important;
}



/* Bootstrap Customizations */
.label-title { margin-top: 10px; margin-left: 10px; }
.label-legend { margin-right: 10px; }
.label-primary, .badge-primary { background-color: #033c73 !important;  }
.label-primary2, .badge-primary2 { background-color: #436c98 !important;  }
.label-inverse, .badge-inverse { background-color: #222 !important;  }
.label-info2, .badge-info2 { background-color: #9760b3 !important; }
.label-error, .badge-error { background-color: #bd4247 !important; }
.label-success2, .badge-success2 { background-color: #00A9A7 !important; }
.label-inverse2, .badge-inverse2 { background-color: #FFF !important; color: #034482 !important; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25) !important; }
.text-align-center { text-align: center; }
.table .group { background-color: #d5d5d5 !important; font-weight: 700;  font-style: italic; }
.rgMasterTable img { min-width: 16px !important; }

.row-indent-top { padding-top: 20px; }
.row-padding { padding-top: 10px; padding-bottom: 10px; }
.subtitle { margin-bottom: 10px; color: #333; }
.link-grid:link, .link-grid:visited, .link-grid:active  { color: #08C !important; text-decoration: underline; }
.table-white tr td { background-color: #FFF; }
.well-white { background-color: #FFF !important; border-color: #ccc !important; }
.well-title { font-size: 20px; line-height: 36px;  margin-top: 15px; margin-bottom: 5px;  }

/* Fix bootstrap icomoon overlapping icons */
.icon-flag { background: none; }
.icon-remove { background: none; }
.notification-list { margin: 0px; padding: 0px; list-style-type: none; }
.notification-list li table { }
.notification-0 { margin: 0px;  padding: 3px 0px 3px 20px; background: url(../Images/alert.png) no-repeat top left; }
.notification-1 { margin: 0px; padding: 3px 0px 3px 20px; background: url(../Images/critical.png) no-repeat top left; }
.notification-2 { margin: 0px; padding: 3px 0px 3px 20px; background: url(../Images/info.png) no-repeat top left; }
.notification-3 { margin: 0px; padding: 3px 0px 3px 20px; background: url(../Images/warning.png) no-repeat top left; }
.list-notification-1 { display: block; margin: 0px; padding: 0px 0px 3px 20px; background: url(../Images/alert.png) no-repeat top left; }
.list-notification-2 { display: block; margin: 0px; padding: 0px 0px 3px 20px; background: url(../Images/critical.png) no-repeat top left; }
.list-notification-3 { display: block; margin: 0px; padding: 0px 0px 3px 20px; background: url(../Images/info.png) no-repeat top left; }
.list-notification-4 { display: block; margin: 0px; padding: 0px 0px 3px 20px; background: url(../Images/warning.png) no-repeat top left; }

/* Chart Box */
.chartbox { display: -ms-inline-flexbox; display: -webkit-inline-flexbox; display: inline-flex; margin-bottom: 44px; }
.chartbox div[chart-type*="donut"] { width: 110px; height: 110px; display: block; position: relative; margin-right: 115px; }
.chartbox div[chart-type*="donut"]:last-of-type { margin-right: 0; }
.chartbox div.donut-hole { height: 85.8px; width: 85.8px; background-color: #fff; z-index: 20; position: absolute; top: 12.1px; left: 12.1px; border-radius: 85.8px; line-height: 27.5px; }
.chartbox span.donut-filling { position: absolute; display: block; vertical-align: middle; font-size: 26px; top: 50%; margin-top: -13.75px; width: 85.8px; height: 27.5px; text-align: center; cursor: default; overflow: none; }
.chartbox div.donut-caption-wrapper { width: 110px; align-content: center; position: relative; top: 120px; }
.chartbox span.donut-caption { display: block; text-align: center; cursor: default; margin: 0 auto; }
.chartbox .donut-bite { position: absolute; width: 55px; height: 110px; overflow: hidden; top: 0; left: 55.5px; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; -webkit-transform-origin: left center; transform-origin: left center; }
.chartbox .donut-bite.large { width: 110px; height: 110px; left: 0; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; }
.chartbox .donut-bite:BEFORE { content: ""; position: absolute; width: 55px; height: 110px; top: 0; left: -55px; border-radius: 55px 0 0 55px; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; -webkit-transform-origin: right center; transform-origin: right center; }
.chartbox .donut-bite.large:BEFORE { left: 0; } 
.chartbox .donut-bite.large:AFTER { content: ""; position: absolute; width: 55px; height: 110px; left: 55px; border-radius: 0 55px 55px 0; }

/* Image Styles */
.collateral-image { border-right: solid 2px #FFF; float: left; }
.collateral-image a img { border: solid 1px #AAA; }

/* Rad Grid Styles */
.rgHeader { font-weight: 900 !important;  }
.rgMasterTable > tr > td, .rgMasterTable > tbody > tr > td { border-bottom: solid 1px #DBDFE4 !important; }
.rgAltRow { background-color: #F1F1F3; }
.rgEditRow input[type=text] { width: 200px; }
.rgEditForm input[type=text] { width: 99%; }
.rgEditForm > table > tbody > tr > td > table > tbody > tr > td { width: 100%; vertical-align: top; }
.rgEditForm > table > tbody > tr > td > table > tbody > tr > td:first-child { white-space: nowrap; width: 1%; }
.rgEditForm .reContentCell { height: 100% !important; }
.rgCommandCell a { padding: 1px 0px 0px 20px; }
.rgCommandCell .rgButton-Copy { background: url(../Images/Grid/Copy.png) no-repeat top left;  }
.rgCommandCell .rgButton-List { background: url(../Images/Grid/List.png) no-repeat top left;  }
.rgCommandCell .rgButton-New { background: url(../Images/Grid/New.png) no-repeat top left;  }
.rgCommandCell .rgButton-Refresh { background: url(../Images/Grid/Refresh.png) no-repeat top left;  }

/* RadDock Styles */
.RadDock { margin-bottom: 10px; }
.RadDock .rdMiddle .rdContent { padding: 2px !important; border-top: solid 5px #DBDFE4; background: #FFF !important; }

/* Rad Input Styles */
input.riRead { background-color: #DDD !important; border: solid 1px #999 !important; color: #AAA !important; }
.RadDateTimePicker .RadInput_Bootstrap { width: 100%; }
.RadPicker .rcCalPopup, .RadPicker .rcTimePopup { min-width: 32px; }

/* Table Styles */
.table-admin { border: solid 2px #DBDFE4 ; }
.table-admin .table-row th, .table-admin .table-row-alt th { background: #FFF; color: #767676; }
.table-admin .table-row td { background-color: #FFF; }
.table-admin .table-row-alt td { background-color: #E5E5E5; }

/* Tab Styles */
.RadTabStrip .rtsLevel1 .rtsSelected .rtsLink:before { border-color: #033c73 !important; }
.RadTabStrip .rtsLevel1 .rtsSelected .rtsLink { color: #033c73 !important; }
.RadTabStrip .rtsLevel2 { background-color: #ddd; }
.RadTabStrip .rtsLevel2 .rtsLink { margin-left: 5px; color: #033c73 !important; }
.RadTabStrip .rtsLevel2 .rtsSelected { text-decoration: none !important; background-color: #033c73; }
.RadTabStrip .rtsLevel2 .rtsSelected .rtsLink { color: #FFF !important; }
/*
.RadTabStrip { background-color: #818589; border: solid 1px #818589; border-bottom: none; padding: 1px 1px 0px 1px !important; }

.RadTabStrip .rtsLevel1 .rtsLink { color: #FFF !important; }
.RadTabStrip .rtsLevel1 .rtsLink:hover { color: #000 !important; }
.RadTabStrip .rtsLevel1 .rtsSelected { color: #000 !important; } 
.RadTabStrip .rtsLevel1 .rtsLink { font-weight: 700 !important; }
.rtsLevel2 { border-left: solid 1px #A4ABB2; border-right: solid 1px #A4ABB2; }
.rtsLevel2 .rtsLink { padding-top: 5px; background-color: #FFF; }
.rtsLevel2 .rtsSelected { text-decoration: none !important; background-color: #FFF; }
.rtsLevel2 .rtsSelected .rtsIn { background-color: #A4ABB2; color: #FFF; }
.rtsDisabled { color: #CCC !important; }
.rtsDisabled:hover { text-decoration: none !important; }
*/

/* Popup Styles */
.popup-message { width: 250px; height: 150px; line-height: 150px; vertical-align: middle; text-align: center; margin: 0px auto; }

/* Misc Styles */
.clear { clear: both; }
.hide, .hidden { display: none; }
.white { color: #FFF !important; }
.gray { color: #666; }


/* Switch */


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    float:right;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input.default:checked + .slider {
    background-color: #444;
}
input.primary:checked + .slider {
    background-color: #2196F3;
}
input.success:checked + .slider {
    background-color: #8bc34a;
}
input.info:checked + .slider {
    background-color: #3de0f5;
}
input.warning:checked + .slider {
    background-color: #FFC107;
}
input.danger:checked + .slider {
    background-color: #f44336;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}