﻿
.icon {
    height: 50px;
    width: 50px;
}

.styled-select {
    /*appearance:none;*/
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    width: 100%;
    background: url(../../Content/SiteImages/down.png) no-repeat !important;
    background-position: 10px !important;
    border: 1px solid #ccc;
    height: 37px;
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 15px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

#EnterArea {
    width: 100%;
}

.btn-lg {
    border-radius: 3px !important;
}

.mainBorder {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 3px;
    margin: 10px;
    padding: 15px;
}

.bt4btn {
    padding: 6px 12px ;
    display: inline-block;
    color: #212529 ;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent ;
    border: 1px solid transparent ;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 4px !important;
}


    .bt4btn :hover {
        color: #212529;
        text-decoration: none
    }

    .bt4btn .focus, .bt4btn :focus {
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .bt4btn .disabled, .bt4btn :disabled {
        opacity: .65
    }

    .bt4btn :not(:disabled):not(.disabled) {
    cursor: pointer
}

    a.bt4btn .disabled, fieldset:disabled a.bt4btn {
    pointer-events: none
}

@media (max-width:420px) {
    .login-box {
        width: 100%;
    }

    .logout-box {
        width: 100%;
    }

    .login-register {
        background-image: none !important;
    }

    .icon {
        height: 25px;
        width: 25px;
    }

    .year {
        font-size: 12px;
    }

    a {
        font-size: 14px;
    }

    .sel {
        width: 285px !important;
        font-size: 9px !important;
    }
    .mainBorder {
        border: 1px solid #8e8d8d;
        border-radius: 3px;
        margin: 0px;
        padding: 5px;
    }
}



.btn-primaryBlue, .alert-primaryBlue {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

    .btn-primaryBlue:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc
    }

    .btn-primaryBlue.focus, .btn-primaryBlue:focus {
        box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
    }

    .btn-primaryBlue.disabled, .btn-primaryBlue:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-primaryBlue:not(:disabled):not(.disabled).active, .btn-primaryBlue:not(:disabled):not(.disabled):active, .show > .btn-primaryBlue.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf
    }

        .btn-primaryBlue:not(:disabled):not(.disabled).active:focus, .btn-primaryBlue:not(:disabled):not(.disabled):active:focus, .show > .btn-primaryBlue.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b
    }

        .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
        }

.btn-success2 {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

    .btn-success2:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34
    }

    .btn-success2.focus, .btn-success2:focus {
        box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
    }

    .btn-success2.disabled, .btn-success2:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-success2:not(:disabled):not(.disabled).active, .btn-success2:not(:disabled):not(.disabled):active, .show > .btn-success2.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430
    }

        .btn-success2:not(:disabled):not(.disabled).active:focus, .btn-success2:not(:disabled):not(.disabled):active:focus, .show > .btn-success2.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(72,180,97,.5)
        }

.btn-info, .alert-info-green {
    color: #fff;
    background-color: #17a2b8 !important;
    border-color: #17a2b8
}

    .btn-info:hover  {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b
    }

    .btn-info.focus, .btn-info:focus {
        box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f
    }

        .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(58,176,195,.5)
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00
    }

    .btn-warning.focus, .btn-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500
    }

        .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(222,170,12,.5)
        }

.btn-danger2 {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

    .btn-danger2:hover {
        color: #fff ;
        background-color: #c82333;
        border-color: #bd2130
    }

    .btn-danger2.focus, .btn-danger2:focus {
        box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
    }

    .btn-danger2.disabled, .btn-danger2:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

    .btn-danger2:not(:disabled):not(.disabled).active, .btn-danger2:not(:disabled):not(.disabled):active, .show > .btn-danger2.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d
    }

        .btn-danger2:not(:disabled):not(.disabled).active:focus, .btn-danger2:not(:disabled):not(.disabled):active:focus, .show > .btn-danger2.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(225,83,97,.5)
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5
    }

    .btn-light.focus, .btn-light:focus {
        box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df
    }

        .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(216,217,219,.5)
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124
    }

    .btn-dark.focus, .btn-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d
    }

        .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(82,88,93,.5)
        }

.btn-outline-primaryBlue, .alert-outline-primaryBlue {
    color: #007bff;
    border-color: #007bff
}

    .btn-outline-primaryBlue:hover, .alert-outline-primaryBlue:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-outline-primaryBlue.focus, .btn-outline-primaryBlue:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
    }

    .btn-outline-primaryBlue.disabled, .btn-outline-primaryBlue:disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primaryBlue:not(:disabled):not(.disabled).active, .btn-outline-primaryBlue:not(:disabled):not(.disabled):active, .show > .btn-outline-primaryBlue.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

        .btn-outline-primaryBlue:not(:disabled):not(.disabled).active:focus, .btn-outline-primaryBlue:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primaryBlue.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5)
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

    .btn-outline-secondary.focus, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d
    }

        .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(108,117,125,.5)
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

    .btn-outline-success.focus, .btn-outline-success:focus {
        box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745
    }

        .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(40,167,69,.5)
        }

.btn-outline-info, .alert-outline-info-green {
    color: #17a2b8;
    border-color: #17a2b8
}

    .btn-outline-info:hover, .alert-outline-info-green:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

    .btn-outline-info.focus, .btn-outline-info:focus {
        box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8
    }

        .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(23,162,184,.5)
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

    .btn-outline-warning.focus, .btn-outline-warning:focus {
        box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent
    }

    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107
    }

        .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(255,193,7,.5)
        }

.btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

    .btn-outline-danger:hover {
        color: #fff !important;
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
    }

    .btn-outline-danger.focus, .btn-outline-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent
    }

    .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545
    }

        .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(220,53,69,.5)
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

    .btn-outline-light.focus, .btn-outline-light:focus {
        box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent
    }

    .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa
    }

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

    .btn-outline-dark.focus, .btn-outline-dark:focus {
        box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40
    }

 .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
     box-shadow: 0 0 0 .2rem rgba(52,58,64,.5)
 }


  

