:root {
    --ButtonRadius: 6px !important; /*Red */
}




/*------------------------------------------------Standard buttons outline and filled in----------------------------------------------------------*/
/*BUTTON STANDARD KYLE*/
/* Button - Kyle BSK */

.btn.btn-bsk {
    color: #fff;
    background: #00ACAC;
    border-color: #00ACAC;
}

.btn-bsk:hover,
.btn-bsk:focus,
.btn-bsk:active,
.btn-bsk.active,
.open .dropdown-toggle.btn-bsk {
    background: #008A8A;
    border-color: #008A8A;
}

.btn-group .btn.btn-bsk:not(.active) + .btn.btn-bsk,
.input-group-btn .btn.btn-bsk:not(.active) + .btn.btn-bsk {
    border-left-color: #929ba1;
}


/*------------------------------------------------ROUND EVERYTHING----------------------------------------------------------*/
.kyle-round-me {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.kyle-round-me-less {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.kyle-rounded-textbox {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.ksmallmargin {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.btn-primary {
    border-radius: var(--ButtonRadius) !important;
    -webkit-border-radius: var(--ButtonRadius) !important;
    -moz-border-radius: var(--ButtonRadius) !important;
}

.btn-warning {
    border-radius: var(--ButtonRadius) !important;
    -webkit-border-radius: var(--ButtonRadius) !important;
    -moz-border-radius: var(--ButtonRadius) !important;
}

.btn-danger {
    border-radius: var(--ButtonRadius) !important;
    -webkit-border-radius: var(--ButtonRadius) !important;
    -moz-border-radius: var(--ButtonRadius) !important;
}

.btn-white {
    border-radius: var(--ButtonRadius) !important;
    -webkit-border-radius: var(--ButtonRadius) !important;
    -moz-border-radius: var(--ButtonRadius) !important;
}

.btn-info {
    border-radius: var(--ButtonRadius) !important;
    -webkit-border-radius: var(--ButtonRadius) !important;
    -moz-border-radius: var(--ButtonRadius) !important;
}

.btn-gray {
    border-radius: var(--ButtonRadius) !important;
    -webkit-border-radius: var(--ButtonRadius) !important;
    -moz-border-radius: var(--ButtonRadius) !important;
}

.input-group-addon {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.btn-success {
    border-radius: var(--ButtonRadius) !important;
    -webkit-border-radius: var(--ButtonRadius) !important;
    -moz-border-radius: var(--ButtonRadius) !important;
}

.btn-kyle-font {
    border: 0px solid !important;
}

.input-sm {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.select2 {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.select2-selection {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.formcontrol {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.form-control {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
}

.btn-secondary {
    border-radius: 8px !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.panel-heading {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.panel {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.kyle-body-2{
    border-radius: 0px 0px 10px 10px !important;
}


/*Data Table expand collapse and other datatable stuff*/

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background: #242a30;
    border-radius: 5px;
    border: none;
    top: 15px !important;
    left: 8px;
    line-height: 16px;
    box-shadow: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    height: 24px !important;
    width: 25px !important;
    font-size: 20px !important;
    padding-top: 6px !important;
}


.close {
    opacity: 1 !important;
    color: #3b444c !important;
    text-shadow: none !important;
}



.Gallery img {
    width: 100% !important;
}

.img-wrap .close {
    top: 6px;
    right: 0px;
}

.nGY2Gallery{
    padding-right:26px !important;
    padding-bottom: 4px !important;
}

.nGY2GThumbnail {
    border: 0px solid rgb(255 255 255 / 0.00) !important;
    background: rgb(255 255 255 / 0.00) !important;
    
}

/*there is something hiding causeing the edges not to be crips*/
.nGY2 .nGY2GThumbnailImage {
    border: 0px solid rgb(255 255 255 / 0.00) !important;
    border-radius: 10px !important;
}

.nanogallery_gallerytheme_dark_my_nanogallery .nGY2TnImgBack {
visibility:hidden !important;
}
    /*this is the FA color*/
    .nanogallery_gallerytheme_dark_my_nanogallery .nGY2GThumbnailIcon {
    color: #fff;
}

.nGY2 .nGY2GThumbnailIcon {
text-shadow:none !important;
}

/*this didnt work*/

.nGY2GThumbnailIcons{
    opacity:0.9 !important;
}



.matrix-body {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}