/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficiefnt contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.invalid-date {
    border-color: red !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}



.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

.page-wrapper {
    padding-top:67px;
}
/*.item-hvr {
    position:relative;
}
    .item-hvr:hover:before{
        content: '';
        width: 100%;
        height: 2px;
        background: #0c69b7;
        position: absolute;
        bottom: -8px;
    }

    .item-hvr:active:before {
        content: '';
        width: 100%;
        height: 2px;
        background: #0c69b7;
        position: absolute;
        bottom: -8px;
    }*/
        
.forms {
    background: #f8f9fc;
    padding: 25px 33px 37px 33px;
    margin: 0px 0 27px;
    border: 1px solid #ececec;
    border-radius: 8px;
    display: flex;
}
.form-rows {
    display:flex;
    flex-direction:row-reverse;
}
label {
    color: #2a3c62;
    margin-bottom:12px;
}
.aft {
    position: relative;
}

    .aft input {
        width: 100%;
    }

   
.aft::after {
        content: '';
        width: 1px;
        height: 17px;
        background: #0c69b7;
        position:absolute;
        top:9px;
    }
.buttons {
    width: 100%;
    display: flex;
    align-items: flex-end;
}
.srch {
    margin-right: 35px;
    background: #0c69b7;
    border: none;
    height: 40px;
    width: 84px;
    font-family: 'MarkGEOCAPSBold';
    font-size:13px;
}
    .srch:hover {
        background: #0a64b0;
    }

.add {
    margin-right: 35px;
    background: #0cb7b0;
    border: none;
    height: 40px;
    width: 148px;
    font-family: 'MarkGEOCAPSBold';
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add:hover {
    background: #05a09a;
}
.k-grid {
    border-radius: 5px;
    font-size: 14px !important;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 5%);
}
.k-grid-header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: none !important;
    background: #0c69b7!important;
    color: white!important;
}
.k-grid th {
    border-width: 0 !important;
    position: relative;
    font-family: 'MarkGEO-Regular';
}
    .k-grid th::before {
        content: '';
        width: 2px;
        height: 26px;
        border: 1px dotted #8db8dd  ;
        position: absolute;
        right: 0;
    }
.k-grid .k-grid-content, .k-grid .k-grid-content-locked, .k-grid .k-grid-header-locked, .k-grid td {
    border: none !important;
    font-family: 'MarkGEO-Regular';
}
.k-grid-content.k-auto-scrollable, .k-grid-footer-wrap.k-auto-scrollable, .k-grid-header-wrap.k-auto-scrollable {
    border:none;
}
.k-grid tbody tr.k-state-hover, .k-grid tbody tr:hover {
    background: #eef0f5!important;
}
.k-grid .k-alt {
    background: #f8f9fc!important;
}
.k-grid td {
    height:50px;
}
    .k-grid td a {
    /*    border: 1px solid #a8c9e5;
        padding: 8px 24px;
        background: #f6f9fc;
        color: #0c69b7;
        font-family: 'MarkGEOCAPSBold';
        font-size: 12px;*/
    }

.k-grid tbody tr.k-state-hover, .k-grid tbody tr:hover td a {
/*    color: white;
    background: #0c69b7;*/
}
.k-grid tbody tr.k-state-hover, .k-grid tbody tr:hover  .edite{
    /*background-image:url('../images/Icon material-edit2.png')!important;*/
}
.k-grid tbody tr.k-state-hover, .k-grid tbody tr:hover .nakadi {
/*    background-image: url('../images/Icon feather-plus2.png') !important;
*/}
    .edite {
        display: block;
        height: 100%;
        width: 100%;
}
.nakadi {
    display: block;
    height: 100%;
    width: 100%;
}








.btn-primary {
    margin-top: 12px;
    margin-bottom: 10px;
}


@media only screen and (max-width: 1380px) {
    .add {
                width: 120px;
            }

            .srch {
                width: 70px;
            }
        }

        @media only screen and (max-width: 1200px) {
            .forms {
                flex-wrap: wrap;
                padding-bottom: 17px;
            }

            .buttons {
                margin-top: 13px;
            }
        }

        @media only screen and (max-width: 993px) {
            .form-rows {
                flex-wrap: wrap;
                justify-content: flex-end;
                justify-content: flex-end;
                width: 100%;
            }

            .row {
                width: 100%;
            }

            .form-group {
                width: 100%;
            }
        }


.btn-download {
    background-image: url(../images/download.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
    width: 40px !important;
    height: 40px;
    background-color: transparent;
    border: none;
    box-shadow: none;
}


    .btn-download:focus,
    .btn-download:active, .btn-download:active:focus, .btn-success:not(:disabled):not(.disabled):active {
        box-shadow: none !important;
        background-color: transparent;
        border: 0;
    }

    .btn-download:hover {
        transition: 0.3s;
        background-image: url(../images/download-hover.svg);
        background-color: transparent !important;
        border-color: none;
    }

    .btn-download a {
        display: block;
        height: 100%;
        width: 100%;
    }


    /*Table icons CSS*/
    .edit {
        background-image: url(../images/edit-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        transition: 0.3s;
    }

    .edit:hover {
        transition: 0.3s;
        background-image: url(../images/edit-hover.svg);
    }

    .edit a {
        display: block;
        height: 100%;
        width: 100%;
    }

.groups {
    background-image: url(../images/nakadi-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}
    .stat {
        background-image: url(../images/stat.svg);
        background-repeat: no-repeat;
        background-position: center;
        transition: 0.3s;
    }
.stat:hover {
    background-image: url(../images/stat-hover.svg);
    transition: 0.3s;
}
        .stat a {
            display: block;
            height: 100%;
            width: 100%;
        }

    .groups:hover {
        background-image: url(../images/nakadi-hover.svg);
        transition: 0.3s;
    }

    .groups a {
        display: block;
        height: 100%;
        width: 100%;
    }

.schedule {
    background-image: url(../images/ganrigi-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .schedule:hover {
        transition: 0.3s;
        background-image: url(../images/ganrigi-hover.svg);
    }

    .schedule a {
        display: block;
        height: 100%;
        width: 100%;
    }

.tests {
    background-image: url(../images/test-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .tests:hover {
        background-image: url(../images/test-hover.svg);
        transition: 0.3s;
    }

    .tests a {
        display: block;
        height: 100%;
        width: 100%;
    }

.not-activate {
    cursor: none;
}

.activate {
    background-image: url(../images/activate-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .activate:hover {
        background-image: url(../images/activate-hover.svg);
        transition: 0.3s;
    }

    .activate a {
        display: block;
        height: 100%;
        width: 100%;
    }

.agreement-done {
    background-image: url(../images/agreement-done.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .agreement-done:hover {
        background-image: url(../images/agreement-hover.svg);
        transition: 0.3s;
    }

    .agreement-done a {
        display: block;
        height: 100%;
        width: 100%;
    }

.agreement-eternal {
    background-image: url(../images/agreement-eternal.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .agreement-eternal:hover {
        background-image: url(../images/agreement-hover.svg);
        transition: 0.3s;
    }

    .agreement-eternal a {
        display: block;
        height: 100%;
        width: 100%;
    }


.certificate-done {
    background-image: url(../images/certificate-done.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .certificate-done:hover {
        background-image: url(../images/certificate-hover.svg);
        transition: 0.3s;
    }

    .certificate-done a {
        display: block;
        height: 100%;
        width: 100%;
    }

.certificate-eternal {
    background-image: url(../images/certificate-eternal.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .certificate-eternal:hover {
        background-image: url(../images/certificate-hover.svg);
        transition: 0.3s;
    }

    .certificate-eternal a {
        display: block;
        height: 100%;
        width: 100%;
    }

.inspect {
    background-image: url(../images/inspect.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .inspect:hover {
        background-image: url(../images/inspect-hover.svg);
        transition: 0.3s;
    }

    .inspect a {
        display: block;
        height: 100%;
        width: 100%;
    }

.decline {
    background-image: url(../images/download_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
    transform: rotate(180deg);
}

    .decline:hover {
        background-image: url(../images/download_arrow_hover.svg);
        transition: 0.3s;
        transform: rotate(180deg);
    }

    .decline button {
        display: block;
        height: 100%;
        width: 100%;
        border: none;
        background-color: transparent;
    }

    .decline button:focus {
        border: none;
        outline: none;
    }


.view {
    background-image: url(../images/view.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

    .view:hover {
        background-image: url(../images/view-hover.svg);
        transition: 0.3s;
    }

    .view a {
        display: block;
        height: 100%;
        width: 100%;
    }

.agreement-disabled {
    background-image: url(../images/agreement-disabled.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

.certificate-disabled {
    background-image: url(../images/certificate-disabled.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

.download_arrow {
    background-image: url('../images/download_arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

.download_arrow:hover {
    background-image: url(../images/download_arrow_hover.svg);
    transition: 0.3s;
}

.download_arrow a {
    display: block;
    height: 100%;
    width: 100%;
}
.agrDone {
    background-image: url('../images/Group 20.svg');
}

    .agrDone:hover {
        background-image: url('../images/doneHover.svg');
    }

.agrDoneR {
    background-image: url('../images/donered.svg');
}

    .agrDoneR:hover {
        background-image: url('../images/doneHoverR.svg');
    }

.acceptance {
    background-image: url('../images/acceptance.svg');
}

.acceptanceR {
    background-image: url('../images/acceptanceR.svg');
}

.acceptance:hover {
    background-image: url('../images/acceptanceH.svg');
}

.acceptanceR:hover {
    background-image: url('../images/acceptanceRH.svg');
}

.CopyToClipboard {
    background-image: url('../images/copy-svgrepo-com.svg');
    background-repeat: no-repeat;
    background-position: center;
}
    .CopyToClipboard > button {
        all: unset;
    }

  .k-grid-delete {
        background-image: url(../images/delete-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        transition: 0.3s;
    }

    .k-grid-delete:hover {
        background-image: url(../images/delete-hover-icon.svg);
        
    }

    .k-grid-delete a {
        width: 26px;
        height: 26px;
        display: block;
    }

.addmodule-merged-files {
    font-family: 'MarkGEO-Regular';
    margin: 7px 0;
    padding: 3px 6px;
    border: 1px solid #ced4da;
}

.file-content-edit {
    background-image: url(../images/edit-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
    min-width: 50px !important;
    height: 50px !important;
}
    .file-content-edit:hover {
        background-image: url(../images/edit-hover.svg)!important;
    }
    .file-content-edit a {
        display: block;
        width: 26px;
        height: 26px;
    }
    .file-content-delete {
        background-image: url(../images/delete-icon.svg) !important;
        background-repeat: no-repeat;
        background-position: center;
        transition: 0.3s;
        min-width: 50px !important;
        height: 50px !important;
    }

        .file-content-delete:hover {
            background-image: url(../images/delete-hover-icon.svg)!important;
        }

        .file-content-delete a {
            display: block;
            width: 26px;
            height: 26px;
        }





.k-grid th::before {
    width: 1px;
}

.k-grid th::before {
    top: 50%;
    transform: translateY(-50%);
}

.k-grid th:empty::before {
    display: none !important;
}


.decline {
    background-image: url(../images/copy-link-new.svg);
    transform: none;
}

.decline:hover {
    background-image: url(../images/copy-link-new-h.svg);
    transform: none;
}


.certificate-delete {
    background-image: url(../images/certificate-delete.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}

.certificate-delete a {
    width: 26px;
    height: 26px;
    display: block;
}

.certificate-delete:hover {
    background-image: url(../images/certificate-delete-h.svg);
    transition: 0.3s;
}
.streaid-modal .modal-dialog {
    max-width: 800px!important;
}
.excel-btn {
    all: unset;
    display: flex;
    align-items: center;
    font-family: 'MarkGEOCAPS-Medium';
    color: #2A3C62;
    font-size:12px;
}
.excel-btn img{
    margin-right:5px;
    width:20px;
}
    .excel-btn:hover {
        background: transparent;
        color: #2A3C62;
    }
.ss .forms {
    height: 111px;
    margin: 0px 0 10px;
}
.gen-btn {
    background: #0c69b7;
    border: none;
    height: 35px;
    font-family: 'MarkGEOCAPSBold';
    font-size: 13px;
    color:white;
}
    .gen-btn:hover {
    color:white;
        }
.linked {
    font-family: 'MarkGEOCAPSBold';
    font-size: 13px;
  
}
    .linked:hover {
        text-decoration: underline;
    }

.number-of-participants {
    display: flex;
    align-items: end;
    font-family: 'MarkGEOCAPS-Medium';
    color: #2A3C62;
    font-size: 12px;
    font-weight:bold;
}

.fixed-columns {
    position: sticky !important;
    left: 0;
    z-index: 2;
}
   .fixed-columns:first-child:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 45px;
        background: #dee2e6;
        left:-1px;
        top:0;
    }

th.fixed-columns:first-child:after {
    background: #0c69b7 !important;
}
tr:nth-child(odd) td.fixed-columns {
    background-color: #f8f9fc;
}
tr:nth-child(even) td.fixed-columns {
    background-color: white;
}
tr th.fixed-columns {
    background: #0c69b7 !important;
}
/* Style for the scrollable columns */
.scrollable-columns {
    white-space: nowrap;
    z-index: 1;
}

.tbl-container .inspect a {
    width: 26px;
    height: 26px;
}
.tbl-container .inspect {
    cursor: pointer;
}




.large-table-container-3 {
    max-width: 200px;
    overflow-x: scroll;
    overflow-y: auto;
}

    .large-table-container-3 table {
    }

.large-table-fake-top-scroll-container-3 {
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: auto;
}

    .large-table-fake-top-scroll-container-3 div {
        
        font-size: 1px;
        line-height: 1px;
    }

.admin-comment-width .text-box.single-line{
    width: 100%;
}
.stat-icon img{
    width:22px;
}
.w-btn img {
    width:35px;
}
.btn-success.w-btn:focus, .btn-success.w-btn.focus {
    background-color: transparent;
    border-color: none;
}
.courses-streamcontent.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f9fc;
}

.courses-streamcontent {
    box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05);
}
.courses-streamcontent tr:first-child {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: none !important;
    background: #0c69b7 !important;
    color: white !important;
    font-family: 'MarkGEOCAPSLight';
    font-size: 14px;
}

.courses-streamcontent tr td {
    font-family: 'MarkGEO-Regular';
    font-size:14px;
    border:none;
}

.inspectdiabled {
    background-image: url(../images/show-password2.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s;
}
    .inspectdiabled:hover {
        background-image: url(../images/show-password2-hover.svg);
    }
    .courses-streamcontent .tests a {
        height: 26px;
    }

.courses-streamcontent .inspect a {
    height: 26px;
}
.courses-streamcontent .inspectdiabled a {
    display: block;
    height: 26px;
}
.courses-streamcontent .k-grid-delete a {
    display: block;
    height: 26px;
    width: auto;
}