/* UI STYLES FOR TABLE */
.fg-toolbar { padding: 10px !important; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 10px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 10px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 10px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 10px; }
.ui-dialog { position: fixed; top: 10%; left: 33%; z-index: 999999; padding: 0px; }
.ui-widget { font-family: Arial, Helvetica, sans-serif; }
.ui-widget-header { padding: 10px; background: #3946a0; color: #fff; font-weight: bold; border: 0; }
.ui-dialog-titlebar { padding: 15px !important; border: 2px solid #fff !important; 
                      -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; 
                      -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; 
                      border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.ui-dialog-content { padding: 20px; }
.ui-widget-content { background: #fff; color: #222; }
.ui-state-default .ui-icon { background-image: url('/images/icons/ui-icons-white.png'); }
.dataTables_filter { width: 50%; float: right; text-align: right; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #3946a0; background: #4c59b2; color: #fff; font-weight: bold; }
.ui-widget.ui-widget-content { border: 3px solid #3946a0; }
.ui-dialog .ui-dialog-titlebar-close {right:1em; top:42%; width:30px; height:30px;}


.details_link {margin-top: 15px; margin-bottom: 0px; font-weight: normal;}
    .details_link span, .topic_key span, p.approval_key { cursor: pointer; text-decoration: underline !important; }
    .details_link span { color: #3946a0; }
p.approval_key { color: #fff; font-weight: bold; display: inline; }
.details_link img, .topic_key img, img.approvalTH { vertical-align: middle; }
.details_link span { display: inline-block !important; margin-left: 7px !important; }
.topic_key img, img.approvalTH { padding-right: 2px; }

#topic_key_dialog { padding: 25px 15px; font-size: 14px;  }
#approval_key_dialog { padding: 25px 15px; font-size: 16px;}
#approval_key_dialog li { margin-bottom: 15px; margin-left: 0px; font-size: 16px; }

dt { font-weight: bold }
dd { margin: 0 0 0.5em 1em; }

.dataTables_info { width: 30%; padding-top: 12px; font-size: 14px; float: left; }
#vcsite_table th { padding-bottom: 15px; }
#vcsite_table td { padding: 15px 10px; }
#vcsite_table_wrapper { margin-top: 30px; }
#vcsite_table_length label { font-size: 0.8em; }
#vcsite_table { margin-top: 0; margin-bottom: 0; }
.dataTables_paginate { float: right; text-align: right; }
#vcsite_table_paginate { width: auto; margin: 10px 0px; }
    #vcsite_table_paginate .fg-button { margin: 0px 5px; padding: 10px 15px; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
        #vcsite_table_paginate .fg-button:hover { cursor: pointer; background: #fff; color: #3946a0; }
#vcsite_table li { list-style-type: none; list-style: none; margin-bottom: 7px; }
#vcsite_table ul { margin-left: 3px; }
tr { border-bottom: 1px solid #7a7fac; }
td { vertical-align: middle !important; }
.odd { background-color: #fff; }
.even { background-color: #fbfcff; }
tr.odd td.sorting_1 { background-color: #dbdeef; }
tr.even td.sorting_1 { background-color: #f2f5fd; }
td.sorting_1 { border-bottom: 2px solid #7a7fac !important; }

.odd td:nth-child(1), .even td:nth-child(1) { font-weight: bold; }
.odd td:nth-child(3), .even td:nth-child(3), .odd td:nth-child(4), .even td:nth-child(4) { text-align: center; }
.odd td:nth-child(2) ul, .even td:nth-child(2) ul { margin-bottom: 0px; }
div.details { display: none; padding-top: 25px !important;}
.details h2 { font-size: 16px; }
div.details h2.approved, div.details h2.not_approved, div.details h2.preapproved { font-size: 24px; }
    .approved { color: green !important; font-weight: bold; }
    .not_approved { color: red !important; font-weight: bold; }
    .preapproved { color: #ff6a00 !important; font-weight: bold; }
div.details li, div.details p {font-size:14px;}
p.topic_key { margin-top: 10px; margin-bottom: 10px; }
th.ui-state-default div p.topic_key span { font-weight: normal }
small { font-size: 0.8em; }
.ui-widget-overlay { background: #3946a0; opacity: .44; filter: Alpha(Opacity=44); /* support: IE8 */ zoom: 1; }
.fg-toolbar h2 {font-size:18px; padding:5px 0px 0px 10px; margin-bottom:0;}

/* dl-box: top left approved org section */
.dl-box {/*width:56%;float:left;*/ padding:0px 20px 0px 20px; margin-bottom:10px; font-size:14px; border: 1px solid #3946a0;
          -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
    .dl-box h2 { background: #3946a0; color: #fff; font-size: 18px; padding: 15px 15px; margin: 0 -20px 20px; }
    .dl-box h3 { font-size: 14px; margin-bottom: 14px; }
    .dl-box p { font-size: 14px; }
    .dl-box ul {list-style:disc; list-style-type:disc; margin-left: 10px; padding-left: 10px;}
    .dl-box ul:last-of-type {margin-bottom: 25px;}
    .dl-box li {font-size: 14px; padding-bottom: 0px; margin-bottom: 5px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
    .dl-box li:last-of-type { padding-bottom:0px; margin-bottom:0px; }
    .dl-box .material-icons {display:inline; padding-left:4px}
    .dl-disclaimer {margin-bottom:10px; font-size:13px!important; font-style:italic;}
/* top right instruction section */
.dl-instructions {/*width:36%; float:right;*/ font-size:18px;}
.dl-instructions p{/*font-size: 13px; margin-bottom:13px;*/ }
.dl-instructions ol{margin: 0px 0px 0px 20px;}
.dl-instructions li{padding-bottom: 10px;/* font-size: 13px;*/}

i.material-icons {color:#5e5e5e;}