/*BUTTONS*/
/*Bootstrap button outline override*/
.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/*.btn-success{
    color:blue;
}*/


/*END OF THIS*/  

.mydatagrid {
    width: 80%;
    border: solid 2px black;
    min-width: 80%;
}

.mydatagrid3 {
    width: 40%;
    border: solid 2px black;
    min-width: 40%;
}

.mydatagridWODel {
    width: 80%;
    border: solid 2px black;
    min-width: 80%;
}

.ChildGrid {
    width: 80%;
    border: solid 2px black;
    min-width: 80%;
}

.ChildGridDJH {
    width: 80%;
    border: solid 2px black;
    min-width: 80%;
    background-color: lightgray;
}
.header {
    background-color: #646464;
    font-family: Arial;
    color: White;
    border: none 0px transparent;
    text-align: center;
    font-size: 13px;
}


.header3 {
    background-color: #646464;
    font-family: Arial;
    color: #fff !important;
    border: none 0px transparent;
    text-align: center;
    font-size: 16px;
}

.footer {
    background-color: #646464;
    font-family: Arial;
    color: White;
    border: none 0px transparent;
    height: 25px;
    text-align: center;
    font-size: 16px;
}
.rows {
    background-color: #fff;
    font-family: Arial;
    font-size: 13px;
    color: #000;
    text-align: left;
}

.rows3 {
    background-color: #fff;
    font-family: Arial;
    font-size: 13px;
    color: #000;
    text-align: left;
}

.rows:hover {
    background-color: #ff8000;
    font-family: Arial;
    color: black;
    font-weight:bold;
    text-align: left;
}

.rowsChildGrid {
    background-color: whitesmoke;
    font-family: Arial;
    font-size: 13px;
    color: black;
    text-align: left;
}

.rowsChildGrid:hover {
    background-color: #ff8000;
    font-family: Arial;
    color: black;
    font-weight: bold;
    text-align: left;
}

/*.rowsTESTDJH {
    background-color: #fff;
    font-family: Arial;
    font-size: 13px;
    color: #000;
    text-align: left;
}

.rowsTESTDJH:hover {
    background-color: #ff8000;
    font-family: Arial;
    color: #fff;
    text-align: left;
}*/

.headerChildDJH {
    background-color: #646464;
    font-family: Arial;
    color: White;
    border: none 0px transparent;
    text-align: center;
    font-size: 13px;
}

.rows3:hover {
    background-color: #ff8000;
    font-family: Arial;
    color: #fff;
    text-align: left;
}

.selectedrow {
    background-color: #ff8000;
    font-family: Arial;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.mydatagrid a{ /*Column header text */
    background-color: #646464;
    /*padding: 5px 5px 5px 5px;*/
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.mydatagridWODel a { /*Column header text */
    /*background-color: #646464;*/
    /*padding: 5px 5px 5px 5px;*/
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.mydatagrid a:hover{
    background-color: #000;
    color: #fff;
}

.mydatagridWODel a:hover {
    background-color: #000;
    color: #fff;
}

.mydatagrid span {
    background-color: #c9c9c9;
    color: #000;
    padding: 5px 5px 5px 5px;
}

.mydatagridWODel span {
    background-color: #c9c9c9;
    color: #000;
    padding: 5px 5px 5px 5px;
}

.mydatagridWODel td {
    padding: 5px;
    border: none;
}

.mydatagridWODel th {
    padding: 15px;
    /*border: solid 2px black;*/
}

.pager {
    background-color: #646464;
    font-family: Arial;
    color: White;
    height: 30px;
    text-align: left;
}

.mydatagrid td {
    padding: 5px;
    border: none;
}

.mydatagrid th {
    padding: 15px;
    /*border: solid 2px black;*/
}

.mydatagrid3 td {
    padding: 5px;
    border: none;
}

.mydatagrid3 th {
    padding: 15px;
    /*border: solid 2px black;*/
}

.mydatagrid3 a {
    background-color: #646464;
    padding: 5px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.mydatagrid3 a:hover {
    background-color: #000;
    color: #fff;
}

.mydatagrid3 span {
    background-color: #c9c9c9;
    color: #000;
    padding: 5px 5px 5px 5px;
}

#RGV_Comment {
    width: 100%;
    height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    margin-left: 0;
}

#Stake_Comment {
    width: 100%;
    height: 400px;
    overflow-y: auto;
    overflow-x: auto;
    margin-left: 0;
}

#EngagementDetail_div {
    width: 100%;
    height: 400px;
    overflow-y: auto;
    overflow-x: auto;
    margin-left: 0;
   
}

#EngagementDetailFull_div {
    width: 70%;
    height: 600px;
    overflow-y: auto;
    overflow-x: auto;
    margin-left: 0;
    padding-top:10px;
}

#CalendarDetailFull_div {
    width: 98%;
    height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    margin-left: 0;
    padding-top: 10px;
}

#CalendarDetailAssoc_div {
    width: 98%;
    height: 200px;
    overflow-y: auto;
    overflow-x: auto;
    margin-left: 0;
    padding-top: 10px;
}

#Laredo_Comment {
    width: 100%;
    height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    /*background-color: blue;*/
}


#rgv_chart1_style {
    width: 48%;
    float: left;
}

#rgv_chart2_style {
    width: 48%;
    float:right;
}

input#btnTEST:hover {
    background-color: darkorange !important;
    color:white !important;
}

input#btnTEST2:hover {
    background-color: darkorange !important;
    color: white !important;
}

/*Below datalist form address rows into table*/
.mydatagrid2 {
    width: 80%;
    border: solid 2px black;
    min-width: 80%;
}

.mydatagridTEST {
    width: 90% !important;
    border: solid 2px black;
    /*min-width: 40% !important;*/
}

.modal-dialog {
    width: 80%;
    height: 80%;
    margin: 0;
    padding: 0;
}

.modal-content {
    height: auto;
    min-height: 80%;
    border-radius: 0;
}

.mydatagrid2 a {
    background-color: #646464;
    padding: 5px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.mydatagridTEST a {
    background-color: #646464;
    padding: 5px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.mydatagrid2 a:hover {
    background-color: #000;
    color: #fff;
}
.mydatagridTEST a:hover {
    background-color: #000;
    color: #fff;
}

.mydatagrid2 span {
    background-color: #c9c9c9;
    color: #000;
    padding: 5px 5px 5px 5px;
}


.mydatagridTEST span {
    background-color: #c9c9c9;
    color: #000;
    padding: 5px 5px 5px 5px;
}

.mydatagrid2 td {
    padding: 5px;
    border: none 0px transparent;
}

.mydatagridTEST td {
    padding: 5px;
    border: none 0px transparent;
}

.mydatagrid2 th {
    padding: 15px;
}


.mydatagridTEST th {
    padding: 15px;
}

.rows2 {
    background-color: #fff;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    min-height: 25px;
    text-align: left;
}

.rowsTest {
    background-color: #fff;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    min-height: 25px;
    text-align: left;
}


.header2 {
    background-color: #646464;
    font-family: Arial;
    color: White;
    border: none 0px transparent;
    height: 25px;
    text-align: center;
    font-size: 16px;
}

.headerTEST {
    background-color: yellow;
    font-family: Arial;
    color: White;
    border: none 0px transparent;
    height: 25px;
    text-align: center;
    font-size: 16px;
}


#RGV_comment_addRows {
    margin-top: 10px;
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
}

@media screen and (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

@media screen and (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}

@media screen and (min-width: 1900px) {
    .container {
        width: 1870px;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .container {
        width: 3450px;
    }
}


/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .container {
        width: 384px;
    }
}