﻿/*body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-image: url('../images/polaroid.png');
   
}*/


/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

input[type="checkbox"].form-control:focus {
    box-shadow: none;
}

input.form-control:read-only {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}

/* kendo overrides */

.k-picker:hover  {
    background-color: rgb(0,0,0,0);
}
.k-picker{
    background-color: rgb(0,0,0,0);
}

/*checkbox*/

.checkbox-field, .k-checkbox {
    position: absolute;
    margin-left: 10px;
    width: 25px;
    height: 25px;
    width: 100%;
}

.checkbox-field-center {
    height: 35px;
    width: 35px;
    margin: auto;
}

    .checkbox-field-center:focus {
        box-shadow: none;
    }

.checkbox-field-down, .k-checkbox {
    height: 35px;
    width: 35px;
    margin-left: 7px;
}

input.checkbox-field-left, .k-checkbox {
    margin: auto 5px;
    width: 25px;
    height: 25px;
}

/*********************************
    Bootstrap overrides
*********************************/
/*a.navbar-brand {
    padding: 0;
}*/
/* set bootstrap navbar background color blue */
.navbar {
    background-color: #25408f;
}
.btn-primary, .nav-pills .nav-link.active {
    background-color: #FF7940;
    border-color: #C75F32;
    /*margin-bottom:5px;*/
}

    .btn-primary:hover {
        background-color: #C75F32;
        border-color: #B0542C;
    }


/*.card > .card-header {
    background-color:#25408f;
    color: white;
}*/
/*.btn-primary, .btn-danger{
     border-radius:6px;
}*/
/*
.list-group-item-action{
    width:auto;
}

.navbar-inverse .navbar-brand {
    color: #0094ff;
}
.navbar-inverse {
    background-color: #25408f;
}


.nav > li{
    height:30px;
}

 
.navbar-collapse .nav > li{
    height:30px;
    border-bottom: 1px solid #6B88BC;
}

.navbar-nav > li > a{
line-height: 30px;
padding-top: 0;
padding-bottom:0;
}

.navbar-brand img{
    height:60px;
}

.navbar-inverse .navbar-nav > li > a{
    color:#ffffff;*/
    /*padding:0;*/
/*}


.nav.navbar-nav .divider {
    height: 1px;*/
    /*margin: 9px 1px;*/
    /*overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #466DBC;
}

.navbar-right {
    margin:0;
}

.navbar-text-center {
    color: #ffffff;
    height: 95px;
    line-height: 85px;
    white-space: nowrap;
    padding-right: 15px;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color:#192B59;
}
.navbar-collapse > ul {
    background-color:#466DBC;
    margin:0;
}
.navbar-collapse {
    padding:0;
}

.nav.navbar-nav.navbar-right > li {
    border-bottom:none;
}*/

.form-group.timeStampInfo {
    /*top: 0px; right:0;*/ 
    min-width: 240px;
    height:auto;
}

.form-group.timeStampInfo > div {
    text-align:left;
    font-size:10px;
    width:100%;
}

.form-group.timeStampInfo > div div:last-child {
    text-align:left;
    /*padding:0px;*/
    padding-bottom:5px !important;
}


@media (min-width: 768px) {

    .form-group.timeStampInfo > div {
        text-align:right;
        font-size:10px;
        width:100%;
        height:auto;
    }
    .form-group.timeStampInfo > div div:last-child {
        text-align:left;
        padding:0px;
    }
}


/* yes no unknown button in shared editor*/
input[type="radio"]:checked + label {
    font-weight: bold;
    background-color: #FF7940 !important;
    font-style: normal;
    border-color: #C75F32;
}
/* style for radio input that isn't checked */
input[type="radio"]:not(:checked) + label {
    font-weight: lighter;
    color: lightgrey;
    background-color: white;
    font-style: italic;
    border-color: #C75F32;
}

/***************************
    Jquery Toast Styling
***************************/
.jq-toast-single {
    font-size: 16px !important;
    font-weight: bold;
    color: #fff !important;
    /*background:#1c9d75 !important;*/
    text-align: center !important;
}

    .close-jq-toast-single {
        font-size: 25px !important;
    }

    .jq-toast-wrap.bottom-right .panel-title {
        padding: 10px 15px;
        font-size: 20px;
    }

    .jq-toast-wrap.bottom-right .panel-body {
        padding: 15px;
        font-size: 20px;
        /*background:#ffffff;*/
        color: #66BA96;
    }

    .jq-toast-wrap.bottom-right .panel-heading {
        /*background:#1c9d75;*/
        color: #ffffff;
        text-align: center;
    }

    .jq-toast-wrap.bottom-right .close-jq-toast-single {
        color: #ffffff;
    }

    .jq-toast-wrap .panel {
        border-color: #dddddd;
    }

    form.dropzone{
        border: none;
        padding: 0;
    }