@font-face {
    font-family: PrimaryFont;
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
}
@font-face {
    font-family: WSRegFont;
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: WSLightFont;
    src: url(../fonts/Roboto/Roboto-Thin.ttf);
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url(../fonts/Roboto/Roboto-Medium.ttf);
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Raleway/static/Raleway-Medium.ttf);
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Raleway/static/Raleway-SemiBold.ttf);
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Raleway/static/Raleway-Bold.ttf);
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/Raleway/static/Raleway-ExtraBold.ttf);
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Poppins/Poppins-Light.ttf);
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Poppins/Poppins-Medium.ttf);
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Poppins/Poppins-Regular.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Roboto2/Roboto-Regular.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Roboto2/Roboto-Medium.ttf);
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Roboto2/Roboto-Bold.ttf);
}
.oswaldFont{
    font-family: "PrimaryFont";
}

.text-primary {
    color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.redborder {
  border: 1px solid red !important;
}

.btn-white {
    color: #286090;
    background-color: #fff;
    border-color: #fff;
    outline: none;
}
.bg-primary {
    color: #fff;
    background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}
.btn-white .badge {
    color: #fff;
    background-color: #6018ff;
}
.btn-primary {
    color: #fff;
    background-color: #6018ff;
    border-color: #6018ff;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #6018ff;
    border-color: #6018ff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #4d24ff;
    border-color: #4d24ff;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #283bff;
    border-color: #283bff;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #283bff;
    border-color: #283bff;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #283bff;
    border-color: #283bff;
}
.btn-primary .badge {
    color: #283bff;
    background-color: #fff;
}

.label-primary {
    background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090;
}

.panel-primary {
    border-color: #337ab7;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7;
}

.modal-header {
    text-align: center;
    background: url(../images/bg.jpg);
    color: #fff;
    min-height: 16.42857143px;
    padding: 15px;
}

.modal-header-success {
    text-align: center;
    background: url(../../thirdparty/images/bg-success.jpg);
    color: #fff;
    min-height: 16.42857143px;
    padding: 15px;
}
.modal-header-danger {
    text-align: center;
    background: url(../../thirdparty/images/bg-danger.jpg);
    color: #fff;
    min-height: 16.42857143px;
    padding: 15px;
}

.nav-pills > li {
    float: left;
}
.nav-pills > li > a {
    border-radius: 4px;
}
.nav-pills > li + li {
    margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    /*background-color: #337ab7;*/
    background-color: #283bff;
}
.nav-pills > .active > a > .badge {
    color: #283bff;
    background-color: #fff;
}