html { font-size: 14px; }

label {
    font-weight: 700;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:focus, a:hover {
    color: #23527c;
}

.bg-info {
    background-color: #d9edf7!important;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.col-form-label {
    padding-left: 15px;
    padding-bottom: 0;
}

.navbar {
    margin-bottom: 20px;
}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navbar-brand {
    padding: 15px 15px;
}

.form-group {
    margin-bottom: 15px;
}

/** card style **/
.card {
    margin-bottom: 20px;
}

.card-header {
    padding: 10px 15px;
}

.card-danger {
    border-color: #ebccd1;
}

.card-success {
    border-color: #d6e9c6;
}

.card-danger>.card-header {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.card-success>.card-header {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.card-header-tabs {
    margin-bottom: 0px;
}
/** btn style **/

.btn {
    background-color: rgb(239, 239, 239);
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.bg-danger {
    background-color: #f2dede!important;
}

.btn-secondary {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-secondary:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-toolbar>.btn{
    margin-left: 5px;
}

[data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn-group-vertical {
    width: 100%;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor:not-allowed;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none;
    opacity:.65;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    pointer-events: auto;
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

th,tr,tbody,td{
    border: none;
}

.navbar-brand>h3 {
    display:inline;
}
.navbar-brand>img {
    margin-right: 15px;
}

@media (max-width: 576px) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


/* MOTO G4 */
@media screen and (device-width: 360px) and (device-height: 640px) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

/* Pixel 2 */
@media screen and (device-width: 411px) and (min-device-height: 731px) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

/* iphone 3 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) { }

/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

/* iphone 6, 6s, 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* iphone X , XS, 11 Pro, 12 Mini */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* iphone 12, 12 Pro */
@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* iphone XR, 11 */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* iphone XS Max, 11 Pro Max */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* iphone 12 Pro Max */
@media only screen and (min-device-width : 428px) and (max-device-height : 926px) and (-webkit-device-pixel-ratio : 3) {
    .label-title {
        text-align: left!important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}