/*----------------------------------------------------------------------- */
/* Copyright (c) EMK3. All rights reserved.                               */
/*----------------------------------------------------------------------- */

/*------------------------------------- */
/* Global                               */
/*------------------------------------- */

html, body, form { margin:0px; padding:0px; width:100%; height:100%; }

iframe { margin:0px; padding:0px; border:none; width:100%; }

body {
    background-color: #fff;
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
}

select {margin:0px;}    /* Fix for Chrome */
input {margin:0px;}     /* Fix for Chrome */

/*------------------------------------- */
/* Page Layout                          */
/*------------------------------------- */

.componentwidth {
    position: relative; 
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    border-style: none;
    border-width: 0px 0px 0px 0px;
    background-color: #ffffff; 
    width: 100%;
    height: 100%;
}

.contents_title {
    width: 100%;
    height: 25px;
    border-spacing: 0px;
    border-collapse: separate;
    border: 0;
    border-bottom: 1px solid #999999;
    background-color: #ffffff;
}

.title_left {
    width: 20%;
    text-align: left;
    padding-left: 10px;
}

.title_middle {
    width: 60%;
    text-align: center;
}

.title_right {
    width: 20%;
    text-align: right;
    padding-right: 10px;
}

.contents_subtitle {
    width: 100%;
    height: 25px;
    border-spacing: 0px;
    border-collapse: separate;
    border: 0;
    border-bottom: 1px solid #999999;
    background-color: #eeeeee;
}

.subtitle_left {
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
    white-space: nowrap;
}

.subtitle_middle {
    text-align: center;
    vertical-align: middle;
}

.subtitle_right {
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
    white-space: nowrap;
}

table.bottompanel {
    width: 450px;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
    border: 0px;
    text-align: left;
    background-color: #ffffff;
}

table.bottompanel td,
table.bottompanel tr {
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
}

table.bottompanel td.contents {
    width: 100%;
    overflow: visible;
    text-align: left;
    background-color: #ffffff;
}

table.bottompanel td.contents table {
    border-collapse: separate;
    border-spacing: 1px 1px;
}

table.contents_datafields {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px 1px;
}

table.contents_datafields td:not([colspan="2"]) {
    height: 28px;
    min-height: 28px;
}

table.contents_dataform {
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px 1px;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #333333;
}

table.contents_dataform td,
table.contents_dataform tr {
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
}

table.contents_dataform td {
    height: 28px;
    min-height: 28px;
    text-align:left; 
    vertical-align:top;
}

/*-------------------------------------------- */
/* Overrides for Font Awesome                  */
/*-------------------------------------------- */

/*---- For NIFTY ----- */
.form-checkbox.form-icon:after,
.form-radio.form-icon:after {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}
.btn-labeled.fa:before,
.btn-labeled .fa:before {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}
.btn-labeled.fas,
.btn-labeled.far {
    text-align: left;
}
.btn-labeled.fas,
.btn-labeled.far {
    line-height: 1.42857;
}
.btn-labeled.fas:before,
.btn-labeled .fas:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.btn-labeled.far:before,
.btn-labeled .far:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
.btn-lg.btn-labeled.fas,
.btn-lg.btn-labeled.far {
    line-height: 1.33;
}
.btn-sm.btn-labeled.fas,
.btn-sm.btn-labeled.far {
    line-height: 1.42857;
}
.btn-xs.btn-labeled.fas,
.btn-xs.btn-labeled.far {
    line-height: 1.5;
}

/*---- For Font Awesome ----- */
.fa-fw {
    width: 1.6em !important;
}
.fa.fa-sync, .fas.fa-sync, .fa.fa-print, .fas.fa-print {
    color: #579ddb;
}

/*-------------------------------------------- */
/* Overrides for Bootstrap and Nifty           */
/*-------------------------------------------- */

.btn-sm,.btn-icon.btn-sm {font-size:11px !important; line-height:1.3 !important;}
.btn-xs,.btn-icon.btn-xs {font-size:11px !important; line-height:1.6 !important;}
.btn-primary,.btn-primary:focus{background-color:#294f75;border-color:#25476a !important;color:#fff}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:hover,
.btn-primary:not([class*="btn-active-"]) + .dropdown-menu > li > a:focus,
.btn-primary:not([class*="btn-active-"]) + .dropdown-menu > .active > a,
.btn-primary + .dropdown-menu:not(.head-list) > li > a.active,
.open > .dropdown-toggle.btn-primary,
.btn-hover-primary:hover,
.btn-hover-primary:active,
.btn-hover-primary.active,
.btn-active-primary.btn:active,
.btn-active-primary.btn.active,
.btn-active-primary + .dropdown-menu > li > a:hover,
.btn-active-primary + .dropdown-menu > li > a:focus,
.btn-active-primary + .dropdown-menu > .active > a,
.open .dropdown-toggle.btn.btn-active-primary,
.btn-group.open .dropdown-toggle.btn.btn-active-primary {
    background-color: #1c3550 !important;
    border-color: #1c3550 !important;
    color: #fff !important;
}

table.table-condensed tbody tr td,
table.table-condensed tbody tr th,
table.table-condensed tfoot tr td,
table.table-condensed tfoot tr th,
table.table-condensed thead tr td,
table.table-condensed thead tr th {
    padding: 1px !important;
}

::selection {
    background-color: #25476a;
    color: #fff;
}
::-moz-selection {
    background-color: #25476a;
    color: #fff;
}

/*-------------------------------------------- */
/* Used in Main display area                   */
/*-------------------------------------------- */

td.gray {background-color:#f3f3f3; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #ffffff; margin:0px; padding:1px 0px 1px 0px !important;}
.btn-refresh, .btn-print {padding: 2px 5px 2px 5px !important; margin: 2px 0px 2px 0px !important; border: 0px none !important; font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #666666;}
.btn-previous {height:22px !important; width:22px !important; border-color: #cccccc !important;}
.btn-next {height:22px !important; width:22px !important; border-color: #cccccc !important;}
.btn-add, .btn-editall, .btn-deleteall, .btn-update, .btn-cancel {height:22px !important; padding: 0px 5px 0px 5px !important;}
.btn-edit, .btn-delete {height:22px !important; padding: 0px 5px 0px 5px !important; color:#579ddb !important;}
.btn-go {height:22px !important; width:50px !important; border-color: #cccccc !important; color: #666666 !important;}
.btn-links {padding: 0px 7px 0px 7px !important;  border-color: #cccccc !important; color: #666666 !important;}
.btn-clearfilters {height:22px !important; background-color: #eeeeee !important; border: 1px solid #cccccc !important; color: #333333 !important;}

table.contents_searchresults {
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px 1px;
}

table.contents_searchresultslist {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    border-spacing: 0px;
}

table.contents_searchresultslistdetails {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px 1px;
}

.GridRowStyle {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    font-weight: normal;
}

.GridHeaderStyle {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    font-weight: normal;
}

.GridFooterStyle {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    font-family: 'Segoe UI',Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    font-weight: normal;
    background-color: #eeeeee;    
}

.GridDetailRowStyle {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align:left;
}

.GridDetailHeaderStyle {
    font-family: Verdana,Arial,Helvetica;
    font-size: 10px;
    font-weight: normal;
    text-transform:uppercase;
    line-height: 10px;
    padding: 0px 0px 0px 5px;
    margin: 0px 0px 0px 0px;
    text-align:left;
    
}

.ButtonStyle {
    font: normal normal normal 10px Verdana, Arial, Helvetica;
    text-transform: none;
    color: #000000;
    vertical-align: middle;
}

.ButtonStyleXLarge {
    font: normal normal normal 13px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #000000;
    vertical-align: middle;
}

.TextBoxStyleLarge {
    height: 22px;
    font: normal normal normal 12px 'Segoe UI',Arial,Helvetica,sans-serif;
    border-color: #999999;
    border-width: 1px;
    border-style: solid;
}

.TextBoxStyleXLarge {
    height: 24px;
    font: normal normal normal 13px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
}

.DropDownListStyleLarge {
    color: #333;
    font: normal normal normal 12px "Segoe UI",Arial,Helvetica,sans-serif;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
}

.DropDownListStyleXLarge {
    margin: 0px;
    height: 24px;
    vertical-align: top;
    font: normal normal normal 13px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    border-color: #cccccc;
    border-width: 1px;
    border-style: solid;
}

.LabelStyleHeaderBlue {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform:none;
    color: #01539d;
}

.LabelStyleHeaderGray {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform:none;
    color: #666666;
}

.LabelStyle {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-align:center;
    vertical-align:middle;
}

.LabelStyle2 {
    font-family: Verdana, Arial, Helvetica;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #000000;
    text-align:center;
    vertical-align:middle;
}

.LabelStyleBold {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-align:center;
    vertical-align:middle;
}

/*-------------------------------------------- */
/* Override for Telerik Skin style             */
/*-------------------------------------------- */

div.RadGrid_Metro .rgEditRow {
    background-image: none !important;
    background-color: #eeeeee !important;
    height: 30px !important;
}
div.RadGrid_Metro .rgEditRow td {
    border-bottom-color: #cccccc !important;
    border-left-color: #e5e5e5 !important;
    padding-top:3px !important;
    padding-bottom:2px !important;
}
div.RadGrid_Metro .rgRow td {
    border-bottom-color: #e5e5e5 !important;
}
div.RadGrid_Metro .rgCommandCell {
    border: 0px !important;
}
.RadGrid_Metro .rgMasterTable .rgSelectedCell,.RadGrid_Metro .rgSelectedRow {
    background:#336699 !important;
}
.RadGrid_Metro .rgActiveRow>td,.RadGrid_Metro .rgSelectedRow>td {
    border-color:#cccccc !important;
}
.RadGrid_Metro .rgActiveRow>td.rgSorted,.RadGrid_Metro .rgSelectedRow>td.rgSorted {
    border-color:#cccccc !important;
}
tr.rgNoRecords {
    border: 0px none !important;
}   
tr.rgNoRecords td {
    border: 0px none !important; 
}
html body .riSingle .riTextBox {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

html body .RadInput_Metro .riTextBox,
html body .RadInputMgr_Metro {
    border-color: #cccccc !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: #333333 !important;
}