body {
    font-family: "Montserrat";
}
.btn {
    background: #0066CC;
    border: 1px solid #0066CC;
}

.btn-link:hover, .btn-link {
    color: #0066CC;
}

button, input, .border-radius , select {
    border-radius: 8px !important;
}

.bg-white, .app-background {
    background: #0066CC  !important;
}

.navbar,
.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link {
    color: white;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active{
    color: #dcdcdc;
}

.app-color-secondary {
    color: #707070 !important;
}

a.navbar-brand:hover {
    color: #dcdcdc !important;
}

.container {
    max-width: 100% !important;
}

.title-white {
    color: white;
    font-width: bold;
}

.white {
    color: white;
}

.app-color {
    color: #0066CC;
}

.font-size-label {
    font-size: 18px
}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .fa {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align icon */
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.card {
    border: 1px #fff solid;
}

.font-size-label-xl {
    font-size: 32px !important;
}
.icon-circle {
    border-radius: 100% ;
    height: 60px;
    width: 60px;
    float: right;
    text-align: center;
}

.green {
    color: #16BC49;
}

.red {
    color: #FF3D71;
}

.red:hover {
    color: #d0211c;
}

.page-item.active .page-link {
    background-color: #0066CC;
    border-color: #0066CC;
}

.page-link {
    color: #0066CC;
}

.btn-danger {
    background: #FF3D71;
    border: 1px solid #FF3D71;
}

span.required {
    color: #e3342f;
}

.btn.green {
    color: white;
    background: #16BC49;
    border: 1px #16BC49 solid;
}

.btn.btn-secondary {
    background: #707070;
    border: 1px solid #707070;
    color: white;
}

.no-resize {
    resize: none;
}


div.gallery {
    border: 1px solid #ccc;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px) {
    .mobile-mt-100 {
        margin-top: 0px;
    }

    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

input[type=file] {
    font-size: 100px;
    position: absolute;
    width: 200px;
    height: 30px;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.title {
    padding: 5px;
    text-transform: uppercase !important;
    background: #0066cc;
    color: white;
}

.mobile {
    display: none;
}

.navbar-light .navbar-toggler {
    background: #FFFFFF;
}

@media screen and (max-width: 1024px) {

    .mobile-mt-100 {
        margin-top: 0px !important;
    }
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .dropdown-item {
        text-align: center;
        color: #0066cc;
        background: white;
        text-transform: uppercase;
        border: 1px solid;
    }
}
.mobile-mt-100 {
    margin-top: 100px !important;
}

.table-responsive {
    display: inline-table;
}

@media screen and (max-width: 600px) {
    .mobile-mt-100 {
        margin-top: 0px !important;
    }

    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .dropdown-item {
        text-align: center;
        color: #0066cc;
        background: white;
        text-transform: uppercase;
    }

    .table-responsive {
        display: block;
    }
}

hr {
    border-top: 2px solid #0066cc;
}

input[type=checkbox].form-control:focus {
    box-shadow: 0 0 0 0 white;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px !important;
}

.select2-container--default .select2-selection--single {
    height: 35px;
    padding-top: 3px;
}

div.swal2-content > span > span.selection > span {
    display: none;
}