/* -------------------------
   GLOBAL FONT (Bootstrap 2 look)
--------------------------*/
body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:14px;
    line-height:20px;
    color:#333;
}

/* -------------------------
   LABEL
--------------------------*/
label{
    display:block;
    margin-bottom:5px;
    font-weight:bold;
    color:#333;
}

/* -------------------------
   SPAN
--------------------------*/
span{
    margin:0;
    padding:0;
}

/* -------------------------
   BUTTON BASE
--------------------------*/
.btn{

    display:inline-block;

    padding:4px 12px;

    font-size:14px;

    line-height:20px;

    color:#333;

    text-align:center;

    vertical-align:middle;

    cursor:pointer;

    background-color:#f5f5f5;

    background-image:
        linear-gradient(to bottom,#ffffff,#e6e6e6);

    border:1px solid #ccc;

    border-bottom-color:#b3b3b3;

    border-radius:4px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        0 1px 2px rgba(0,0,0,.05);
}

/* hover */
.btn:hover{

    color:#333;

    text-decoration:none;

    background-color:#e6e6e6;

    background-position:0 -15px;

    transition:background-position .1s linear;
}

/* focus */
.btn:focus{

    outline:thin dotted;

    outline-offset:-2px;
}

/* active */
.btn:active,
.btn.active{

    background-image:none;

    box-shadow:
        inset 0 2px 4px rgba(0,0,0,.15),
        0 1px 2px rgba(0,0,0,.05);
}

/* disabled */
.btn.disabled,
.btn:disabled{

    cursor:default;

    background-image:none;

    opacity:.65;

    box-shadow:none;
}

/* -------------------------
   PRIMARY BUTTON
--------------------------*/

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

   
     .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: #ffffff;
        background-color: #0044cc;
        *background-color: #003bb3;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #003399 \9;
    }

/* -------------------------
   SECONDARY BUTTON (Back)
--------------------------*/
.btn-secondary,
.btn-default{

    background-color:#f5f5f5;

    background-image:
        linear-gradient(to bottom,#ffffff,#e6e6e6);

    border:1px solid #ccc;

    color:#333;
}

/* -------------------------
   FORM GROUP SPACING
--------------------------*/
.form-group{
    margin-bottom:10px;
}

/* -------------------------
   ROW GUTTER (Bootstrap2)
--------------------------*/
.row{
    margin-left:-10px;
    margin-right:-10px;
}

[class*="col-"]{
    padding-left:10px;
    padding-right:10px;
}

label{
    display:block;
    margin-bottom:5px;
    font-weight:bold;
}
.btn{
    padding:4px 12px !important;
}
/* Restore Bootstrap 2 navbar behavior */
.navbar {
    display: block !important;
    min-height: 30px;
    padding: 4px 10px;
}

/* Remove Bootstrap 5 flex spacing */
.navbar > * {
    display: inline-block;
    vertical-align: middle;
}

/* Link styling like Bootstrap 2 */
.navbar a {
    font-weight: bold;
    margin-left: 5px;
    text-decoration: none;
}

/* Remove Bootstrap 5 navbar spacing */
.navbar-nav {
    margin: 0;
}

/* Prevent extra margin added by bootstrap 5 */
.mb-3 {
    margin-bottom: 10px !important;
}
/* LABEL (Bootstrap 2 style) */
label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}

/* FORM GROUP SPACING */
.form-group {
    margin-bottom: 10px;
}

/* TEXTAREA */
textarea.form-control {
    height: auto;
}

/* INPUT FOCUS (Bootstrap 2 glow) */
.form-control:focus,
input:focus,
textarea:focus {

    border-color: rgba(82,168,236,.8);

    outline: 0;

    box-shadow:
        inset 0 1px 1px rgba(0,0,0,.075),
        0 0 8px rgba(82,168,236,.6);
}

/* REMOVE BOOTSTRAP 5 LARGE MARGINS */
.mb-3 {
    margin-bottom: 10px !important;
}

/* ROW GUTTER (Bootstrap 2 style) */
.row {
    margin-left: -10px;
    margin-right: -10px;
}

[class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}



/* SPAN FIX */
span {
    margin: 0;
    padding: 0;
}
body{
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    color:#333;
}

/* =========================
   ROW GUTTERS (Bootstrap2)
========================= */

.row{
    margin-left:-10px;
    margin-right:-10px;
}

[class*="col-"]{
    padding-left:10px;
    padding-right:10px;
}

/* =========================
   LABELS
========================= */

label{
    display:block;
    margin-bottom:5px;
    font-weight:bold;
    font-size:14px;
}


.mb-3{
    margin-bottom:10px!important;
}
.input-group-text{

    padding:4px 6px;

    font-size:14px;

    background:#eee;

    border:1px solid #ccc;
}

/* =========================
   DROPDOWN
========================= */

.dropdown-menu{

    border:1px solid #ccc;

    border-radius:4px;

    background:#fff;

}

.dropdown-menu .dropdown-item{

    padding:5px 20px;

}

.dropdown-menu .dropdown-item:hover{

    background:#f5f5f5;
}
/* =========================
   MODAL
========================= */

.modal-content{

    border-radius:6px;

    box-shadow:0 3px 7px rgba(0,0,0,.3);

}
input.form-control {
    height: auto;
    /* width: 96%; */
}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}


textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus,
    .uneditable-input:focus {
        border-color: rgba(82, 168, 236, 0.8);
        outline: 0;
        outline: thin dotted \9;
        /* IE6-9 */
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    }


select {
    width: 176px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
.input-group .form-control {
    width: 90% !important;
}