html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
/*h5  {
    font-weight: bold !important;
}*/
html {
  position: relative;
  min-height: 100%;
}

html, body, app, .main {
    margin: 0;
    background-color: #616669;
    font-family: 'Muli';
}
/*input {
    font-family: 'Muli';
}*/
label {
    margin-bottom: 2px !important;
    font-family: 'MuliBold';
}


.form-control {
    margin-bottom: 10px;
}
/*.k-tbox, .k-dpbox{
    margin-bottom:10px;
}*/
/*.k-input, .k-picker {
    line-height: 1.75;
    margin-bottom: 10px;
}*/

    .k-input-button, .k-input-button.k-button {
        padding-top: .4em;
        height: auto;
    }

.card {
    margin-bottom: 20px;
}
#mainBodyContainer {
    padding-left: 0;
    padding-right: 0;
    padding-bottom:50px;
}


h3,h5 {
    font-family: 'MuliBold';
}

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-Regular.woff') format('woff');
}

@font-face {
    font-family: 'MuliSemiBold';
    src: url('../fonts/Muli-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'MuliBold';
    src: url('../fonts/Muli-Bold.woff') format('woff');
}


.brand-border {
    border-left: 1px solid grey;
    padding: 14px;
}

.site-title {
    color: white;
    font-family: 'Muli';
    text-decoration: none;
    font-size: 20px;
    padding-right: 10px;
    width: 20%;
}

.site-link-b {
    /*border-left: 1px solid white;*/
    border-radius: 0;
    color: white;
    text-decoration: none !important;
    font-size: 12px;
    height: 100%;
}
    .site-link-b-selected,
    .site-link-b:hover {
        /*color: white;*/
        text-decoration: underline;
        background: rgba(255,255,255,0.20);
        color: #fcdc8b !important;
    }

.navbar-custom {
    /*background-image: linear-gradient(to right,#141E30,#01AAEB);*/ /*#2c3e50*/
    /* background: linear-gradient(135deg, #3F51B5ff, #3C56B8ff, #385ABBff, #355FBEff, #3264C0ff, #2F68C3ff, #2B6DC6ff, #2872C9ff, #2576CCff, #227BCFff, #1E80D1ff, #1B85D4ff, #1889D7ff, #158EDAff, #1193DDff, #0E97E0ff, #0B9CE2ff, #08A1E5ff, #04A5E8ff, #01AAEBff);
    */
    background:  linear-gradient(135deg, #3A49A4ff, #3650A9ff, #3257AEff, #2E5EB3ff, #2A65B8ff, #266CBDff, #2273C2ff, #1E7AC8ff, #1980CDff, #1587D2ff, #118ED7ff, #0D95DCff, #099CE1ff, #05A3E6ff, #01AAEBff);
    /* background: linear-gradient(to right, #3F51B5, #01AAEB);*/
    /* background-image: linear-gradient(315deg, #8aa2b7ff, #6f89a3ff, #54708eff, #395778ff, #1e3d61ff, #2c4b6eff, #3a587aff, #567393ff, #8da9c4ff, #becfd9ff);
   */ /*border-bottom: 1px solid white;*/
}

.navbar-brand{
    cursor:default!important;

}
    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        /*color: rgba(255,255,255,.8)!important;*/
        color:white!important;
    }

    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
        /*color: rgba(255,255,255,.5);*/
        color: #ffffff;
    }

    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:hover .nav-link,
    .non-nav-link:hover {
        /*color: #ffffff;*/
        /* color: rgba(0, 155, 232, 0.8);*/
        color: #fcdc8b !important;
    }

    /* for dropdown only - change the color of droodown */
    .navbar-custom .dropdown-menu {
        background-color: #343a40; /*#ff5500;*/
    }

    .navbar-custom .dropdown-item {
        color: #ffffff;
    }

        .navbar-custom .dropdown-item:hover,
        .navbar-custom .dropdown-item:focus {
            color: #333333;
            background-color: rgba(255,255,255,.5);
        }

.navbar-light .navbar-toggler {
    color: white!important;
     border-color: transparent; 
}

.jumbotron {
    /* background-image: url('../img/media-resurces-desktop-header-size-min.png');*/
    background-image: url('../img/1300px-bw.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    padding-top: 300px !important;
    margin-bottom: 2px !important;
    border-bottom-right-radius: 100% 75px;
    border-bottom-left-radius: 100% 75px;
}
.jumbotron-two {
    background-size: cover;
    border-radius: 0;
    margin-bottom: 2px !important;
    border-bottom-right-radius: 100% 75px;
    border-bottom-left-radius: 100% 75px;
    background-image: linear-gradient(to bottom,#4f8caa,#34404d); /*#141E30   #2c3e50 #bdc3c7*/
    padding-bottom: 40px;
}
.jumbo-message {
    background: rgba(255,255,255,0.90);
    margin-bottom: 80px;
    text-align: center;
    padding: 20px;
}

.corners-bottom-square {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.corners-square {
    border-radius: 0 !important;
}

.ypart {
    background: #616669; /*#feb400;*/
    border-bottom-right-radius: 100% 75px;
    border-bottom-left-radius: 100% 75px;
    position: relative;
    padding-top: 25px;
    padding-bottom: 100px;
    border-top: 18px solid #616669; /*#feb400;*/
   

}

.uppercurve {
    height: 60px;
    background: #cfd5d7; /*white;*/
    border-bottom-right-radius: 100% 75px;
    border-bottom-left-radius: 100% 75px;
    top: -30px;
    position: absolute;
    width: 100%;
}

.yparttop {
    background: white;
    border-top-right-radius: 100% 75px;
    border-top-left-radius: 100% 75px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    padding-bottom: 5px;
    padding-top: 25px;
    border-bottom: 18px solid white;
}

.lowercurve {
    height: 60px;
    background: #cfd5d7;
    border-top-right-radius: 100% 75px;
    border-top-left-radius: 100% 75px;
    bottom: -30px;
    position: absolute;
    width: 100%;
}

.cv-icon {
    width: 60px;
    float:left;
    margin-right:20px;
   
}

.cv-text {
    font-size: 14px;
    /*padding:20px;*/

}

.site-footer {
    border-top: 1px solid white;
    background-image: linear-gradient(to top left,#141E30,#01AAEB);
    color: white;
}

.pad-checkbox-cell {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
.pad-txt-card {
    padding-top: 10px;
    padding-bottom: 8px;
}
.pad-card-btm {
    padding-bottom: 8px;
}

.card-header{
    font-size:large;
    font-weight:bold;
}
.card.largelist {
    text-align: left;
}

.card.largelist .card-header {
    border: 0;
    width: 100%;
}

.card.largelist .card-header h1 {
    margin: 0;
}

.card.largelist .card-body {
    padding-top: 0;
}

.card.largelist .card-body p span {
    display: block;
    padding-left: 1.00em;
}

.card.largelist .card-body hr {
    background-color: darkmagenta;
    color: darkmagenta;
    opacity: 100%;
    height: 3px;
    font-weight: bold;
    margin: 0 0 0.50em 0;
}

.card.largelist .card-body .card-link {
    color: darkmagenta;
}

.smallLabel {
    font-size: 12px;
}

.btn-info-grad {
    border-color: #428bca;
    color: #fff;
    background-color: #428bca;
    /*color: white;*/
    /* background-image: linear-gradient(to top left,#141E30,#01AAEB);*/
    /*font-weight: normal;*/
    /*background-color: #0D587D;*/
    border-radius: 2px;
}

    .btn-info-grad:hover {
        /*background-image: linear-gradient(to right,#feb400,#fcdc8b);*/
        color: #fcdc8b;
        border-color: #428bca;
     
        background-color: #428bca;
        /* background-color: #077DAE;
        border-color: #077DAE;*/
    }


.btn-3way-radio {
     
    background-color: white;
    border-radius: 2px;
}
    .btn-3way-radio:hover {
        /*background-image: linear-gradient(to right,#feb400,#fcdc8b);*/
        color: #fcdc8b;
        background-color: #077DAE;
        border-color: #077DAE;
    }

.nfcDisable {
    background-color: #e9ecef;
    opacity: 1;
}

.alert .TitleHeader {
    font-size: 1.10em;
    padding-top: 0.30em;
}

    .alert .TitleHeader label {
        font-weight: bold;
    }

    .alert .TitleHeader span {
    }

    .alert .TitleHeader label.large {
        font-weight: bold;
        font-size: 1.35em;
    }

.btn-outline-3way {
  /*  border-color: #428bca;
    color: #fff;
    background-color: #428bca;*/
    color: #6c757d;
    border-color: #6c757d;
    font-size: small !important;
}

    .btn-outline-3way:hover {
        border-color: #428bca;
        /*color: #fff;*/
        background-color: #428bca;
           color: #fcdc8b;
        /*  background-color: #077DAE;
        border-color: #077DAE;*/
    }

    .btn-check:focus + .btn-outline-3way, .btn-outline-3way:focus {
        box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
    }

    .btn-check:checked + .btn-outline-3way, .btn-check:active + .btn-outline-3way, .btn-outline-3way:active, .btn-outline-3way.active, .btn-outline-3way.dropdown-toggle.show {
        border-color: #428bca;
         color: #fff;
        background-color: #428bca;
     /*   color: #fcdc8b;*/
        /*   
        background-color: #077DAE;
        border-color: #077DAE;*/
    }

        .btn-check:checked + .btn-outline-3way:focus, .btn-check:active + .btn-outline-3way:focus, .btn-outline-3way:active:focus, .btn-outline-3way.active:focus, .btn-outline-3way.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
        }

    .btn-outline-3way:disabled, .btn-outline-3way.disabled {
        color: #6c757d;
        background-color: transparent;
    }

.KendoNotification {
    padding: 0.50em;
    font-size: 1.20em;
    font-weight: 500;
    line-height: 2.00em;
}

    .KendoNotification.KendoNotificationSuccess {
        color: #0f5132;
        background-color: #d1e7dd;
        border-color: #badbcc;
    }

    .KendoNotification.KendoNotificationWarning {
        color: #664d03;
        background-color: #fff3cd;
        border-color: #ffecb5;
    }

    .KendoNotification.KendoNotificationError {
        color: #842029;
        background-color: #f8d7da;
        border-color: #f5c2c7;
    }

    .KendoNotification.KendoNotificationInfo {
        color: #055160;
        background-color: #cff4fc;
        border-color: #b6effb;
    }

    .KendoNotification i {
        padding-right: 0.30em;
        font-size: 1.25em;
        font-weight: 600;
    }


.actions-btn-group {
    margin-top: 15px;
    float: right;
}
.waitingStatus {
    background-color: #fcdc8b;
    color: black;
}

.viewedStatus {
    background-color: #01AAEB;
    color: black;
}
.float-btn-btm-container {
    position: fixed;
    bottom: 1em;
    right: 2em;
    z-index: 10002;
}
.page-cont-pad {
    padding-bottom: 20px;
    padding-top: 20px !important;
}
.general-card {
    background: rgba(255,255,255,0.97);
    color: black;
}
.no-issues {
    font-size: x-large;
    font-weight: bold;
    text-align: center;
}
.row-pad-btm{
    padding-bottom:8px;
}