body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333 !important;
    background: #f5f5f5;
}

@media print, (min-width: 768px){
    .r-pretty-login-page > .r-sideimage {
        flex: 1 1 80%;
    }
}

[title="Collapse"]{
    padding: 4px;
}

[title="Collapse"]:hover{
    background: #1486ff;
}

[title="Expand"]:hover{
    background: #007bff;
}

.r-content-col {
    background: #f5f5f5;
}

.progress {
    height: 18px;
    margin-bottom: 0px;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #f1f1f1;
}

.navbar {
    border-bottom: none; 
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

nav#form_supertop_1 {
    background-image: linear-gradient(to right, #007bff, #0082fd, #0089fa, #0690f7, #2196f3);
}

.nav-tabs > li > a, .nav-tabs > li > a:focus {
    color: #333333;
}

[data-itemid="list_options"]{
    width: 30px;
}

input#ctlSearchFor1 {
    color: #fff !important;
}

.btn-link {
    color: #333;
    padding-left: 3px mportant;
    padding-right: 3px !important;
}

.bootstrap-datetimepicker-widget a[data-action] {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

select[multiple], select[size] {
    height: 38px;
    padding: 5px;
    font-size: 14px;
}

select#recordspp1 {
    padding-left: 6px;
    padding-right: 9px;
    font-size: 14px;
    color: #333;
}

.chosen-container-multi .chosen-choices.chosen-choices{
    min-height: 40px !important;
    background-color: #fff0 !important;
}

.chosen-container-multi .chosen-choices .search-choice {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-repeat: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.chosen-container ul.chosen-choices {
    padding-left: 0px;
    padding-right: 0px;
}
.chosen-container-multi .chosen-choices .search-choice{
    padding: 3px 20px 4px 5px !important;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: url(chosen-sprite.png) right top no-repeat;
    display: block !important;
    font-size: 1px !important;
    height: 6px !important;
    position: absolute !important;
    right: 4px !important;
    top: 9px !important;
    width: 6px !important;
    cursor: pointer !important;
    background-size: 35px !important;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
    background-position: right -7.5px !important;
}

.rnr-checkbox {
    height: 20px;
    width: 20px;
    overflow: initial;
}

.r-left:not(.r-left-collapsed) .r-menu [data-menu-top], .r-left:not(.r-left-collapsed) .r-menu [data-menu-inline] {
    font-size: 13px;
}

textarea, textarea.form-control, input.form-control, input[type=text], input[type=password], input[type=email], input[type=number], [type=text].form-control, [type=password].form-control, [type=email].form-control, [type=tel].form-control, [contenteditable].form-control {
    padding: 5px;
    font-size: 14px !important;
    color: #333333 !important;
}

#form_grid_1 select[multiple], #form_grid_1 select[size], #form_grid_1 .form-control {
    height: 40px;
}

.bs-welcome-item .bs-welcome-header a {
    font-size: 14px;
    padding: 10px 11px;
}

.bs-welcome-item .bs-welcome-header {
    background-color: #007dff !important;
}

.r-panel-page {
    margin: auto;
    min-width: 550px;
    width: 550px;
    display: table;
    max-width: calc(100vw - 20px);
    margin-top: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.panel-info > .panel-heading .btn.btn-info:not(:hover) {
  background-color: #2196F3;
}

.panel-info > .panel-heading .btn.btn-info:hover {
    background-color: #0d87e9;
}

.alert #backButton1, .alert #viewButton1{
    display:none !important;
}

.alert-success {
    background-color: #2096f34f;
    border-color: #b3d7f4;
    color: #333;
}

.alert-success h5, .alert-success .h5 {
    font-size: 15px;
    padding: 6px;
    margin: 0px;
}

.alert {
    margin-bottom: 3px;
}

.alert-danger {
    background-color: #ff746c;
    border-color: #e4645c;
    color: #fff;
}

.r-edit-label{
    font-weight:500;
}

.swal-button {
    background-color: #2196F3;
    color: #fff;
    border-color: transparent;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 24px;
    margin: 0;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.swal-button:focus,
.swal-button.focus {
  color: #fff;
  background-color: #0c7cd5;
  border-color: rgba(0, 0, 0, 0);
}
.swal-button:hover {
  color: #fff;
  background-color: #0c7cd5;
  border-color: rgba(0, 0, 0, 0);
}
