﻿body {
    overflow:hidden;
}

/*
#header-full-top {
    background-image: -ms-radial-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%);
    background-image: -webkit-linear-gradient(bottom, #8C8989 0%, #434343 100%);
    background-image: -moz-linear-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%%);
    background-image: -o-linear-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%);
    height:50px;
}
*/

/*
.GTDMainAppBackground {
    background-color: #444444;
    height: 80px;
    
}
*/

.GTDMainAppBackground {
    <!-- background-color: #444444; -->
    background-color: #ae0000;
    color: white;
}
.BorderBottomSolidWhite {
    border-bottom: 1px solid white;
}
/*
#divGTDMainPageHeaderWrapper {
    background-color: white;
}
*/
#header {
    background-color: #444444;
    /*
    background-image: -ms-radial-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%);
    background-image: -webkit-linear-gradient(bottom, #8C8989 0%, #434343 100%);
    background-image: -moz-linear-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%%);
    background-image: -o-linear-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%);
    */
}

.wrap-hero {
  background-image: url("/Assets/img/plan.jpg");
  background-position: center center;
  background-size: cover;

}

.main-page-bottom {
    height:260px; 
}

.carousel-title {
    margin: 10px 0 10px 0;
    padding: 0;
    font-size: 2.0em;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 1.4em;
}

.sb-site-container {
    background-color:#24303E;
    /*background-color:#4C4C4C;*/
   
    /*background-image: -ms-radial-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%);
    background-image: -webkit-linear-gradient(bottom, #8C8989 0%, #434343 100%);
    background-image: -moz-linear-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%%);
    background-image: -o-linear-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%);
        */
}

.boxed {
    background-color:#24303E;
    /*background-color:#4C4C4C; */
    /*background-color: #808080;*/
    /*background-image: -ms-radial-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%);
    background-image: -webkit-linear-gradient(bottom, #8C8989 0%, #434343 100%);
    background-image: -moz-linear-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%%);
    background-image: -o-linear-gradient(center bottom, circle farthest-corner, #E7E2E1 0%, #434343 100%);
        */
}


.tc_cv_code_type_header {
    height:25px;
    color:white;
    /*background-color:#444444;*/
    background-color:#4C4C4C; 
    
}


.tc_cv_subsystem_header {
    height:25px;
    color:white;
    background-color:#7A2727;
    border: 1px solid yellow; 
    padding-left:5px;
}

/*----------QTip--------------*/
.tcQtipCustom .qtip-content
{
    font-size: 10pt;
    font-family: tahoma;
    /*background-color: #CC99FF;*/
    background-color:#ddffbb;
    color: #0000CC;
    
}
.qtip-titlebar {
    background-color:midnightblue;
}
/*----------QTip--------------*/

/*Bootstrap Modal dialog*/
/*Procedure performing modal box*/
#divTCPPDialog {
    top:200px;
    /*right:50%;*/
    outline: none;
}

/*
.modal-dialog  {
        width:70%;
        margin:auto;
}
*/

body.modal-signIn {
    /* new custom width */
    width: 30%;
    margin-left:-15%;

}


/*NTDB Submission */
.tc-rpt-h4
{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c539e+0,040014+100 */
    background: #2c539e; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c539e 0%, #040014 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2c539e 0%,#040014 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2c539e 0%,#040014 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#040014',GradientType=0 ); /* IE6-9 */
    border-radius: 4px 4px 4px 4px;
    height:30px; 
    color:White; 
    text-transform:uppercase; 
    font-weight:bold;
    vertical-align:baseline;
    padding: 10px 20px 0px 20px;
}
/*End NTDB Submission */

/*Header*/
.td-h3-header {
    padding:3px;
    vertical-align:middle;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f6b87+1,384668+99&0.97+0,1+100 */
    background: -moz-linear-gradient(top, rgba(95,107,135,0.97) 0%, rgba(95,107,135,0.97) 1%, rgba(56,70,104,1) 99%, rgba(56,70,104,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(95,107,135,0.97) 0%,rgba(95,107,135,0.97) 1%,rgba(56,70,104,1) 99%,rgba(56,70,104,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(95,107,135,0.97) 0%,rgba(95,107,135,0.97) 1%,rgba(56,70,104,1) 99%,rgba(56,70,104,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f75f6b87', endColorstr='#384668',GradientType=0 ); /* IE6-9*/ 
    border-bottom: 1px solid white; 
}
.gtd-h4-header {
    padding:3px;
    vertical-align:middle;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5f6b87+1,384668+99&0.97+0,1+100 */
    background: -moz-linear-gradient(top, rgba(95,107,135,0.97) 0%, rgba(95,107,135,0.97) 1%, rgba(56,70,104,1) 99%, rgba(56,70,104,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(95,107,135,0.97) 0%,rgba(95,107,135,0.97) 1%,rgba(56,70,104,1) 99%,rgba(56,70,104,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(95,107,135,0.97) 0%,rgba(95,107,135,0.97) 1%,rgba(56,70,104,1) 99%,rgba(56,70,104,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f75f6b87', endColorstr='#384668',GradientType=0 ); /* IE6-9*/ 
    border-bottom: 1px solid white; 
}
.td-h4-header {
    padding-right:3px;
    height:30px;        
    vertical-align:middle;
    /*background-color:#607C8A;*/
    font-size:11pt;
    border-bottom: 1px solid white; 
}
.td-h4-subheader {
    padding:3px;
    background: #2c539e; /* Old browsers */
    background: -moz-linear-gradient(top,  #2c539e 0%, #040014 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2c539e 0%,#040014 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2c539e 0%,#040014 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#040014',GradientType=0 ); /* IE6-9 */
    height:25px;        
    vertical-align:middle;
    font-size:10pt;
    border-bottom: 1px solid white; 
}
.h4-header-label {
    color:yellow;
    font-size:10pt; 
    font-weight:normal;  
}

.GTDInputText {
    color:black;
}

.GTD_rd_group_item {
    background-color:transparent;
}
.GTD_rd_lbl_group_item {
    color: white;
    font-weight: normal;
}
.GTD_lbl_trans_message {
    color: yellow;
    font-size: 11pt;
    font-weight:normal;
}
.GTD_lbl_frame {
    color: #76373F;
    font-size: 11pt;
    font-weight:normal;
    width:100px;
    height:25px;
}
.GTD_row {
    color:white;
    height:30px;
}

.GTD_white_border {
    border: 2px solid white;
    height:23px;
    padding-bottom:2px;
    font-size:11px;
}
.GTD_table_frame_white {
    border: 1px solid white;
    
    padding-top:10px;
    padding-bottom:10px;
}
.GTD_lbl_value_readonly {
    text-align:center;
}

.GTD_Subsection-title {
    background-color: #ef4545;
    color: #FFFFFF;
    padding-bottom: 5px;
    padding-left:20px;
    margin-top: 5px;
    height:30px;
    vertical-align:middle;
    
}

/*Border*/
.GTD-div-border-bottom-white {
    border-bottom:1px solid white;
}

/*end Border*/

.context-menu-one {
    color: white;
}
.GTD_client_tab_nav {
    background-color: lightgray;
    
}
.GTD-small-btn {
    font-size:9px;
    height:24px;
    width:60px;
    text-align:center;
    vertical-align:middle;
}
.GTD-patient-condition-panel {
    font-size:10pt;
    font-weight:200;

}
.form-check .form-check-label {
    color:black;
    font-weight:200;
    
}
.form-check-inline  {
    color:black;
    font-weight:200;
}
.GTD_common_panel_body_bg {
    background-color:cyan;
    
}
.rpt_criteria_label {
    font-weight:normal;
    font-size:10pt;
}
#divReport_graph_chart {
    width:90%;

}
.GTD_ccl_first_level {
    background-color:#ed9e6a;
    color: yellow;
    font-weight: bold;
}

.GTD_ccl_note_label {
    background-color: white;
    color: black;
    font-weight: normal;
    
  
}

.SubmissionValueDifferent {
    background-color: #F42B21;
    font-weight: bold;
    font-size: 12pt;
    
}

/*APexchart dashboard*/

.content-area {
    max-width: 1280px;
    margin: 0 auto;
}

.box {
    background-color: #2B2D3E;
    padding: 0px 20px 0px 0px;
}

.shadow {
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
}

.sparkboxes .box {
    padding-top: 1px;
    padding-bottom: 1px;
    text-shadow: 0 1px 1px 1px #666;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    position: relative;
    border-radius: 1px;
}

    .sparkboxes .box .details {
        position: absolute;
        color: #fff;
        transform: scale(0.7) translate(-22px, 20px);
    }

.sparkboxes strong {
    position: relative;
    z-index: 3;
    top: -8px;
    color: #fff;
}


/*.sparkboxes .box1 {
    background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);
}

.sparkboxes .box2 {
    background-image: linear-gradient( 135deg, #2AFADF 10%, #4C83FF 100%);
}

.sparkboxes .box3 {
    background-image: linear-gradient( 135deg, #FFD3A5 10%, #FD6585 100%);
}

.sparkboxes .box4 {
    background-image: linear-gradient( 135deg, #EE9AE5 10%, #5961F9 100%);
}
.sparkboxes .box5 {
    background-image: linear-gradient( 135deg, grey 10%, brown 100%);
}
.sparkboxes .box6 {
    background-image: linear-gradient( 135deg, lightgreen 10%, darkgreen 100%);
}
*/
.apexcharts-yaxis-row1-label {
    color: yellow;
}
