/*! ATTENTION:This project uses SASS! Please make your CSS edits in sass/default.scss. */

@-webkit-viewport {
    width: device-width
}

@-moz-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

@-ms-viewport {
    width: auto !important
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

html {
    color: #000;
    background: #fff
}

body.noscroll {
    position: fixed;
    overflow-x: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media (min-width: 768px) {
    body.noscroll {
        position: inherit
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hs,
.ibf {
    zoom: 1
}

.ibf {
    display: inline
}

.bb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ls35 {
    letter-spacing: 0.035em
}

.ls5 {
    letter-spacing: 0.050em
}

@font-face {
    font-family: 'montserratbold';
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratBold.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratBold.eot?#iefix") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratBold.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratBold.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratBold.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratBold.svg#montserratbold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'montserratlight';
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.eot?#iefix") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.svg#montserratlight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'montserratregular';
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratRegular.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratRegular.eot?#iefix") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratRegular.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratRegular.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratRegular.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratRegular.svg#montserratregular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratSemiBold.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratSemiBold.eot?#iefix") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratSemiBold.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratSemiBold.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratSemiBold.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratSemiBold.svg#montserratsemi_bold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'montserrathairline';
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.eot?#iefix") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratLight.svg#montserrathairline") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'montserratultra_light';
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratThin.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratThin.eot?#iefix") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratThin.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratThin.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratThin.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/montserrat/MontserratThin.svg#montserratultra_light") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'RubikRegular';
    src: url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikRegular.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikRegular.eot") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikRegular.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikRegular.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikRegular.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikRegular.svg#RubikRegular") format("svg")
}

@font-face {
    font-family: 'RubikMedium';
    src: url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikMedium.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikMedium.eot") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikMedium.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikMedium.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikMedium.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikMedium.svg#RubikMedium") format("svg")
}

@font-face {
    font-family: 'RubikBold';
    src: url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBold.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBold.eot") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBold.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBold.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBold.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBold.svg#RubikBold") format("svg")
}

@font-face {
    font-family: 'RubikBlack';
    src: url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBlack.eot");
    src: url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBlack.eot") format("embedded-opentype"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBlack.woff2") format("woff2"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBlack.woff") format("woff"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBlack.ttf") format("truetype"), url("https://results.nios.ac.in/static/dist/fonts/rubik/RubikBlack.svg#RubikBlack") format("svg")
}

strong,
.strong {
    font-weight: 700 !important
}

em,
.em {
    font-style: italic
}

.upper {
    text-transform: uppercase
}

.fullwidth {
    width: 100%
}

.black {
    color: #000
}

.white {
    color: #fff
}

.txt-l {
    text-align: left
}

.txt-c {
    text-align: center
}

.txt-r {
    text-align: right
}

.txt-t {
    vertical-align: top
}

.txt-m {
    vertical-align: middle
}

.txt-b {
    vertical-align: bottom
}

.text-white {
    color: #fff !important
}

.text-blue {
    color: #1c79b4
}

.text-dark {
    color: #000
}

.text-grey {
    color: #a8b6ca
}

.text-green {
    color: #87c540
}

.text-black {
    color: #000
}

.text-red {
    color: #d9534f
}

.txt-dec-none {
    text-decoration: none
}

html,
body {
    font-family: "MontserratLight", Arial, sans-serif;
    font-size: 14px
}

h3,
h4 {
    font-weight: 400 !important
}

.form-section h2 {
    font-family: "MontserratLight", Arial, sans-serif
}

.header-heading {
    margin-bottom: 15px
}

p,
.content p {
    color: inherit;
    line-height: 1.4;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
    color: #000
}

.alert p:last-child {
    margin-top: 5px
}

.alert h1,
.alert h2,
.alert h3,
.alert h4 {
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 1.4;
    letter-spacing: inherit;
    color: inherit;
    margin-bottom: 15px
}

.alert li,
.alert p {
    font-size: 16px;
    margin-bottom: 10px
}

[class^="custom-"] label,
.alert p:last-child,
.alert li:last-child {
    margin-bottom: 0px
}

[class^="custom-"] .help-block {
    display: none
}

.error .help-block,
.has-success .help-block {
    display: block
}

a,
a:link,
a:visited,
a:active {
    text-decoration: none
}

a,
a:hover {
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

a:hover,
a:focus {
    outline: none
}

a.no-underline {
    text-decoration: none
}

h1 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: inherit;
    color: inherit
}

h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -1.2px;
    color: inherit
}

h3 {
    font-size: 14px;
    font-weight: 700 !important;
    line-height: 1.4;
    letter-spacing: .6px;
    color: inherit
}

h4 {
    font-size: 16.1px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 1.5px;
    color: inherit
}

h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .2px;
    color: inherit
}

h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .2px;
    color: inherit
}

ul {
    position: relative
}

ul li {
    list-style: none;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 1.4;
    letter-spacing: inherit;
    color: inherit
}

ul li a:hover {
    text-decoration: none
}

ol li {
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 1.4;
    letter-spacing: inherit;
    color: inherit;
    list-style-position: outside
}

ol li a:hover {
    text-decoration: none;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.marker-list li {
    list-style: square;
    list-style-position: inside
}

iframe {
    border: none
}

q {
    font-style: italic;
    font-size: 18.2px;
    font-weight: 700 !important;
    line-height: 26px;
    letter-spacing: inherit;
    color: #2f2f31
}

i {
    font-size: 18px
}

.pull-left,
.alignleft {
    float: left
}

.pull-right,
.alignright {
    float: right
}

.clear:after,
.aligncenter:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

.clear,
.aligncenter {
    clear: both
}

.tc {
    display: table-cell
}

.alignright {
    margin: 0 0 20px 20px
}

.alignleft {
    margin: 0 20px 20px 0
}

.aligncenter {
    display: block;
    margin: 20px auto
}

.alignnone {
    margin: 0 0 20px 20px
}

html,
body {
    width: 100%;
    height: 100%;
    background: #eee none repeat scroll 0 0;
    margin: 0px;
    padding: 0px;
    min-height: 100% !important
}

.w100 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%
}

body {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #636178;
    font-size: 14px;
    font-style: normal
}

.tooltip {
    z-index: 999 !important
}

.metaData {
    font-size: 12px;
    color: #999
}

#print-wrapper {
    display: none
}

.or-divider {
    width: 100%;
    margin: 50px 0px 30px 0px;
    height: 1px;
    display: block;
    position: relative;
    background: #d7d9e0
}

.or-divider:before {
    content: 'Or';
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #999;
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
    text-align: center;
    line-height: 3.1
}

.home-captcha .g-recaptcha {
    margin-bottom: 20px
}

.home-captcha {
    margin-bottom: 20px
}

.form-group button+button {
    margin-left: 10px
}

.theme__accordian .form__wrapper {
    padding: 0px
}

.theme__accordian .form__wrapper .panel-group .panel {
    margin-bottom: 15px
}

.theme__accordian .form__wrapper .panel-heading {
    padding: 0
}

.theme__accordian .form__wrapper .panel-heading a {
    background: #38b8e9;
    border: 2px solid #1c79b4;
    border-radius: 5px;
    margin-bottom: 0px;
    padding: 14px;
    display: block;
    color: #333645;
    font-weight: 600 !important;
    font-size: 16px
}

.theme__accordian .form__wrapper .panel-heading a span {
    float: right
}

.translare__wrapper p {
    color: #ffffff;
    display: inline-block;
    margin-bottom: 0;
    top: -15px;
    position: relative;
    margin-right: 5px
}

.translare__wrapper #google_translate_element {
    width: 100%;
    max-width: 140px;
    display: inline-block;
    height: 44px;
    overflow: hidden
}

.translare__wrapper #google_translate_element .skiptranslate {
    color: #299ac5 !important
}

.translare__wrapper #google_translate_element .skiptranslate select {
    border: 0;
    border: 2px solid #1c79b4;
    border-radius: 4px
}

.translare__wrapper #google_translate_element .skiptranslate span {
    display: none !important
}


select::placeholder,
textarea::placeholder {
    color: #000 !important;
    opacity: 1;
    font-weight: bold !important
}

.otp_link {
    display: block;
    background: orange;
    color: #000 !important;
    padding: 10px 20px;
    border-radius: 3px;
    position: relative;
    right: 15px;
    top: -15px;
    cursor: pointer
}

.cetners__view-for {
    background: #f1f1f1;
    padding: 10px 15px;
    color: #000;
    font-size: 18px;
    font-weight: bold
}

.cetners__view-for p {
    margin-bottom: 0px
}

.cetners__view-content {
    margin: 15px 0px
}

.cetners__view-content ul {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden
}

.cetners__view-content ul li {
    border: 2px solid #e4e4e4;
    padding: 15px;
    border-radius: 5px;
    width: calc(100% / 2 - 30px);
    display: inline-block;
    margin: 0 15px 15px 15px;
    float: left
}

@media screen and (max-width: 992px) {
    .cetners__view-content ul li {
        width: 100%;
        margin: 15px 0px
    }
}

.cetners__view-content ul li h2 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.5px;
    color: #1c79b4
}

.cetners__view-content ul li span {
    font-size: 15px;
    margin-bottom: 15px;
    display: block
}

.cetners__view-content ul li p {
    margin-bottom: 8px
}

.cetners__view-content ul li p a {
    display: inline-block
}

.cetners__view-content .address {
    min-height: 60px
}

.form__wrapper .form-group label span i {
    color: #d9534f
}

@media screen and (max-width: 992px) {
    .highlightedButtong {
        text-align: center
    }
}

.highlightedButtong a {
    position: relative !important;
    margin-top: 15px !important;
    text-align: center !important;
    background: #1c79b4 !important;
    color: #fff !important;
    text-decoration: blink;
    bottom: 0px !important;
    left: 0 !important;
    text-transform: none !important
}

.highlightedButtong a span {
    margin-bottom: 0px !important;
    color: #000 !important;
    font-weight: normal !important
}

@media screen and (max-width: 992px) {
    .highlightedButtong a {
        margin-left: 0 !important
    }
}

.highlightedButtong a.coloSade2 {
    background: #19e5db;
    background: -moz-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #19e5db), color-stop(100%, #5e7cea)) !important;
    background: -webkit-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -o-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -ms-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: linear-gradient(135deg, #19e5db 0%, #5e7cea 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19e5db', endColorstr='#5e7cea', GradientType=1) !important;
    color: #0e0c0d !important
}

.customDateAdd span.ui-datepicker-month {
    display: inline-block
}

.customDateAdd span select {
    height: 24px !important
}

.customDateAdd span select.ui-datepicker-year {
    display: inline-block
}

.boxbulletList li {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
    height: auto !important
}

.boxbulletList li a {
    position: static !important;
    transform: none !important;
    background: #f1f1f1 !important
}

.pulse a {
    margin-bottom: 15px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    animation: pulse 2s infinite;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.29)
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
    @media screen and (max-width: 992px) {
        0% {
            -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8)
        }
        70% {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
        100% {
            -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8)
        }
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }
    @media screen and (max-width: 992px) {
        0% {
            -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8)
        }
        70% {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
        100% {
            -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -o-transform: scale(0.8);
            transform: scale(0.8)
        }
    }
}

.steamMsg {
    background: #f9f7f7 none repeat scroll 0 0;
    color: #333645;
    font-size: 14px;
    padding: 20px;
    letter-spacing: 0.2px !important;
    font-weight: bold
}

.form__wrapper .form-control[disabled],
.form__wrapper .form-control[readonly],
fieldset[disabled] .form__wrapper .form-control {
    background: #eeeff2 !important;
    opacity: 0.5;
    color: #98999b !important
}

.row:before,
.row:after,
.page-header:before,
.page-header:after,
.contact-block:before,
.contact-block:after,
.featured-block:before,
.featured-block:after,
.post-list:before,
.post-list:after,
.modal-footer:before,
.modal-footer:after,
.the-process>ul:before,
.the-process>ul:after {
    content: " ";
    display: table;
    font-size: 0px;
    line-height: 0
}

.row:after,
.page-header:after,
.contact-block:after,
.featured-block:after,
.post-list:after,
.modal-footer:after,
.the-process>ul:after {
    clear: both
}

.no-padding {
    padding: 0px
}

.no-padding-top {
    padding-top: 0px
}

.has-padding-top-10 {
    padding-top: 10px
}

.has-padding-top-15 {
    padding-top: 15px
}

.has-padding-top-20 {
    padding-top: 20px
}

.has-padding-top-25 {
    padding-top: 25px
}

.has-padding-top-30 {
    padding-top: 30px
}

.has-padding-top-35 {
    padding-top: 35px
}

.has-padding-top-40 {
    padding-top: 40px
}

.has-padding-top-45 {
    padding-top: 45px
}

.has-padding-top-50 {
    padding-top: 50px
}

.no-padding-bottom {
    padding-bottom: 0px !important
}

.has-padding-bottom-10 {
    padding-bottom: 10px
}

.has-padding-bottom-15 {
    padding-bottom: 15px
}

.has-padding-bottom-20 {
    padding-bottom: 20px
}

.has-padding-bottom-25 {
    padding-bottom: 25px
}

.has-padding-bottom-30 {
    padding-bottom: 30px
}

.has-padding-bottom-35 {
    padding-bottom: 35px
}

.has-padding-bottom-40 {
    padding-bottom: 40px
}

.has-padding-bottom-45 {
    padding-bottom: 45px
}

.has-padding-bottom-50 {
    padding-bottom: 50px
}

.has-padding-bottom-80 {
    padding-bottom: 80px
}

.no-padding-right {
    padding-right: 0px
}

.has-padding-right-10 {
    padding-right: 10px
}

.has-padding-right-20 {
    padding-right: 20px
}

.no-padding-left {
    padding-left: 0px
}

.has-padding-left-10 {
    padding-left: 10px
}

.has-padding-left-20 {
    padding-left: 20px
}

.no-margin {
    margin: 0px
}

.no-margin-top {
    margin-top: 0px !important
}

.has-margin-top-10 {
    margin-top: 10px
}

.has-margin-top-15 {
    margin-top: 15px
}

.has-margin-top-20 {
    margin-top: 20px
}

.has-margin-top-25 {
    margin-top: 25px
}

.has-margin-top-30 {
    margin-top: 30px
}

.has-margin-top-35 {
    margin-top: 35px
}

.has-margin-top-40 {
    margin-top: 40px
}

.has-margin-top-45 {
    margin-top: 45px
}

.has-margin-top-50 {
    margin-top: 50px
}

.no-margin-bottom {
    margin-bottom: 0px !important
}

.has-margin-bottom-10 {
    margin-bottom: 10px
}

.has-margin-bottom-15 {
    margin-bottom: 15px
}

.has-margin-bottom-20 {
    margin-bottom: 20px
}

.has-margin-bottom-25 {
    margin-bottom: 25px
}

.has-margin-bottom-30 {
    margin-bottom: 30px
}

.has-margin-bottom-35 {
    margin-bottom: 35px
}

.has-margin-bottom-40 {
    margin-bottom: 40px
}

.has-margin-bottom-45 {
    margin-bottom: 45px
}

.has-margin-bottom-50 {
    margin-bottom: 50px
}

.has-margin-bottom-80 {
    margin-bottom: 80px
}

.no-margin-right {
    margin-right: 0px
}

.has-margin-right-10 {
    margin-right: 10px
}

.has-margin-right-20 {
    margin-right: 20px
}

.no-margin-left {
    margin-left: 0px
}

.has-margin-left-10 {
    margin-left: 10px
}

.has-margin-left-20 {
    margin-left: 20px
}

.col-centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.image-covered {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.padding_spacer {
    padding: 0 20px
}

@media screen and (max-width: 480px) {
    .mob-fullwidth {
        width: 100%
    }
}

@media screen and (max-width: 599px) {
    .mob-fullwidth-599 {
        width: 100%
    }
}

.numaricList {
    margin: 35px 0px
}

.numaricList li {
    color: #000;
    margin-bottom: 25px;
    font-size: 15px;
    padding-left: 40px;
    line-height: 1.8
}

.numaricList li a {
    color: #38b8e9
}

.numaricList li a:hover,
.numaricList li a:focus {
    color: #1c79b4
}

.numaricList li span {
    margin-left: -41px;
    margin-right: 30px
}

.arowList {
    margin: 25px 0px
}

.arowList li {
    margin-bottom: 15px
}

.arowList li a {
    font-size: 15px;
    color: #000;
    display: block
}

.arowList li a:hover,
.arowList li a:focus {
    color: #38b8e9
}

.arowList li:before {
    content: '\f101';
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 13px;
    color: #38b8e9;
    margin-right: 20px;
    float: left;
    line-height: 1.6
}

.otherLogos ul li {
    margin: 25px 0px
}

.otherLogos ul li a {
    display: block
}

.otherLogos ul li a figure img {
    margin: 0 auto
}

.sectionHead h2 {
    font-family: "MontserratRegular", Arial, sans-serif;
    font-size: 40px;
    color: #000;
    padding-bottom: 3px;
    text-transform: uppercase;
    position: relative;
    display: inline-block
}

@media screen and (max-width: 992px) {
    .sectionHead h2 {
        font-size: 32px
    }
}

@media screen and (max-width: 767px) {
    .sectionHead h2 {
        font-size: 28px
    }
}

@media screen and (max-width: 599px) {
    .sectionHead h2 {
        font-size: 25px
    }
}

.sectionHead h2 span {
    color: #38b8e9
}

.sectionHead h2:after {
    position: absolute;
    content: '';
    display: block;
    height: 4px;
    background: #38b8e9;
    bottom: 0;
    left: auto;
    width: 100%
}

.sectionHead.centerHead {
    width: 100%;
    text-align: center
}

.sectionSubHead h2 {
    font-family: "MontserratRegular", Arial, sans-serif;
    font-size: 40px;
    color: #000;
    padding-bottom: 3px;
    text-transform: uppercase;
    position: relative;
    display: inline-block
}

@media screen and (max-width: 992px) {
    .sectionSubHead h2 {
        font-size: 32px
    }
}

@media screen and (max-width: 767px) {
    .sectionSubHead h2 {
        font-size: 28px
    }
}

@media screen and (max-width: 599px) {
    .sectionSubHead h2 {
        font-size: 25px
    }
}

.sectionSubHead h2 span {
    color: #38b8e9
}

.sectionSubHead h2:after {
    position: absolute;
    content: '';
    display: block;
    height: 4px;
    background: #38b8e9;
    bottom: 0;
    left: auto;
    width: 100%
}

.sectionSubHead.centerHead {
    width: 100%;
    text-align: center
}

.no__data {
    padding: 0 5px
}

.no__data-content {
    border: 2px solid #e5e7eb;
    padding: 15px;
    background: #fff none repeat scroll 0 0;
    text-align: center
}

.no__data-content img {
    max-width: 150px;
    display: inline-block
}

.no__data-content p {
    margin-top: 20px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit;
    text-transform: uppercase;
    font-family: "MontserratRegular", Arial, sans-serif
}

.greyBG {
    background: #f1f1f1
}

.content-area {
    padding: 60px 0px
}

.footer-fixed {
    width: 100%;
    position: fixed;
    bottom: 0
}

.badge-success,
.label-success {
    background: #40dea0 none repeat scroll 0 0 !important
}

.badge-danger,
.label-danger {
    background: #d71f29 none repeat scroll 0 0 !important
}

.badge-warning,
.label-warning {
    background: #fcba08 none repeat scroll 0 0 !important
}

.badge-info,
.label-info {
    background: #129eff none repeat scroll 0 0 !important
}

.banner__section figure img {
    width: 100%
}

.section__content {
    background: #fff none repeat scroll 0 0;
    padding: 20px 0
}

.section__content .info-section {
    background: #bbc1cd #caced8;
    border: 2px solid #bbc1cd;
    padding: 8px 12px;
    border-radius: 5px
}

.section__content .info-section p {
    color: #333645;
    margin-bottom: 0;
    line-height: 1.7
}

.section__content .info-section p+p {
    margin-top: 15px
}

.section__content .info-section.info {
    background: #38b8e9 none repeat scroll 0 0;
    border-color: #1c79b4
}

.section__content .info-section.head {
    background: #38b8e9 none repeat scroll 0 0;
    border-color: #1c79b4
}

.section__content a {
    display: block;
    color: #333645;
    cursor: pointer;
    text-decoration: none
}

.section__content a:hover,
.section__content a:focus {
    color: #000
}

.form__wrapper {
    padding: 30px 0px
}

.form__wrapper .form-group {
    margin-bottom: 30px
}

.form__wrapper .form-group.field-withIcon.active input,
.form__wrapper .form-group.field-withIcon.active textarea,
.form__wrapper .form-group.field-withIcon.active checkbox {
    color: #1c79b4 !important
}

.form__wrapper .form-group.field-withIcon.active input [placeholder] {
    color: #1c79b4 !important
}

.form__wrapper .form-group.field-withIcon.active input,
.form__wrapper .form-group.field-withIcon.active textarea,
.form__wrapper .form-group.field-withIcon.active checkbox {
    border-color: #1c79b4 !important;
    border: 2px solid #1c79b4;
    border-radius: 4px
}

.form__wrapper .form-group.field-withIcon.active input .form-control::-moz-placeholder,
.form__wrapper .form-group.field-withIcon.active input .form-control::-webkit-placeholder {
    color: #1c79b4 !important
}

.form__wrapper .form-group.field-withIcon .chosen-with-drop a.chosen-single input,
.form__wrapper .form-group.field-withIcon .chosen-with-drop a.chosen-single textarea,
.form__wrapper .form-group.field-withIcon .chosen-with-drop a.chosen-single checkbox {
    border-color: #1c79b4 !important;
    border: 2px solid #1c79b4 !important;
    border-radius: 4px !important
}

.form__wrapper .form-group label {
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.8px;
    display: block
}

.form__wrapper .form-group input {
    border: 2px solid #d7d9e0;
    background: rgba(47, 47, 49, 0);
    border-radius: 4px;
    height: 45px;
    box-shadow: none;
    line-height: 3;
    color: #000 !important;
    font-size: 16px;
    padding-left: 15px;
    background: #fff
}

.form__wrapper .form-group input.form-control {
    padding: 0 15px
}

.form__wrapper .form-group input::-webkit-input-placeholder,
.form__wrapper .form-group input::-moz-input-placeholder,
.form__wrapper .form-group input::-webkit-input-placeholder {
    line-height: 2.5;
    color: #636178 !important;
    font-size: 16px;
    font-weight: 600
}

.form__wrapper .form-group .chosen-container .chosen-drop .chosen-results li {
    color: #000 !important
}

.form__wrapper .form-group .chosen-container .chosen-drop .chosen-results li.highlighted {
    background-image: none !important
}

.form__wrapper .form-group .chosen-container a:hover,
.form__wrapper .form-group .chosen-container a.active {
    border-color: #1c79b4 !important
}

.form__wrapper .form-group .chosen-with-drop a,
.form__wrapper .form-group .chosen-container-active a {
    border: 2px solid #1c79b4 !important
}

.form__wrapper .form-group .chosen-container-single .chosen-single {
    border: 2px solid #d7d9e0;
    background: rgba(47, 47, 49, 0);
    border-radius: 4px;
    height: 45px;
    box-shadow: none;
    line-height: 3;
    color: #000;
    font-size: 16px;
    padding-left: 15px;
    background: #fff
}

.form__wrapper .form-group .chosen-container-single .chosen-single span {
    line-height: 2.5;
    color: #000;
    font-size: 16px
}

.form__wrapper .form-group .chosen-container-single .chosen-single::placeholder,
.form__wrapper .form-group .chosen-container-single .chosen-single::-moz-input-placeholder,
.form__wrapper .form-group .chosen-container-single .chosen-single::-webkit-input-placeholder {
    color: #000
}

.form__wrapper .form-group .chosen-container-single .chosen-single div {
    top: -10px;
    width: 28px
}

.form__wrapper .form-group .chosen-container-single .chosen-single div b {
    background: transparent
}

.form__wrapper .form-group .chosen-container-single .chosen-single div b:before {
    content: '\f107';
    display: inline-block;
    font-size: 22px;
    font-family: "FontAwesome"
}

.form__wrapper .form-group .chosen-container-multi .chosen-choices {
    border: 2px solid #d7d9e0;
    background: rgba(47, 47, 49, 0);
    border-radius: 4px;
    height: 45px;
    box-shadow: none;
    color: #636178;
    font-size: 16px;
    padding-left: 15px;
    background: #fff;
    overflow: auto
}

.form__wrapper .form-group .chosen-container-multi .chosen-choices::-webkit-scrollbar,
.form__wrapper .form-group .chosen-container-multi .chosen-choices::-moz-scrollbar {
    display: none
}

.form__wrapper .form-group .chosen-container-multi .chosen-choices:before {
    content: '\f107';
    display: inline-block;
    font-size: 22px;
    font-family: "FontAwesome";
    position: absolute;
    right: 12px;
    top: 6px
}

.form__wrapper .form-group .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 3;
    color: #636178 !important;
    font-size: 16px;
    margin-top: 8px;
    font-family: "MontserratLight", Arial, sans-serif
}

.form__wrapper .form-group .chosen-container-multi .chosen-choices li.search-choice {
    margin-top: 0px
}

.form__wrapper .form-group .chosen-container {
    width: 100%
}

.form__wrapper .form-group .chosen-container .chosen-results li:hover,
.form__wrapper .form-group .chosen-container .chosen-results li.highlighted {
    background: #bbc1cd;
    background-image: none !important;
    border: 0
}

.form__wrapper .form-group .chosen-container .chosen-results li.highlighted {
    background-image: none !important
}

.form__wrapper .form-group .chosen-container .chosen-results li.highlighted:hover {
    background-image: none !important
}

.form__wrapper .form-group .custom-checkbox {
    margin-top: 28px;
    margin-bottom: 53px
}

.form__wrapper-seprate .panel-group .panel {
    margin: 20px 0px;
    border: 0;
    box-shadow: none;
    border-radius: 0
}

.form__wrapper-seprate .panel-group .panel .panel-heading {
    margin-bottom: 20px;
    padding: 0
}

.form__wrapper-seprate .panel-group .panel .panel-heading h4 a {
    padding: 14px;
    display: block;
    color: #333645;
    font-weight: 600;
    font-size: 16px
}

.form__wrapper-seprate .panel-group .panel .panel-heading h4 a i {
    float: right;
    font-size: 14px;
    line-height: 1.5
}

.form__wrapper-seprate .panel-group .panel .panel-body {
    border: 0;
    padding: 0
}

.form__wrapper-seprate .highlightedForm {
    background: #f4f3f3;
    padding: 20px 20px 0px 20px !important;
    margin-bottom: 15px
}

.form__wrapper-seprate .highlightedForm .form-group {
    margin-bottom: 30px
}

.form__wrapper-seprate .highlightedForm .form-group label {
    color: #333645
}

.form__wrapper .form-divider {
    width: 100%;
    height: 2px;
    display: block;
    background: #bbc1cd;
    margin-bottom: 30px;
    margin-top: 2px
}

.social-share ul li {
    display: inline-block;
    margin-left: 25px
}

.social-share ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 1
}

.social-share ul li a:hover {
    color: #1c79b4
}

.social-share ul li.facebook a:hover,
.social-share ul li.facebook a:focus {
    color: #3b5998
}

.social-share ul li.twitter a:hover,
.social-share ul li.twitter a:focus {
    color: #00aeef
}

.social-share ul li.youtube a:hover,
.social-share ul li.youtube a:focus {
    color: #d62423
}

.search__wrapper {
    display: inline-block
}

@media screen and (max-width: 599px) {
    .search__wrapper {
        display: block
    }
}

.search__wrapper-button {
    padding: 15px 18px;
    width: 50px;
    background: #d7d9e0 none repeat scroll 0 0
}

.search__wrapper-button i {
    color: #1c79b4
}

@media screen and (max-width: 599px) {
    .search__wrapper-button {
        background: none repeat scroll 0 0;
        width: 100%;
        margin-left: 0px;
        padding: 0;
        text-align: center;
        height: 50px;
        font-size: 252px;
        font-weight: 400;
        line-height: 50px;
        letter-spacing: inherit;
        color: inherit
    }
    .search__wrapper-button i {
        color: #1c79b4
    }
}

.search__wrapper-box {
    position: absolute;
    background: transparent none repeat scroll 0 0;
    margin-top: 2px;
    right: 0;
    top: 68px;
    width: 235px;
    z-index: 100;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.search__wrapper-box .input-group {
    position: relative
}

.search__wrapper-box .input-group .form-control {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 4px 40px 4px 15px;
    background: #1c79b4 none repeat scroll 0 0;
    border: 1px solid #1f88ca
}

.search__wrapper-box .input-group .button {
    position: absolute;
    line-height: 1.8;
    top: 0;
    right: 0;
    z-index: 10
}

.search__wrapper-box .input-group .button i {
    color: #fff
}

.search__wrapper-box.active {
    top: 68px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

.themeTabs ul {
    background: #ecedef none repeat scroll 0 0
}

.themeTabs ul li {
    margin-bottom: 0px
}

.themeTabs ul li a {
    color: #2f2f31;
    font-size: 15px;
    font-family: "MontserratBold", Arial, sans-serif;
    border: 0 !important;
    padding: 15px 30px
}

.themeTabs ul li a:hover,
.themeTabs ul li a:focus {
    background: transparent;
    border: 0
}

.themeTabs ul li.active {
    border-radius: 0;
    background: transparent;
    margin-bottom: -2px
}

@media screen and (max-width: 620px) {
    .themeTabs ul li.active {
        width: 50%;
        margin-bottom: 0px
    }
}

@media screen and (max-width: 480px) {
    .themeTabs ul li.active {
        width: 100%;
        text-align: center
    }
}

.themeTabs ul li.active a {
    border-radius: 0
}

.themeTabs ul li.active a.coloSade1 {
    background: #fbe089;
    background: -moz-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #fbe089), color-stop(100%, #f58982)) !important;
    background: -webkit-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -o-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -ms-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: linear-gradient(135deg, #fbe089 0%, #f58982 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe089', endColorstr='#f58982', GradientType=1) !important;
    color: #0e0c0d !important
}

.themeTabs ul li.active a.coloSade2 {
    background: #19e5db;
    background: -moz-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #19e5db), color-stop(100%, #5e7cea)) !important;
    background: -webkit-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -o-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -ms-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: linear-gradient(135deg, #19e5db 0%, #5e7cea 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19e5db', endColorstr='#5e7cea', GradientType=1) !important;
    color: #0e0c0d !important
}

.themeTabs ul li.active a.coloSade3 {
    background: #ff7577;
    background: -moz-linear-gradient(-45deg, #ff7577 0%, #f650a3 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff7577), color-stop(100%, #f650a3)) !important;
    background: -webkit-linear-gradient(-45deg, #ff7577 0%, #f650a3 100%) !important;
    background: -o-linear-gradient(-45deg, #ff7577 0%, #f650a3 100%) !important;
    background: -ms-linear-gradient(-45deg, #ff7577 0%, #f650a3 100%) !important;
    background: linear-gradient(135deg, #ff7577 0%, #f650a3 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7577', endColorstr='#f650a3', GradientType=1) !important;
    color: #0e0c0d !important
}

.themeTabs ul li.active a.coloSade4 {
    background: #43e499 !important;
    background: -moz-linear-gradient(-45deg, #43e499 0%, #3cb3b7 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #43e499), color-stop(100%, #3cb3b7)) !important;
    background: -webkit-linear-gradient(-45deg, #43e499 0%, #3cb3b7 100%) !important;
    background: -o-linear-gradient(-45deg, #43e499 0%, #3cb3b7 100%) !important;
    background: -ms-linear-gradient(-45deg, #43e499 0%, #3cb3b7 100%) !important;
    background: linear-gradient(135deg, #43e499 0%, #3cb3b7 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43e499', endColorstr='#3cb3b7', GradientType=1) !important;
    color: #0e0c0d !important
}

.themeTabs ul li.active a:hover,
.themeTabs ul li.active a:focus {
    background: transparent;
    border: 0
}

@media screen and (max-width: 620px) {
    .themeTabs ul li {
        width: 50%;
        text-align: center
    }
}

@media screen and (max-width: 480px) {
    .themeTabs ul li {
        width: 100%;
        text-align: center
    }
}

.themeTabs ul li.registButtonV2 {
    cursor: pointer;
    float: right;
    background: #fbe089;
    background: -moz-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #fbe089), color-stop(100%, #f58982)) !important;
    background: -webkit-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -o-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -ms-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: linear-gradient(135deg, #fbe089 0%, #f58982 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe089', endColorstr='#f58982', GradientType=1) !important;
    color: #0e0c0d !important
}

.themeTabs ul li.coloSade1 a,
.themeTabs ul li.coloSade2 a,
.themeTabs ul li.coloSade3 a,
.themeTabs ul li.coloSade4 a {
    background: transparent !important
}

.themeTabs .tab-content {
    background: #f1f1f1;
    padding: 15px
}

.themeTabs .tab-content .tab-pane {
    position: relative
}

.themeTabs .tab-content .tab-pane a {
    position: absolute;
    bottom: 15px;
    left: 50%;
    display: block;
    background: #1c79b4;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 10px 30px;
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.themeTabs .tab-content .tab-pane a:hover,
.themeTabs .tab-content .tab-pane a:focus {
    background: #38b8e9;
    text-decoration: none;
    cursor: pointer
}

@media screen and (max-width: 599px) {
    .themeTabs .tab-content .tab-pane a {
        position: static;
        left: auto;
        bottom: auto;
        transform: none;
        margin: 15px 0 0 0;
        text-align: center
    }
}

@media screen and (max-width: 992px) {
    .themeTabs .tab-content .tab-pane a {
        position: static;
        transform: none !important;
        left: auto;
        width: auto;
        display: inline-block;
        margin: 15px auto;
        margin-left: auto;
        text-align: center;
        margin-left: calc(50% - 65px)
    }
}

.themeTabs .tab-content ul {
    background: transparent
}

.themeTabs .tab-content ul li {
    width: 49.3%;
    display: inline-block;
    background: #fff;
    padding: 15px;
    float: left;
    height: 590px
}

@media screen and (max-width: 1460px) {
    .themeTabs .tab-content ul li {
        height: 730px
    }
}

@media screen and (max-width: 1360px) {
    .themeTabs .tab-content ul li {
        height: 740px
    }
}

@media screen and (max-width: 992px) {
    .themeTabs .tab-content ul li {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important
    }
    .themeTabs .tab-content ul li+li {
        margin-left: 0 !important;
        margin-top: 15px
    }
}

.themeTabs .tab-content ul li+li {
    margin-left: 1.4%
}

.themeTabs .tab-content ul li h4 {
    color: #000;
    font-family: "MontserratRegular", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 15px
}

.themeTabs .tab-content ul li span {
    color: #38b8e9;
    font-size: 14px;
    font-family: "MontserratLight", Arial, sans-serif;
    margin-bottom: 15px;
    display: block
}

.themeTabs .tab-content ul li p {
    font-size: 14px;
    color: #000;
    font-family: "MontserratLight", Arial, sans-serif
}

.themeTabs .theme__table th,
.themeTabs .theme__table td,
.themeTabs .theme__table caption {
    color: #000
}

.formPage {
    padding: 15px 0
}

.formPage .section__content {
    padding: 20px
}

.open-menu {
    display: none
}

@media screen and (max-width: 992px) {
    .open-menu {
        display: block
    }
}

.open-menu i {
    font-size: 30px;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    line-height: 1.1
}

@media screen and (max-width: 767px) {
    .open-menu i {
        transform: none
    }
}

.formHeads h4 {
    background: #38b8e9;
    border: 2px solid #1c79b4;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 14px;
    display: block;
    color: #333645;
    font-weight: 600 !important;
    font-size: 16px
}

.formHeads h4 a {
    display: block;
    color: #333645;
    font-size: 16px
}

.formHeads h4 a i {
    float: right;
    font-size: 14px;
    line-height: 1.5
}

.innerHeads {
    background: #d7d9e0;
    padding: 14px;
    margin-bottom: 15px;
    position: relative
}

.innerHeads h5 {
    display: inline-block;
    color: #000;
    font-size: 16px
}

.stepBystep {
    margin-bottom: 15px
}

.stepBystep__wrapper {
    counter-reset: steps
}

.stepBystep__wrapper ul {
    width: 100%;
    margin: 15px auto;
    overflow: hidden
}

.stepBystep__wrapper ul li {
    color: #636178;
    text-transform: uppercase;
    font-size: 14px;
    width: 20%;
    float: left;
    text-align: center;
    padding: 15px 0px
}

.stepBystep__wrapper ul li a {
    display: inline-block;
    color: #636178
}

@media screen and (max-width: 767px) {
    .stepBystep__wrapper ul li a {
        font-size: 12px
    }
}

@media screen and (max-width: 599px) {
    .stepBystep__wrapper ul li a {
        font-size: 10px
    }
}

.stepBystep__wrapper ul li a:before {
    counter-increment: steps;
    content: counter(steps);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 3.5;
    display: block;
    font-size: 14px !important;
    color: #636178;
    background: white;
    margin: 0 auto 5px auto;
    -webkit-box-shadow: 0px 2px 12px rgba(16, 16, 16, 0.2);
    -moz-box-shadow: 0px 2px 12px rgba(16, 16, 16, 0.2);
    -ms-box-shadow: 0px 2px 12px rgba(16, 16, 16, 0.2);
    box-shadow: 0px 2px 12px rgba(16, 16, 16, 0.2);
    margin-bottom: 15px
}

@media screen and (max-width: 599px) {
    .stepBystep__wrapper ul li a:before {
        width: 30px;
        height: 30px;
        line-height: 2.2
    }
}

.stepBystep__wrapper ul li a.active {
    color: #87c540
}

.stepBystep__wrapper ul li a.active:before {
    background: #87c540;
    color: #fff
}

.stepBystep__wrapper ul li a.active:after {
    background: #87c540 !important
}

.stepBystep__wrapper ul li a:after {
    content: '';
    width: calc(100% - 49px);
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 40px;
    z-index: 1;
    margin-left: 24px
}

@media screen and (max-width: 599px) {
    .stepBystep__wrapper ul li a:after {
        width: calc(100% - 25px);
        top: 29px;
        margin-left: 15px
    }
}

.stepBystep__wrapper ul li+li {
    position: relative
}

.stepBystep__wrapper ul li:first-child a:after {
    display: none
}

.sameAddress {
    position: absolute;
    top: 11px;
    right: 15px
}

@media screen and (max-width: 599px) {
    .sameAddress {
        position: static;
        margin-top: 15px
    }
}

.sameAddress .custom-checkbox {
    z-index: 9999
}

.sameAddress .custom-checkbox span {
    color: #575757 !important
}

.data__view label,
.data__view span {
    border: 2px solid #ecedef;
    color: #000000;
    padding: 8px 15px;
    display: block;
    min-height: 43px
}

.data__view label {
    background: #ecedef;
    font-size: 14px
}

.data__view span {
    font-size: 13px
}

.page__content {
    padding: 15px 0;
    width: 100%;
    display: inline-block;
    min-height: 282px;
    background: #fff none repeat scroll 0 0
}

.home__layout {
    margin-top: 45px
}

.home__layout .withbackground__logins {
    margin: 0 0 20px 0;
    width: 100%;
    max-width: 100%;
    min-height: 454px;
    padding: 0
}

@media screen and (max-width: 1336px) {
    .home__layout .withbackground__logins {
        min-height: 454px
    }
}

.home__layout .tab-content {
    min-height: auto
}

.home__layout .alert {
    margin-bottom: 0px;
    font-size: 13px
}

@media screen and (max-width: 1200px) {
    .home__layout .alert {
        font-size: 12px
    }
}

@media screen and (max-width: 1200px) {
    .home__layout .alert i {
        font-size: 11px
    }
}

.home__layout .form__wrapper {
    padding: 15px
}

.login__tabs .nav-tabs {
    background: #ecedef none repeat scroll 0 0;
    border-bottom: 1px solid #ddd
}

.login__tabs .nav-tabs li a {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    padding: 15px 15px
}

.login__tabs .nav-tabs li.active a {
    color: #fff;
    background: #1c79b4;
    border-radius: 0
}

.RegisterButton a {
    padding: 10px;
    background: #1c79b4;
    border-radius: 6px;
    color: #ffffff;
    margin: 15px auto;
    display: inline-block
}

.g-recaptcha {
    margin-bottom: 20px
}

.form-actions {
    text-align: right
}

.form-actions button {
    margin-bottom: 15px
}

.newuser__register {
    text-align: center;
    margin-bottom: 30px;
    padding: 30px 20px;
    background: #1a7eba;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17)
}

.newuser__register h2 {
    color: #ffffff;
    font-family: "MontserratRegular", Arial, sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    margin-bottom: 0px
}

.newuser__register a {
    background: #373481 none repeat scroll 0 0;
    color: #ffffff;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 12px 35px;
    display: inline-block
}

.yellowBase .navigation__menu li:hover,
.yellowBase .navigation__menu li:focus,
.yellowBase .navigation__menu li:hover,
.yellowBase .navigation__menu li.active,
.yellowBase .responsive-standalone,
.yellowBase .responsive-standalone .standalone-menu .navigation__menu li,
.yellowBase .backTo__top {
    background: #f0c527
}

.yellowBase .navigation__menu li a span,
.yellowBase .accordian__view .panel-heading .option__wrapper .arrowIcon i,
.yellowBase .accordian__view .panel-heading .option__wrapper .user-details ul li i,
.yellowBase .backTo__top,
.yellowBase .loading__wrapper.theme2 .loading__spinner .loader .text,
.yellowBase .profile__wrapper-content h3,
.yellowBase .dashboard__wrapper-content .school__info ul li i,
.yellowBase .dashboard__wrapper-content .quick__links ul li span,
.yellowBase .mobile__wrapper-content .form-area .head span,
.yellowBase .mobile__wrapper-content .steps:before,
.yellowBase .mobile__wrapper-content .steps:after {
    color: #1c733e
}

.yellowBase .header .bottomHead__wrapper,
.yellowBase .section__head,
.yellowBase .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li+li:before,
.yellowBase .accordian__view .panel-heading .option__wrapper .user-details ul li.subject_counter span,
.yellowBase .descriptionSection__subjects ul li span {
    background: #1c733e
}

.yellowBase .header .bottomHead__wrapper .marquee__content,
.yellowBase .section__head-content h2 {
    color: #fff
}

.yellowBase .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a,
.yellowBase .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li.notify a span,
.yellowBase .header .bottomHead__wrapper-profile .profile-wrapper-content .caret,
.yellowBase .section__head-content .optionSets a {
    color: #f0c527
}

.yellowBase .header .bottomHead__wrapper .marquee__content .fade-text {
    background: linear-gradient(to right, rgba(28, 115, 62, 0.08) 30%, #1c733e 100%) repeat scroll 0 0
}

.yellowBase .accordian__view .panel-heading .option__wrapper .user-details ul li {
    color: #000
}

.yellowBase .section__head-content .dateTime__wrapper,
.yellowBase .section__head-content .optionSets,
.yellowBase .header .bottomHead__wrapper-profile {
    background: #249450 none repeat scroll 0 0
}

.yellowBase .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a:hover,
.yellowBase .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a:focus {
    color: #f4d460
}

.yellowBase .responsive-standalone .standalone-menu .navigation__menu li {
    border-color: #dfb20f
}

.yellowBase .responsive-standalone .standalone-menu .navigation__menu+.navigation__menu li:first-child {
    border-color: #dfb20f
}

.birla__theme .navigation__menu li:hover,
.birla__theme .navigation__menu li:focus,
.birla__theme .navigation__menu li:hover,
.birla__theme .navigation__menu li.active,
.birla__theme .responsive-standalone,
.birla__theme .responsive-standalone .standalone-menu .navigation__menu li,
.birla__theme .backTo__top {
    background: #fedc00
}

.birla__theme .navigation__menu li a span,
.birla__theme .accordian__view .panel-heading .option__wrapper .arrowIcon i,
.birla__theme .accordian__view .panel-heading .option__wrapper .user-details ul li i,
.birla__theme .backTo__top,
.birla__theme .loading__wrapper.theme2 .loading__spinner .loader .text,
.birla__theme .profile__wrapper-content h3,
.birla__theme .dashboard__wrapper-content .school__info ul li i,
.birla__theme .dashboard__wrapper-content .quick__links ul li span,
.birla__theme .mobile__wrapper-content .form-area .head span,
.birla__theme .mobile__wrapper-content .steps:before,
.birla__theme .mobile__wrapper-content .steps:after {
    color: #e74f21
}

.birla__theme .header .bottomHead__wrapper,
.birla__theme .section__head,
.birla__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li+li:before,
.birla__theme .accordian__view .panel-heading .option__wrapper .user-details ul li.subject_counter span,
.birla__theme .descriptionSection__subjects ul li span {
    background: #e74f21
}

.birla__theme .header .bottomHead__wrapper .marquee__content,
.birla__theme .section__head-content h2 {
    color: #fff
}

.birla__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a,
.birla__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li.notify a span,
.birla__theme .header .bottomHead__wrapper-profile .profile-wrapper-content .caret,
.birla__theme .section__head-content .optionSets a {
    color: #fedc00
}

.birla__theme .header .bottomHead__wrapper .marquee__content .fade-text {
    background: linear-gradient(to right, rgba(231, 79, 33, 0.08) 30%, #e74f21 100%) repeat scroll 0 0
}

.birla__theme .accordian__view .panel-heading .option__wrapper .user-details ul li {
    color: #000
}

.birla__theme .section__head-content .dateTime__wrapper,
.birla__theme .section__head-content .optionSets,
.birla__theme .header .bottomHead__wrapper-profile {
    background: #eb6c46 none repeat scroll 0 0
}

.birla__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a:hover,
.birla__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a:focus {
    color: #f4d460
}

.birla__theme .responsive-standalone .standalone-menu .navigation__menu li {
    border-color: #d5b900
}

.birla__theme .responsive-standalone .standalone-menu .navigation__menu+.navigation__menu li:first-child {
    border-color: #d5b900
}

.redox__theme .navigation__menu li:hover,
.redox__theme .navigation__menu li:focus,
.redox__theme .navigation__menu li:hover,
.redox__theme .navigation__menu li.active,
.redox__theme .responsive-standalone,
.redox__theme .responsive-standalone .standalone-menu .navigation__menu li,
.redox__theme .backTo__top {
    background: #fedc00
}

.redox__theme .navigation__menu li a span,
.redox__theme .accordian__view .panel-heading .option__wrapper .arrowIcon i,
.redox__theme .accordian__view .panel-heading .option__wrapper .user-details ul li i,
.redox__theme .backTo__top,
.redox__theme .loading__wrapper.theme2 .loading__spinner .loader .text,
.redox__theme .profile__wrapper-content h3,
.redox__theme .dashboard__wrapper-content .school__info ul li i,
.redox__theme .dashboard__wrapper-content .quick__links ul li span,
.redox__theme .mobile__wrapper-content .form-area .head span,
.redox__theme .mobile__wrapper-content .steps:before,
.redox__theme .mobile__wrapper-content .steps:after {
    color: #e9960a
}

.redox__theme .header .bottomHead__wrapper,
.redox__theme .section__head,
.redox__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li+li:before,
.redox__theme .accordian__view .panel-heading .option__wrapper .user-details ul li.subject_counter span,
.redox__theme .descriptionSection__subjects ul li span {
    background: #e9960a
}

.redox__theme .header .bottomHead__wrapper .marquee__content,
.redox__theme .section__head-content h2 {
    color: #fff
}

.redox__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a,
.redox__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li.notify a span,
.redox__theme .header .bottomHead__wrapper-profile .profile-wrapper-content .caret,
.redox__theme .section__head-content .optionSets a {
    color: #fedc00
}

.redox__theme .header .bottomHead__wrapper .marquee__content .fade-text {
    background: linear-gradient(to right, rgba(233, 150, 10, 0.08) 30%, #e9960a 100%) repeat scroll 0 0
}

.redox__theme .accordian__view .panel-heading .option__wrapper .user-details ul li {
    color: #000
}

.redox__theme .section__head-content .dateTime__wrapper,
.redox__theme .section__head-content .optionSets,
.redox__theme .header .bottomHead__wrapper-profile {
    background: #f6a826 none repeat scroll 0 0
}

.redox__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a:hover,
.redox__theme .header .bottomHead__wrapper-profile .profile-wrapper .action-buttons ul li a:focus {
    color: #f4d460
}

.redox__theme .responsive-standalone .standalone-menu .navigation__menu li {
    border-color: #d5b900
}

.redox__theme .responsive-standalone .standalone-menu .navigation__menu li a span {
    color: #fff !important
}

.redox__theme .responsive-standalone .standalone-menu .navigation__menu+.navigation__menu li:first-child {
    border-color: #d5b900
}

.redox__theme .navigation__menu li a span {
    color: #fff !important;
    margin-right: 5px !important
}

.is {
    font-family: 'insphere-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: inherit !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bootbox .modal-content {
    -webkit-border-radius: 0px;
    border-radius: 0px
}

.bootbox .modal-header {
    background: #0a364f none repeat scroll 0 0;
    color: #38b8e9
}

.bootbox .modal-header .close {
    color: #38b8e9;
    opacity: 1;
    filter: alpha(opacity=100);
    text-shadow: 0px 0px 0px
}

.bootbox .modal-header .close:hover,
.bootbox .modal-header .close:focus {
    color: #19a8df
}

.bootbox .modal-body {
    padding: 25px 15px
}

.fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 80px;
    background: transparent
}

.fancybox-thumbs>ul>li {
    border-color: transparent
}

.fancybox-container--thumbs .fancybox-caption-wrap,
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap {
    right: 0;
    bottom: 90px
}

@media all and (max-width: 800px) {
    .fancybox-thumbs {
        display: none !important
    }
    .fancybox-container--thumbs .fancybox-controls,
    .fancybox-container--thumbs .fancybox-slider-wrap,
    .fancybox-container--thumbs .fancybox-caption-wrap {
        bottom: 0
    }
}

.datepicker {
    font-size: 14px
}

.datepicker:before,
.datepicker:after {
    top: auto
}

.datepicker table tr td,
.datepicker table tr th {
    vertical-align: middle;
    font-family: "MontserratLight", Arial, sans-serif
}

.datepicker table tr td.datepicker-switch,
.datepicker table tr th.datepicker-switch {
    font-family: "MontserratRegular", Arial, sans-serif
}

.btn {
    box-shadow: none !important
}

.button {
    z-index: 2;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: normal;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.46;
    letter-spacing: -.0135em;
    color: inherit;
    padding: 8px 22px;
    line-height: 1.42857;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "MontserratLight", Arial, sans-serif;
    border: 2px solid rgba(0, 0, 0, 0.3);
    position: relative;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.button.active.focus {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.button:hover,
.button:focus,
.button.focus {
    color: #333333;
    text-decoration: none
}

.button:active,
.button.active {
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.button.disabled,
.button[disabled] {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.button.small {
    font-size: 12.04px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit;
    padding: 6px 25px
}

.button.medium {
    font-size: 12.04px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit;
    padding: 9px 20px
}

.button.large {
    padding: 12px 35px
}

.button.button-circle {
    padding: 0px;
    width: 32px;
    height: 32px;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #acb3be;
    background: #fff repeat scroll 0 0 transparent
}

.button.button-circle:hover,
.button.button-circle:focus,
.button.button-circle.focus,
.button.button-circle.disabled,
.button.button-circle[disabled] {
    border: 1px solid #1c79b4;
    background: #fff repeat scroll 0 0 transparent
}

.button.button-centered {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.button.button-square {
    padding: 0;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0px solid transparent;
    background: none repeat scroll 0 0 transparent
}

.button.button-border-less {
    padding: 0;
    border: 0px solid transparent;
    background: none repeat scroll 0 0 transparent
}

.button.button-border-less i {
    margin-right: 0px
}

.button.disabled {
    border: 2px solid rgba(0, 0, 0, 0.3) !important;
    color: #777 !important;
    background-color: #eee !important
}

.button-noborder-Bg {
    border: none !important;
    background: rgba(47, 47, 49, 0) !important;
    color: rgba(47, 47, 49, 0) !important
}

.button-block {
    width: 100%;
    display: block
}

.button-theme {
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-family: "MontserratSemiBold", Arial, sans-serif !important;
    padding: 12px 22px;
    font-weight: 600;
    border: 0
}

.button-orange {
    background: #e9960a;
    color: #fff
}

.button-orange:hover,
.button-orange:focus,
.button-orange.active {
    background: #e9960a !important;
    color: #fff !important
}

.button-group>.button {
    margin-left: 0px
}

.button-group>.button+.button {
    margin-left: 15px
}

.button-equal>.button {
    min-width: 175px
}

.button.default {
    color: #000;
    border-color: #fff;
    background: none repeat scroll 0 0 #fff
}

.button.default:hover,
.button.default:focus,
.button.default.focus,
.button.default.disabled,
.button.default[disabled],
.button.default.button-selected {
    color: #000;
    border-color: #fff;
    background: none repeat scroll 0 0 #fff
}

.button.default.bordered {
    color: #000;
    border-color: #000;
    background: none repeat scroll 0 0 transparent
}

.button.default.bordered:hover,
.button.default.bordered:focus,
.button.default.bordered.focus,
.button.default.bordered.disabled,
.button.default.bordered[disabled],
.button.default.bordered.button-selected {
    color: #000;
    border-color: #000;
    background: none repeat scroll 0 0 transparent
}

.button.default.bordered:hover,
.button.default.bordered:focus,
.button.default.bordered.focus,
.button.default.bordered.disabled,
.button.default.bordered[disabled],
.button.default.bordered.button-selected {
    color: #fff;
    border-color: #000;
    background: none repeat scroll 0 0 #000
}

.button.grey {
    color: #fff;
    border-color: #a8b6ca;
    background: none repeat scroll 0 0 #a8b6ca
}

.button.grey:hover,
.button.grey:focus,
.button.grey.focus,
.button.grey.disabled,
.button.grey[disabled],
.button.grey.button-selected {
    color: #a8b6ca;
    border-color: #a8b6ca;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.grey.bordered {
    color: #a8b6ca;
    border-color: #a8b6ca;
    background: none repeat scroll 0 0 transparent
}

.button.grey.bordered:hover,
.button.grey.bordered:focus,
.button.grey.bordered.focus,
.button.grey.bordered.disabled,
.button.grey.bordered[disabled],
.button.grey.bordered.button-selected {
    color: #a8b6ca;
    border-color: #a8b6ca;
    background: none repeat scroll 0 0 transparent
}

.button.grey.bordered:hover,
.button.grey.bordered:focus,
.button.grey.bordered.focus,
.button.grey.bordered.disabled,
.button.grey.bordered[disabled],
.button.grey.bordered.button-selected {
    color: #fff;
    border-color: #a8b6ca;
    background: none repeat scroll 0 0 #a8b6ca
}

.button.blue {
    color: #fff;
    border-color: #1c79b4;
    background: none repeat scroll 0 0 #1c79b4
}

.button.blue:hover,
.button.blue:focus,
.button.blue.focus,
.button.blue.disabled,
.button.blue[disabled],
.button.blue.button-selected {
    color: #1c79b4;
    border-color: #1c79b4;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.blue.bordered {
    color: #1c79b4;
    border-color: #1c79b4;
    background: none repeat scroll 0 0 transparent
}

.button.blue.bordered:hover,
.button.blue.bordered:focus,
.button.blue.bordered.focus,
.button.blue.bordered.disabled,
.button.blue.bordered[disabled],
.button.blue.bordered.button-selected {
    color: #1c79b4;
    border-color: #1c79b4;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.blue.bordered:hover,
.button.blue.bordered:focus,
.button.blue.bordered.focus,
.button.blue.bordered.disabled,
.button.blue.bordered[disabled],
.button.blue.bordered.button-selected {
    color: #fff;
    border-color: #1c79b4;
    background: none repeat scroll 0 0 #1c79b4
}

.button.white {
    color: #000;
    border-color: #fff;
    background: none repeat scroll 0 0 #fff
}

.button.white:hover,
.button.white:focus,
.button.white.focus,
.button.white.disabled,
.button.white[disabled],
.button.white.button-selected {
    color: #fff;
    border-color: #fff;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.white.bordered {
    color: #fff;
    border-color: #fff;
    background: none repeat scroll 0 0 transparent
}

.button.white.bordered:hover,
.button.white.bordered:focus,
.button.white.bordered.focus,
.button.white.bordered.disabled,
.button.white.bordered[disabled],
.button.white.bordered.button-selected {
    color: #1c79b4;
    border-color: #1c79b4;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.white.bordered:hover,
.button.white.bordered:focus,
.button.white.bordered.focus,
.button.white.bordered.disabled,
.button.white.bordered[disabled],
.button.white.bordered.button-selected {
    color: #000;
    border-color: #fff;
    background: none repeat scroll 0 0 #fff
}

.button.green {
    color: #fff;
    border-color: #87c540;
    background: none repeat scroll 0 0 #87c540
}

.button.green:hover,
.button.green:focus,
.button.green.focus,
.button.green.disabled,
.button.green[disabled],
.button.green.button-selected {
    color: #87c540;
    border-color: #87c540;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.green.bordered {
    color: #87c540;
    border-color: #87c540;
    background: none repeat scroll 0 0 transparent
}

.button.green.bordered:hover,
.button.green.bordered:focus,
.button.green.bordered.focus,
.button.green.bordered.disabled,
.button.green.bordered[disabled],
.button.green.bordered.button-selected {
    color: #87c540;
    border-color: #87c540;
    background: none repeat scroll 0 0 transparent
}

.button.green.bordered:hover,
.button.green.bordered:focus,
.button.green.bordered.focus,
.button.green.bordered.disabled,
.button.green.bordered[disabled],
.button.green.bordered.button-selected {
    color: #fff;
    border-color: #87c540;
    background: none repeat scroll 0 0 #87c540
}

.button.black {
    color: #fff;
    border-color: #000;
    background: none repeat scroll 0 0 #000
}

.button.black:hover,
.button.black:focus,
.button.black.focus,
.button.black.disabled,
.button.black[disabled],
.button.black.button-selected {
    color: #000;
    border-color: #000;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.black.bordered {
    color: #000;
    border-color: #000;
    background: none repeat scroll 0 0 transparent
}

.button.black.bordered:hover,
.button.black.bordered:focus,
.button.black.bordered.focus,
.button.black.bordered.disabled,
.button.black.bordered[disabled],
.button.black.bordered.button-selected {
    color: #000;
    border-color: #000;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.black.bordered:hover,
.button.black.bordered:focus,
.button.black.bordered.focus,
.button.black.bordered.disabled,
.button.black.bordered[disabled],
.button.black.bordered.button-selected {
    color: #fff;
    border-color: #000;
    background: none repeat scroll 0 0 #000
}

.button.red {
    color: #fff;
    border-color: #d9534f;
    background: none repeat scroll 0 0 #d9534f
}

.button.red:hover,
.button.red:focus,
.button.red.focus,
.button.red.disabled,
.button.red[disabled],
.button.red.button-selected {
    color: #d9534f;
    border-color: #d9534f;
    background: none repeat scroll 0 0 rgba(47, 47, 49, 0)
}

.button.red.bordered {
    color: #d9534f;
    border-color: #d9534f;
    background: none repeat scroll 0 0 transparent
}

.button.red.bordered:hover,
.button.red.bordered:focus,
.button.red.bordered.focus,
.button.red.bordered.disabled,
.button.red.bordered[disabled],
.button.red.bordered.button-selected {
    color: #d9534f;
    border-color: #d9534f;
    background: none repeat scroll 0 0 transparent
}

.button.red.bordered:hover,
.button.red.bordered:focus,
.button.red.bordered.focus,
.button.red.bordered.disabled,
.button.red.bordered[disabled],
.button.red.bordered.button-selected {
    color: #fff;
    border-color: #d9534f;
    background: none repeat scroll 0 0 #d9534f
}

.button i {
    margin-right: 10px
}

.button i.no-margin {
    margin-right: 0px
}

.button i.right-icon {
    margin-right: 0px;
    margin-left: 10px
}

.button-form {
    min-width: 170px;
    background: #bbc1cd;
    border: 1px solid #a8b6ca;
    font-size: 15px
}

.button-form-submit {
    background: #e47726;
    border-color: #df6f1c
}

.button-form-cancel {
    background: #d9534f;
    border-color: #d64742
}

.button-form:hover {
    color: #fff !important
}

fieldset[disabled] .button {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.link-blue {
    color: #1c79b4
}

a.link-blue:hover,
a.link-blue:focus,
a.link-blue.focus,
a.link-blue.disabled,
a.link-blue[disabled] {
    color: #1c79b4
}

a.link-blue .fa {
    padding-right: 6px
}

a.link-white {
    color: #fff
}

a.link-white:hover,
a.link-white:focus,
a.link-white.focus,
a.link-white.disabled,
a.link-white[disabled] {
    color: #fff
}

a.link-white .fa {
    padding-right: 6px
}

a.link-red {
    color: #d9534f
}

a.link-red:hover,
a.link-red:focus,
a.link-red.focus,
a.link-red.disabled,
a.link-red[disabled] {
    color: #d9534f
}

a.link-red .fa {
    padding-right: 6px
}

a.link-green {
    color: #87c540
}

a.link-green:hover,
a.link-green:focus,
a.link-green.focus,
a.link-green.disabled,
a.link-green[disabled] {
    color: #87c540
}

a.link-green .fa {
    padding-right: 6px
}

a.link-black {
    color: #000
}

a.link-black:hover,
a.link-black:focus,
a.link-black.focus,
a.link-black.disabled,
a.link-black[disabled] {
    color: #000
}

a.link-black .fa {
    padding-right: 6px
}

label {
    cursor: pointer;
    font-size: 16.1px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #a8b6ca;
    margin-bottom: 8px
}

.horizontal-form label {
    min-height: 20px
}

.horizontal-form .form-group {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 25px
}

.horizontal-form .form-group.no-margin-bottom {
    margin-bottom: 0px
}

.form-group .form-control+.help-block {
    margin-bottom: 0px !important
}

.form-group .grouping a+button,
.form-group .grouping a+a,
.form-group .grouping button+button,
.form-group .grouping button+a {
    margin-left: 15px
}

.form-control-static-value {
    display: table;
    width: 100%
}

.form-control-static-value>p {
    height: 46px;
    line-height: 1.2;
    display: table-cell;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #333645;
    padding-left: 20px;
    vertical-align: middle
}


select,
textarea {
    display: block;
    width: 100%;
    padding: 4px 15px;
    outline: none;
    line-height: 28px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #333645;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    box-shadow: none !important;
    font-family: "MontserratLight", Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #fff none repeat scroll 0 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

select {
    height: 40px;
    cursor: pointer;
    padding: 4px 12px
}

select:focus,
textarea:focus {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #1c79b4;
    background: #fff none repeat scroll 0 0
}

textarea {
    height: 120px;
    resize: none !important
}

textarea.form-control {
    height: 120px
}

.selectCont {
    margin: 0 0 15px;
    position: relative
}

.selectCont label {
    top: 0;
    bottom: 0;
    right: 4px;
    line-height: 34px;
    position: absolute;
    pointer-events: none
}

.selectCont option {
    padding: 5px 14px
}

.selectCont.mini {
    margin: 0 0 10px
}

.selectCont.mini select {
    height: 36px;
    padding: 3px 8px
}

.selectCont.mini label {
    top: 0;
    bottom: 0;
    right: 2px;
    line-height: 24px;
    position: absolute;
    pointer-events: none
}

.selectCont.mini option {
    padding: 4px 10px
}

.selectCont label i {
    color: #a8b6ca;
    font-size: 20px;
    font-weight: 600;
    transform: translate(-9px, 4px);
    vertical-align: -14.2857%
}

.req,
.has-error label,
.error label {
    color: #d9534f !important
}

.has-error input[type="text"],
.has-error input[type="password"],
.has-error input[type="tel"],
.has-error input[type="number"],
.has-error input[type="url"],
.has-error input[type="email"],
.has-error input[type="search"],
.has-error input[type="text"]:focus,
.has-error input[type="password"]:focus,
.has-error input[type="tel"]:focus,
.has-error input[type="number"]:focus,
.has-error input[type="url"]:focus,
.has-error input[type="email"]:focus,
.has-error input[type="search"]:focus,
.error input[type="text"],
.error input[type="password"],
.error input[type="tel"],
.error input[type="number"],
.error input[type="url"],
.error input[type="email"],
.error input[type="search"],
.error input[type="text"]:focus,
.error input[type="password"]:focus,
.error input[type="tel"]:focus,
.error input[type="number"]:focus,
.error input[type="url"]:focus,
.error input[type="email"]:focus,
.error input[type="search"]:focus {
    color: #d9534f;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #d9534f;
    background: #fff none repeat scroll 0 0;
    border-radius: 4px
}

.has-error select,
.has-error textarea,
.has-error .cog-input-group .input-group-addon,
.has-error select:focus,
.has-error textarea:focus,
.has-error .cog-input-group .input-group-addon:focus,
.has-error .chosen-container.chosen-container-single .chosen-single,
.has-error .bootstrap-select .dropdown-toggle,
.error select,
.error textarea,
.error .cog-input-group .input-group-addon,
.error select:focus,
.error textarea:focus,
.error .cog-input-group .input-group-addon:focus,
.error .chosen-container.chosen-container-single .chosen-single,
.error .bootstrap-select .dropdown-toggle {
    color: #d9534f;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #d9534f !important;
    background: #fff none repeat scroll 0 0
}

.has-error .help-block-error,
.error .help-block-error {
    color: #d9534f !important
}

.help-block-error {
    color: #d9534f !important
}

.added-placeholder [type="text"]:focus {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #1c79b4;
    background: #fff none repeat scroll 0 0
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #f19822
}

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

.cog-input-group input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]) {
    border-right: 0px none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px
}

.cog-input-group .input-group-addon {
    white-space: nowrap;
    position: relative;
    padding-left: 10px;
    padding-right: 25px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 2px solid #d7d9e0;
    border-left: 0px none;
    background: #fff none repeat scroll 0 0
}

.added-placeholder .input-group-addon {
    border: 2px solid #1c79b4;
    border-left: 0px none
}

.has-error .cog-input-group .input-group-addon:before,
.has-error .cog-input-group .input-group-addon:after,
.error .cog-input-group .input-group-addon:before,
.error .cog-input-group .input-group-addon:after {
    left: -1px;
    width: 3px;
    height: 1px;
    content: ' ';
    z-index: 10;
    position: absolute
}

.cog-input-group .input-group-addon:before {
    top: -1px;
    background: #d7d9e0 none repeat scroll 0 0
}

.cog-input-group .input-group-addon:after {
    bottom: -1px;
    background: #d7d9e0 none repeat scroll 0 0
}

.has-error .cog-input-group .input-group-addon,
.error .cog-input-group .input-group-addon {
    border-left: 0px none
}

.has-error .cog-input-group .input-group-addon:before,
.error .cog-input-group .input-group-addon:before {
    top: -1px;
    background: #d9534f none repeat scroll 0 0
}

.has-error .cog-input-group .input-group-addon:after,
.error .cog-input-group .input-group-addon:after {
    bottom: -1px;
    background: #d9534f none repeat scroll 0 0
}

.custom-checkbox,
.custom-radio {
    width: auto;
    position: relative
}

.custom-checkbox.pull-left,
.custom-checkbox.alignleft,
.custom-radio.pull-left,
.custom-radio.alignleft,
.custom-checkbox.pull-right,
.custom-checkbox.alignright,
.custom-radio.pull-right,
.custom-radio.alignright {
    float: none !important
}

.custom-checkbox span,
.custom-radio span {
    color: #a8b6ca;
    cursor: pointer;
    font-size: 14px;
    margin-right: 0px;
    line-height: 20px;
    position: relative;
    font-weight: normal;
    display: inline-block
}

.custom-checkbox span.extreme-right,
.custom-radio span.extreme-right {
    float: right
}

.custom-checkbox.pull-left span,
.custom-checkbox.alignleft span,
.custom-radio.pull-left span,
.custom-radio.alignleft span {
    padding-left: 26px
}

.custom-checkbox.pull-right span,
.custom-checkbox.alignright span,
.custom-radio.pull-right span,
.custom-radio.alignright span {
    padding-right: 26px
}

.custom-radio input[type=radio],
.custom-checkbox input[type=checkbox] {
    display: none
}

.custom-radio span:before,
.custom-checkbox span:before {
    content: "";
    width: 20px;
    height: 20px;
    box-shadow: none;
    position: absolute;
    display: inline-block;
    background-color: #fff;
    -webkit-box-shadow: none
}

.custom-radio.pull-left span:before,
.custom-radio.alignleft span:before,
.custom-checkbox.pull-left span:before,
.custom-checkbox.alignleft span:before {
    left: 0;
    margin-right: 10px
}

.custom-radio.pull-right span:before,
.custom-radio.alignright span:before,
.custom-checkbox.pull-right span:before,
.custom-checkbox.alignright span:before {
    right: 0;
    margin-right: 0px
}

.custom-radio span:before,
.custom-checkbox span:before {
    border: none;
    background: #a8b6ca none repeat scroll 0 0
}

.custom-radio span:before {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.custom-checkbox span:before {
    -webkit-border-radius: 0;
    border-radius: 0
}

.custom-checkbox span,
.custom-radio span {
    margin-bottom: 0px
}

.custom-checkbox span:empty,
.custom-radio span:empty {
    margin-bottom: 15px
}

.custom-radio input[type=radio]:checked+span:before,
.custom-checkbox input[type=checkbox]:checked+span:before {
    color: #ffffff;
    text-align: center;
    background-color: #fff
}

.custom-radio input[type=radio]:checked+span:before,
.custom-checkbox input[type=checkbox]:checked+span:before {
    border: none;
    background: #a8b6ca none repeat scroll 0 0
}

.custom-radio.error input[type=radio]:checked+span:before,
.custom-checkbox.error input[type=checkbox]:checked+span:before {
    color: #ffffff;
    text-align: center;
    background-color: #e49291
}

.custom-radio.error input[type=radio]:checked+span:before,
.custom-checkbox.error input[type=checkbox]:checked+span:before {
    border: 2px solid #bb5e5c
}

.custom-radio input[type=radio]:checked+span:before {
    font-size: 0px;
    line-height: 20px;
    font-weight: normal;
    content: url("https://results.nios.ac.in/static/dist/images/icons/radio-white.svg")
}

.custom-checkbox input[type=checkbox]:checked+span:before {
    font-size: 0px;
    line-height: 20px;
    font-weight: normal;
    content: url("https://results.nios.ac.in/static/dist/images/icons/check-white.svg")
}

.custom-radio.error label:before {
    color: #d93241;
    *color: #d93241;
    box-shadow: none;
    border: 2px solid #d93240;
    *border: 2px solid #d93240;
    background-color: #d93240;
    *background-color: #d93240
}

.custom-checkbox.error input[type=checkbox]:checked+label:before,
.custom-radio.error input[type=radio]:checked+label:before {
    color: white;
    *color: #ffffff;
    background-color: #d93240;
    *background-color: #d93240
}

.checkbox-set {
    margin-bottom: 4px
}

.checkbox-set .custom-checkbox label {
    font-size: 14px;
    font-family: "MontserratRegular", Arial, sans-serif
}

.checkbox-set .custom-checkbox.pull-left span:before,
.checkbox-set .custom-checkbox.alignleft span:before {
    top: 2px
}

.CheckAll .custom-checkbox {
    margin-top: 7px
}

@media screen and (max-width: 767px) {
    .CheckAll .custom-checkbox {
        margin-top: 3px
    }
    .mobilemargin10 {
        margin-bottom: 10px
    }
}

.selectCont .ms-options-wrap>button {
    color: #a8b6ca;
    height: 45px;
    padding: 10px 35px 10px 10px;
    border: 2px solid #d7d9e0;
    font-family: "MontserratLight", Arial, sans-serif;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.selectCont .ms-options-wrap>button:after {
    display: none
}

.selectCont .ms-options-wrap .ms-options {
    color: #a8b6ca;
    margin-top: -1px;
    border: 2px solid #d7d9e0;
    font-family: "MontserratLight", Arial, sans-serif
}

.selectCont .ms-options-wrap .ms-options .ms-search input {
    padding: 10px;
    margin-bottom: 0px !important;
    border-bottom: 2px solid #d7d9e0
}

.selectCont .ms-options-wrap .ms-options .ms-selectall.global {
    color: #1c79b4;
    font-size: 16px;
    margin: 5px 10px;
    font-size: 12.04px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit
}

.selectCont .ms-options-wrap .ms-options ul {
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: block
}

.selectCont .ms-options-wrap .ms-options ul>li {
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative
}

.selectCont .ms-options-wrap .ms-options ul input[type="checkbox"] {
    top: 10px;
    left: 10px
}

.selectCont .ms-options-wrap .ms-options label {
    right: auto;
    line-height: normal;
    position: relative;
    padding: 10px;
    pointer-events: inherit !important;
    background: #fff none repeat scroll 0 0
}

.button-set {
    margin-bottom: 10px
}

.button-set label {
    cursor: pointer;
    margin-right: 20px
}

.button-set input[type="radio"],
.button-set input[type="checkbox"] {
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 10px;
    position: absolute;
    pointer-events: none
}

.button-set input[type="radio"]+span,
.button-set input[type="checkbox"]+span {
    top: -1px;
    width: 18px;
    height: 18px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #d7d9e0;
    vertical-align: text-bottom;
    position: relative;
    margin-right: 10px;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.button-set input[type="radio"]+span::after,
.button-set input[type="checkbox"]+span::after {
    content: "";
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.button-set input[type="radio"]:focus+span,
.button-set input[type="checkbox"]:focus+span,
.button-set input[type="radio"]:active+span,
.button-set input[type="checkbox"]:active+span {
    border-color: #87c540
}

.button-set input[type="radio"]:checked+span::after,
.button-set input[type="checkbox"]:checked+span::after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.button-set input[type="radio"].error+span,
.button-set input[type="checkbox"].error+span {
    border-color: #d9534f
}

.button-set input[type="radio"]+span {
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.button-set input[type="radio"]+span::after {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #87c540;
    border-color: #87c540
}

.button-set input[type="radio"]:checked+span {
    border: 2px solid #87c540;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.button-set input[type="checkbox"]:checked+span {
    border: 2px solid #87c540;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.button-set input[type="radio"]:checked+span::after {
    border: 3px solid #fff
}

.button-set input[type="checkbox"]+span::after {
    height: 40%;
    width: 70%;
    background-color: transparent;
    border: 0 solid #87c540;
    left: 2px;
    top: 9.5px;
    -webkit-transform: rotate(-45deg) translate(50%, -75%);
    -moz-transform: rotate(-45deg) translate(50%, -75%);
    -ms-transform: rotate(-45deg) translate(50%, -75%);
    -o-transform: rotate(-45deg) translate(50%, -75%);
    transform: rotate(-45deg) translate(50%, -75%)
}

.button-set input[type="checkbox"]:checked+span::after {
    border-left-width: 2px;
    border-bottom-width: 2px
}

.button-set .optional {
    font-size: 85%
}

.dd-item .button-set,
.page-manager_sub-header .button-set,
.NavPanelMenu .button-set {
    margin-bottom: 0px
}

.dd-item .button-set label,
.page-manager_sub-header .button-set label,
.NavPanelMenu .button-set label {
    cursor: pointer;
    margin-right: 20px
}

.dd-item .button-set input[type="radio"]+span,
.dd-item .button-set input[type="checkbox"]+span,
.page-manager_sub-header .button-set input[type="radio"]+span,
.page-manager_sub-header .button-set input[type="checkbox"]+span,
.NavPanelMenu .button-set input[type="radio"]+span,
.NavPanelMenu .button-set input[type="checkbox"]+span {
    top: -1px;
    width: 15px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #d7d9e0;
    -webkit-border-radius: 0px;
    border-radius: 0px
}

.dd-item .button-set input[type="checkbox"]+span::after,
.page-manager_sub-header .button-set input[type="checkbox"]+span::after,
.NavPanelMenu .button-set input[type="checkbox"]+span::after {
    top: 8px;
    left: 1px;
    width: 115%;
    height: 50%;
    border: 0 solid #1c79b4;
    background-color: transparent;
    -webkit-transform: rotate(-50deg) translate(50%, -75%);
    -moz-transform: rotate(-50deg) translate(50%, -75%);
    -ms-transform: rotate(-50deg) translate(50%, -75%);
    -o-transform: rotate(-50deg) translate(50%, -75%);
    transform: rotate(-50deg) translate(50%, -75%)
}

.dd-item .button-set input[type="checkbox"]:checked+span::after,
.page-manager_sub-header .button-set input[type="checkbox"]:checked+span::after,
.NavPanelMenu .button-set input[type="checkbox"]:checked+span::after {
    border-left-width: 2px;
    border-bottom-width: 2px
}

.NavPanelMenu .button-set {
    margin-bottom: 0px
}

.NavPanelMenu .button-set input[type="radio"]+span,
.NavPanelMenu .button-set input[type="checkbox"]+span {
    top: -2px
}

.form-control::-moz-placeholder {
    color: #000 !important
}

.file-upload-wrapper .file-upload {
    margin: 20px 0px
}

.file-upload-wrapper .file-upload .form-control,
.file-upload-wrapper .file-upload .button {
    height: 46px
}

.file-upload-wrapper .file-upload .button {
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .file-upload-wrapper .file-upload .button-block {
        margin-top: 20px
    }
}

@media screen and (max-width: 599px) {
    .actoin-set .button {
        width: 100%
    }
    .actoin-set .button+.button {
        margin-top: 20px
    }
}

.form__wrapper .fileUpload input {
    height: auto !important;
    font-size: 14px !important;
    width: 75%;
    line-height: 0;
    padding: 10px
}

.form__wrapper .form-group input[type=file] {
    height: auto !important;
    font-size: 14px !important;
    width: 75%;
    line-height: 0;
    padding: 10px
}

@media screen and (max-width: 992px) {
    .navigation {
        display: none
    }
}

.navigation__menu {
    padding: 0px;
    float: right
}

.navigation__menu li {
    float: left;
    text-align: center;
    background: rgba(47, 47, 49, 0) none repeat scroll 0 0;
    display: table;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.navigation__menu li a {
    color: #1c79b4;
    font-family: "MontserratRegular", Arial, sans-serif;
    text-shadow: none;
    font-size: 14px;
    padding: 0 8px;
}

@media screen and (max-width: 1200px) {
    .navigation__menu li a {
        font-size: 13px;
        padding: 0 5px
    }
}

.navigation__menu li:hover a,
.navigation__menu li:focus a,
.navigation__menu li.active a {
    color: #155b88
}

.navigation__menu li.information {
    font-size: 16px;
    color: #000000;
    background: #f9f7f7;
    padding: 8px 15px;
    border-radius: 6px;
    text-align: right
}

@media screen and (max-width: 1200px) {
    .navigation__menu li.information {
        border-radius: 0px
    }
}

@media screen and (max-width: 1200px) {
    .navigation__menu li.information a {
        display: inline-block
    }
}

.navigation__menu li.userAction {
    position: absolute;
    top: 101px;
    right: 0px
}

@media screen and (max-width: 1200px) {
    .navigation__menu li.userAction {
        position: static
    }
}

.navigation__menu li.userAction .btn {
    background: #38b8e9 none repeat scroll 0 0 !important;
    color: #fff !important;
    border-radius: 0px
}

.navigation__menu li.userAction ul {
    margin-top: 0px;
    background: #fff;
    border: 0;
    border-radius: 0px;
    width: 100%
}

@media screen and (max-width: 1200px) {
    .navigation__menu li.userAction ul {
        background: transparent
    }
}

.navigation__menu li.userAction ul li {
    border-bottom: 1px solid #a8b6ca;
    display: block !important;
    width: 100%;
    text-align: left
}

.navigation__menu li.userAction ul li a {
    color: #000 !important;
    padding: 10px 10px !important;
    font-size: 13px;
    font-weight: normal
}

.navigation__menu li.userAction ul li a i {
    margin-right: 5px
}

@media screen and (max-width: 1200px) {
    .navigation__menu li.userAction ul li a:hover {
        background: #1c79b4
    }
}

.responsive-standalone .standalone-menu .navigation__menu li.information {
    padding: 10px;
    color: #fff
}

.responsive-standalone {
    top: 0;
    width: 229px;
    height: 100%;
    display: none;
    text-align: left;
    z-index: 99999999;
    visibility: hidden;
    padding: 0px 0px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border-right: 1px solid #d7d9e0;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transition: translate3d(-100%, 0, 0);
    -ms-transition: translate3d(-100%, 0, 0);
    -o-transition: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    position: fixed !important;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #1c79b4 none repeat scroll 0 0
}

@media screen and (max-width: 992px) {
    .responsive-standalone {
        display: block
    }
}

.responsive-standalone.navigation-active {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transition: translate3d(0, 0, 0);
    -ms-transition: translate3d(0, 0, 0);
    -o-transition: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.responsive-standalone-close {
    top: 1.5em;
    right: 1.5em;
    z-index: 100;
    position: absolute;
    font-size: .625em;
    background: rgba(0, 0, 0, 0.3);
    padding: .5em 0.85em;
    line-height: 1.5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.responsive-standalone-close .close-text {
    width: 3em;
    float: left;
    height: 1.5em;
    color: #fff;
    display: block;
    overflow: hidden
}

.responsive-standalone-close .fa {
    color: #fff
}

.responsive-standalone-overlay {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    display: none;
    height: 120%;
    left: 0;
    max-height: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.responsive-standalone .standalone-menu .navigation__menu {
    padding: 40px 0 0 0px
}

.responsive-standalone .standalone-menu .navigation__menu li {
    width: 100% !important;
    height: inherit;
    text-align: left;
    background: #38b8e9 none repeat scroll 0 0;
    border-top: 1px solid #19ace4
}

.responsive-standalone .standalone-menu .navigation__menu li:first-child {
    border-top: none
}

.responsive-standalone .standalone-menu .navigation__menu li+li {
    border-left: none
}

.responsive-standalone .standalone-menu .navigation__menu li a {
    display: block;
    padding: 12px 20px;
    color: #fff !important
}

.responsive-standalone .standalone-menu .navigation__menu li a figure {
    width: 20px;
    height: 20px;
    float: left
}

.responsive-standalone .standalone-menu .navigation__menu li a span {
    padding-left: 15px;
    text-transform: capitalize
}

.responsive-standalone .standalone-menu .navigation__menu+.navigation__menu {
    padding: 0px
}

.responsive-standalone .standalone-menu .navigation__menu+.navigation__menu li:first-child {
    border-top: 1px solid #89879e
}

.header .topHead__wrapper {
    width: 100%;
    padding: 15px 0px;
    color: #fff;
    background: #44a5cf;
    background: -moz-linear-gradient(legacy-direction(#1c79b4), #44a5cf);
    background: -webkit-linear-gradient(legacy-direction(#1c79b4), #44a5cf);
    background: linear-gradient(#1c79b4, #44a5cf);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#1c79b4", EndColorStr="#44a5cf")
}

.header .topHead__wrapper-content {
    display: table;
    width: 100%
}

.header .topHead__wrapper-content-leftSection,
.header .topHead__wrapper-content-rightSection {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    display: block
}

@media screen and (max-width: 480px) {
    .header .topHead__wrapper-content-leftSection,
    .header .topHead__wrapper-content-rightSection {
        text-align: center !important
    }
}

.header .topHead__wrapper-content-leftSection {
    text-align: left
}

.header .topHead__wrapper-content-leftSection p {
    margin-bottom: 0;
    font-family: "MontserratRegular", Arial, sans-serif;
    font-size: 14px;
    line-height: 3.2;
    letter-spacing: 0;
    color: #fff
}

.header .topHead__wrapper-content-rightSection {
    text-align: right
}

@media screen and (max-width: 480px) {
    .header .topHead__wrapper-content-rightSection {
        margin-top: 15px
    }
}

.header .mainHead {
    background: #fff none repeat scroll 0 0;
    padding: 0;
    border-bottom: 4px solid #1c79b4;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    position: relative;
    z-index: 9;
    background: #fff;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.header .mainHead__wrapper {
    display: table;
    width: 100%
}

@media screen and (max-width: 767px) {
    .header .mainHead__wrapper {
        display: block;
        padding: 15px 0
    }
}

.header .mainHead__wrapper-logo,
.header .mainHead__wrapper-navigation {
    display: table-cell;
    vertical-align: middle;
    height: 100px;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

@media screen and (max-width: 767px) {
    .header .mainHead__wrapper-logo,
    .header .mainHead__wrapper-navigation {
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .header .mainHead__wrapper-logo {
        display: inline-block
    }
}

@media screen and (max-width: 480px) {
    .header .mainHead__wrapper-logo {
        width: 80%
    }
    .header .mainHead__wrapper-logo figure {
        display: inline-block
    }
}

@media screen and (max-width: 992px) {
    .header .mainHead__wrapper-navigation {
        display: none
    }
}

.header .mainHead__wrapper-toggle {
    display: inline-block;
    float: right
}

@media screen and (max-width: 767px) {
    .header .mainHead__wrapper-toggle {
        margin-top: 13px
    }
}

.withbackground {
    padding: 15px 0
}

.withbackground__marquee {
    background: #1c79b4;
    padding: 15px;
    color: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17)
}

.withbackground__banner {
    padding: 50px 50px 30px 50px
}

.withbackground__banner-main {
    text-align: cetner;
    padding: 0 25px
}

.withbackground__banner-main .item {
    text-align: center
}

.withbackground__banner-main h2 {
    font-size: 50px;
    color: #fff;
    font-family: "MontserratBold", Arial, sans-serif
}

@media screen and (max-width: 992px) {
    .withbackground__banner-main h2 {
        font-size: 40px
    }
}

@media screen and (max-width: 767px) {
    .withbackground__banner-main h2 {
        font-size: 35px
    }
}

@media screen and (max-width: 599px) {
    .withbackground__banner-main h2 {
        font-size: 30px
    }
}

.withbackground__animate {
    text-align: center
}

.withbackground__animate a {
    width: 57px;
    height: 57px;
    border-radius: 100%;
    background: #1c79b4;
    display: inline-block;
    margin: 5px auto;
    line-height: 3;
    position: relative
}

.withbackground__animate a:before {
    width: 80px;
    height: 80px;
    background: rgba(28, 121, 180, 0.3);
    border-radius: 100%;
    content: '';
    display: block;
    position: absolute;
    top: -12px;
    left: -12px
}

.withbackground__animate a i {
    color: #fff;
    font-size: 20px;
    -moz-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.withbackground__logins {
    margin: 80px auto;
    max-width: 400px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    padding: 20px
}

@media screen and (max-width: 599px) {
    .withbackground__logins {
        max-width: 100%;
        width: 90%
    }
}

.withbackground__logins h1 {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-family: "MontserratRegular", Arial, sans-serif
}

.withbackground__logins .form__wrapper .form-group label {
    color: #000
}

.withbackground__logins .form__wrapper .form-group input {
    color: #000
}

.withbackground__logins .form__wrapper .form-group input::placeholder,
.withbackground__logins .form__wrapper .form-group input::-moz-placeholder,
.withbackground__logins .form__wrapper .form-group input::-webkit-input-placeholder,
.withbackground__logins .form__wrapper .form-group input:-ms-input-placeholder,
.withbackground__logins .form__wrapper .form-group input:-moz-placeholder {
    color: #000
}

.withbackground__logins .form__wrapper .form-group.active label {
    color: #1c79b4
}

.withbackground__logins .form__wrapper .form-group.active input {
    color: #1c79b4;
    border-color: #1c79b4
}

.withbackground__logins .form__wrapper .form-group.active input::placeholder {
    color: #1c79b4
}

.withbackground__logins .form__wrapper .button-form {
    min-width: 130px
}

.registrationOption .register__wrapper,
.registrationOption .withbackground__logins {
    margin: 80px auto;
    max-width: 400px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    -ms-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.17);
    padding: 20px;
    display: inline-block;
    float: left;
    min-height: 418px;
    height: 100%
}

@media screen and (max-width: 1200px) {
    .registrationOption .register__wrapper,
    .registrationOption .withbackground__logins {
        display: block;
        float: none;
        min-height: auto
    }
}

@media screen and (max-width: 1200px) {
    .registrationOption .withbackground__logins {
        margin: 20px auto
    }
}

.registrationOption .main__loginwrap {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto
}

.registrationOption .main__loginwrap .register__wrapper {
    margin-right: 15px;
    margin-left: 176px
}

@media screen and (max-width: 1200px) {
    .registrationOption .main__loginwrap .register__wrapper {
        margin: 0 auto
    }
}

.registrationOption .main__loginwrap .register__wrapper h1 {
    text-align: center;
    color: #000;
    font-size: 20px;
    font-family: "MontserratRegular", Arial, sans-serif
}

.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group label {
    color: #000
}

.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group input {
    color: #000
}

.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group input::placeholder,
.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group input::-moz-placeholder,
.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group input::-webkit-input-placeholder,
.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group input:-ms-input-placeholder,
.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group input:-moz-placeholder {
    color: #000
}

.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group.active label {
    color: #1c79b4
}

.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group.active input {
    color: #1c79b4;
    border-color: #1c79b4
}

.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group.active input::placeholder,
.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group.active input::-moz-placeholder,
.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group.active input::-webkit-input-placeholder,
.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group.active input:-ms-input-placeholder,
.registrationOption .main__loginwrap .register__wrapper .form__wrapper .form-group.active input:-moz-placeholder {
    color: #1c79b4
}

.registrationOption .main__loginwrap .register__wrapper .form__wrapper .button-form {
    min-width: 130px
}

.registrationOption .main__loginwrap .register__wrapper-content {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: 50%
}

@media screen and (max-width: 1200px) {
    .registrationOption .main__loginwrap .register__wrapper-content {
        margin-top: 0;
        transform: none
    }
}

.coloSade1 a {
    background: #fbe089;
    background: -moz-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #fbe089), color-stop(100%, #f58982)) !important;
    background: -webkit-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -o-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: -ms-linear-gradient(-45deg, #fbe089 0%, #f58982 100%) !important;
    background: linear-gradient(135deg, #fbe089 0%, #f58982 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe089', endColorstr='#f58982', GradientType=1) !important;
    color: #0e0c0d !important
}

.coloSade2 a {
    background: #19e5db;
    background: -moz-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #19e5db), color-stop(100%, #5e7cea)) !important;
    background: -webkit-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -o-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: -ms-linear-gradient(-45deg, #19e5db 0%, #5e7cea 100%) !important;
    background: linear-gradient(135deg, #19e5db 0%, #5e7cea 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19e5db', endColorstr='#5e7cea', GradientType=1) !important;
    color: #0e0c0d !important
}

.coloSade3 a {
    background: #ff7577;
    background: -moz-linear-gradient(-45deg, #ff7577 0%, #f650a3 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #ff7577), color-stop(100%, #f650a3)) !important;
    background: -webkit-linear-gradient(-45deg, #ff7577 0%, #f650a3 100%) !important;
    background: -o-linear-gradient(-45deg, #ff7577 0%, #f650a3 100%) !important;
    background: -ms-linear-gradient(-45deg, #ff7577 0%, #f650a3 100%) !important;
    background: linear-gradient(135deg, #ff7577 0%, #f650a3 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7577', endColorstr='#f650a3', GradientType=1) !important;
    color: #0e0c0d !important
}

.coloSade4 a {
    background: #43e499 !important;
    background: -moz-linear-gradient(-45deg, #43e499 0%, #3cb3b7 100%) !important;
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #43e499), color-stop(100%, #3cb3b7)) !important;
    background: -webkit-linear-gradient(-45deg, #43e499 0%, #3cb3b7 100%) !important;
    background: -o-linear-gradient(-45deg, #43e499 0%, #3cb3b7 100%) !important;
    background: -ms-linear-gradient(-45deg, #43e499 0%, #3cb3b7 100%) !important;
    background: linear-gradient(135deg, #43e499 0%, #3cb3b7 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43e499', endColorstr='#3cb3b7', GradientType=1) !important;
    color: #0e0c0d !important
}

.form__wrapper .form-group label a {
    display: inline-block !important;
    margin-left: 5px !important;
    font-size: 14px !important;
    color: #ccc !important;
    cursor: default
}

.form__wrapper .form-group label a i {
    color: #d9534f
}

.form__wrapper .form-group label {
    cursor: default !important
}

.form__wrapper .form-group .chosen-container-single .chosen-single span {
    font-weight: bold !important
}

.withbackground__logins h1 {
    margin-top: 10px !important
}

.footer__wrapper {
    background: #2f2f31 none repeat scroll 0 0
}

.footer__wrapper-bottom-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 12px 0
}

.footer__wrapper-bottom-content .disclaimer,
.footer__wrapper-bottom-content .links a {
    color: #ededed;
    font-size: 13px
}

.footer__wrapper-bottom-content .links a+a {
    border-left: 1px solid #fff;
    margin-left: 6px;
    padding-left: 8px
}

.login__Class {
    background-image: url("../images/login_bg.html");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto !important;
    padding: 100px 0
}

@media screen and (max-width: 767px) {
    .login__Class {
        padding: 20px 0
    }
}

.login__wrapper {
    padding-bottom: 0px;
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    display: table;
    height: 740px
}

@media screen and (min-width: 993px) and (max-width: 1024px) {
    .login__wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
        background: transparent
    }
}

@media screen and (max-width: 992px) {
    .login__wrapper {
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
        background: transparent
    }
}

@media screen and (max-width: 767px) {
    .login__wrapper {
        height: auto
    }
}

.login__wrapper-formarea {
    background: #0d1a2e none repeat scroll 0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0px auto;
    padding: 50px 30px;
    width: 406px;
    position: relative;
    display: table-cell;
    vertical-align: top
}

@media screen and (max-width: 767px) {
    .login__wrapper-formarea {
        width: 100%;
        max-width: 767px;
        display: block
    }
}

@media screen and (max-width: 767px) {
    .login__wrapper-formarea {
        padding: 20px
    }
}

.login__wrapper-formarea h2 {
    color: #fff;
    font-family: "MontserratRegular", Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    margin-bottom: 40px;
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .login__wrapper-formarea h2 {
        text-align: center;
        margin-bottom: 25px
    }
}

@media screen and (max-width: 992px) {
    .login__wrapper-formarea h2 {
        font-size: 14px
    }
}

.login__wrapper-formarea-example {
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 15px 0;
    margin-bottom: 20px
}

.login__wrapper-formarea-example ul li {
    font-family: "MontserratRegular", Arial, sans-serif;
    margin-bottom: 0px;
    padding: 0 8px;
    font-size: 11.998px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit
}

.login__wrapper-formarea-example ul li span {
    color: #e9960a;
    margin-top: 8px
}

.login__wrapper-formarea-example ul li+li {
    margin-top: 10px
}

.login__wrapper-formarea-form label {
    color: #596476;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px
}

.login__wrapper-formarea-form input {
    border: none;
    background: rgba(47, 47, 49, 0);
    font-weight: 600;
    font-size: 13px
}

.login__wrapper-formarea-form input:foucs {
    border-color: #fff !important;
    background: rgba(47, 47, 49, 0) !important
}

.login__wrapper-formarea-form-option {
    display: block;
    margin: 25px 0;
    position: relative;
    text-align: center
}

.login__wrapper-formarea-form-option:after {
    border-top: 1px solid #d7d9e0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 15px;
    width: 100%
}

.login__wrapper-formarea-form-option span {
    background-color: #fff;
    display: inline-block;
    padding: 5px 20px;
    position: relative;
    z-index: 90 !important
}

.login__wrapper-formarea-form .input-icon {
    margin-bottom: 25px;
    border-bottom: 2px solid #596476
}

.login__wrapper-formarea-form .forgot_password {
    text-align: right;
    margin-top: 2px
}

.login__wrapper-formarea-form .forgot_password a {
    color: #a8b6ca
}

.login__wrapper-formarea-form .forgot_password a:hover,
.login__wrapper-formarea-form .forgot_password a:focus {
    color: #1c79b4
}

@media screen and (max-width: 599px) {
    .login__wrapper-formarea-form .forgot_password {
        text-align: left;
        margin-top: 15px
    }
}

.login__wrapper-formarea-form .form-actions {
    margin-top: 45px
}

@media screen and (max-width: 599px) {
    .login__wrapper-formarea-form .form-actions {
        margin-top: 20px
    }
    .login__wrapper-formarea-form .form-actions .button {
        width: 100%
    }
}

.login__wrapper-formarea-form .form-actions .button {
    font-family: "MontserratRegular", Arial, sans-serif
}

.login__wrapper-formarea-form .form-group.active label {
    color: #e9960a
}

.login__wrapper-formarea-form .form-group.active .input-icon {
    border-bottom: 2px solid #e9960a
}

.login__wrapper-formarea-form .form-group.active .input-icon i {
    color: #fff
}

.login__wrapper-formarea-form .form-group.active .input-icon input {
    color: #fff
}

.login__wrapper-formarea-form .form-group.active .input-icon input::placeholder {
    color: #fff
}

.login__wrapper-formarea .input-icon {
    position: relative
}

.login__wrapper-formarea .input-icon>i {
    display: block;
    font-size: 16.1px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #8e98a7;
    margin: 6px 2px 4px 0px;
    position: absolute;
    text-align: center;
    width: 16px;
    z-index: 3
}

.login__wrapper-formarea .input-icon>i.lock {
    right: 8px;
    top: 0;
    cursor: pointer
}

.login__wrapper-formarea .input-icon>i.lock:before {
    content: '\f070';
    font-family: "FontAwesome"
}

.login__wrapper-formarea .input-icon>i.lock.lockActive {
    color: #666666
}

.login__wrapper-formarea .input-icon>i.lock.lockActive:before {
    content: '\f06e';
    font-family: "FontAwesome"
}

.login__wrapper-formarea .input-icon>.form-control {
    padding: 0 30px
}

.login__wrapper-formarea-signup {
    margin: 0px;
    margin-top: 20px;
    text-align: center
}

.login__wrapper-formarea-signup>span {
    display: block;
    margin-top: 5px
}

.login__wrapper-formarea .registerSection {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 50px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .login__wrapper-formarea .registerSection {
        position: static;
        margin-top: 30px
    }
}

.login__wrapper-formarea .registerSection p {
    color: #bbc1cd;
    font-weight: 600;
    font-size: 14px
}

.login__wrapper-formarea .registerSection a {
    font-weight: 600;
    font-size: 16px;
    padding: 12px 70px;
    border: 2px solid #596476;
    border-radius: 30px;
    display: inline-block;
    color: #bbc1cd
}

.login__wrapper-formarea .registerSection a:hover,
.login__wrapper-formarea .registerSection a:focus,
.login__wrapper-formarea .registerSection a .active {
    background: #596476;
    color: #0d1a2e
}

.login__wrapper-content {
    background-image: url("../images/login_content_bg.html");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0px auto;
    padding: 50px;
    width: 618px;
    position: relative;
    display: table-cell
}

@media screen and (max-width: 767px) {
    .login__wrapper-content {
        width: 100%;
        max-width: 767px;
        display: block
    }
}

@media screen and (max-width: 767px) {
    .login__wrapper-content {
        padding: 20px
    }
}

.login__wrapper-content h1 {
    font-family: "MontserratBold", Arial, sans-serif;
    color: #fff !important;
    font-size: 50px;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 30px
}

@media screen and (max-width: 992px) {
    .login__wrapper-content h1 {
        font-size: 35px
    }
}

@media screen and (max-width: 767px) {
    .login__wrapper-content h1 {
        text-align: center
    }
}

.login__wrapper-content h1 span {
    color: #fff;
    font-family: "MontserratMedium", Arial, sans-serif;
    font-size: 25px;
    display: block;
    font-weight: 600
}

@media screen and (max-width: 992px) {
    .login__wrapper-content h1 span {
        font-size: 18px
    }
}

.login__wrapper-content h4 {
    display: none
}

@media screen and (max-width: 767px) {
    .login__wrapper-content h4 {
        display: block;
        text-align: center
    }
}

.login__wrapper-content h4 a {
    color: #fff;
    font-family: "MontserratMedium", Arial, sans-serif;
    font-size: 22px;
    display: block;
    font-weight: 600;
    margin-bottom: 20px
}

@media screen and (max-width: 992px) {
    .login__wrapper-content h4 a {
        font-size: 18px
    }
}

@media screen and (max-width: 767px) {
    .login__wrapper-content ul {
        display: none
    }
}

.login__wrapper-content ul li {
    color: #fff;
    font-family: "MontserratMedium", Arial, sans-serif;
    font-size: 17px;
    padding-left: 32px
}

@media screen and (max-width: 992px) {
    .login__wrapper-content ul li {
        font-size: 14px
    }
}

.login__wrapper-content ul li:before {
    content: '\f101';
    padding-right: 21px;
    margin-left: -29px;
    display: inline-block;
    font-family: "FontAwesome"
}

.login__wrapper-content ul li+li {
    margin-top: 15px
}

.login__wrapper-content .other-links {
    width: 100%;
    margin: 25px 0px 0px;
    text-align: center
}

.login__wrapper-content .other-links a {
    background: #0d1a2e;
    width: 58px;
    height: 58px;
    border-radius: 100%;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 8px rgba(16, 16, 16, 0.8);
    -moz-box-shadow: 0px 2px 8px rgba(16, 16, 16, 0.8);
    -ms-box-shadow: 0px 2px 8px rgba(16, 16, 16, 0.8);
    box-shadow: 0px 2px 8px rgba(16, 16, 16, 0.8)
}

.login__wrapper-content .other-links a span {
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.login__wrapper-content .school-logo {
    max-width: 300px;
    width: 100%;
    margin: -50px auto 0px auto;
    padding: 10px 20px 10px 20px;
    background: #ffffff;
    margin-bottom: 20px;
    border-radius: 0px 0px 15px 15px;
    -webkit-box-shadow: 0px 2px 8px rgba(16, 16, 16, 0.2);
    -moz-box-shadow: 0px 2px 8px rgba(16, 16, 16, 0.2);
    -ms-box-shadow: 0px 2px 8px rgba(16, 16, 16, 0.2);
    box-shadow: 0px 2px 8px rgba(16, 16, 16, 0.2)
}

@media screen and (max-width: 767px) {
    .login__wrapper-content .school-logo {
        margin: -20px auto 20px auto
    }
}

.login__wrapper-content .school-logo figure img {
    width: 80%;
    height: auto;
    margin: 0 auto
}

.login__title {
    padding: 55px 0 40px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .login__title {
        padding: 40px 0 25px
    }
}

.login__title h2 {
    font-size: 30.002px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #fff
}

@media screen and (max-width: 767px) {
    .login__title h2 {
        font-size: 25.004px
    }
}

.notifications {
    padding: 0 5px
}

.notifications__wrapper {
    background: #fff none repeat scroll 0 0;
    padding: 15px 20px
}

.notifications__wrapper h3 {
    font-size: 20.0004px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: inherit;
    color: inherit;
    border-bottom: 3px solid #d7d9e0;
    padding-bottom: 15px
}

.notifications__wrapper ul li {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 25px 15px
}

.notifications__wrapper ul li figure {
    float: left;
    width: 40px;
    height: 40px
}

.notifications__wrapper ul li figure img {
    object-fit: cover;
    width: 100%
}

.notifications__wrapper ul li .notifications__content {
    float: left;
    margin-left: 20px;
    width: calc(100% - 60px)
}

.notifications__wrapper ul li .notifications__content-info {
    overflow: hidden;
    margin-bottom: 10px
}

.notifications__wrapper ul li .notifications__content-date {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #bbc1cd
}

@media screen and (max-width: 480px) {
    .notifications__wrapper ul li .notifications__content-date {
        width: 100%;
        float: left;
        margin-bottom: 10px
    }
}

.notifications__wrapper ul li .notifications__content-author {
    float: left;
    font-size: 16.002px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit;
    font-family: "MontserratRegular", Arial, sans-serif
}

@media screen and (max-width: 480px) {
    .notifications__wrapper ul li .notifications__content-author {
        width: 100%
    }
}

.notifications__wrapper ul li .notifications__content-optionSet {
    float: right;
    margin-top: 15px
}

.notifications__wrapper ul li .notifications__content-optionSet a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #bbc1cd
}

.notifications__wrapper ul li .notifications__content-optionSet a+a {
    margin-left: 15px
}

.notifications__wrapper ul li .notifications__content-optionSet a:hover,
.notifications__wrapper ul li .notifications__content-optionSet a:focus {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #98a1b3
}

.notifications__wrapper ul li.no-image figure {
    display: none
}

.notifications__wrapper ul li.no-image .notifications__content {
    margin-left: 0px;
    width: 100%
}

.notifications__wrapper ul li+li {
    border-top: 1px solid #d7d9e0
}

.notifications__wrapper ul li:nth-child(odd) {
    background: #f7f7f7 none repeat scroll 0 0
}

.section__head {
    background: #fff none repeat scroll 0 0;
    position: relative;
    margin-bottom: 15px
}

@media screen and (max-width: 992px) {
    .section__head {
        margin-top: 0px
    }
}

.section__head-content {
    padding: 10px 20px
}

.section__head-content h2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #333645;
    font-family: "MontserratBold", Arial, sans-serif;
    font-size: 22px;
    display: inline-block
}

.section__head-content a {
    float: right;
    line-height: 2.1;
    font-size: 18px;
    color: #1c79b4
}

@media screen and (max-width: 992px) {
    .section__head-content a {
        display: block
    }
}

.section__head-content a+a:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #ecedef;
    margin: 0 15px 0px 8px
}

.section__head-content .dateTime__wrapper,
.section__head-content .optionSets {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 340px;
    background: #21b0e6 none repeat scroll 0 0;
    font-size: 15.9922px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: inherit;
    color: #fff
}

@media screen and (max-width: 767px) {
    .section__head-content .dateTime__wrapper,
    .section__head-content .optionSets {
        display: none
    }
}

.section__head-content .dateTime__wrapper ul,
.section__head-content .optionSets ul {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: calc(100% - 40px);
    left: 20px
}

.section__head-content .dateTime__wrapper ul li,
.section__head-content .optionSets ul li {
    float: left;
    line-height: 1
}

.section__head-content .dateTime__wrapper ul li i,
.section__head-content .optionSets ul li i {
    margin-right: 5px
}

.section__head-content .dateTime__wrapper ul li+li,
.section__head-content .optionSets ul li+li {
    margin-left: 15px
}

.section__head-content .optionSets {
    width: 40px;
    right: 330px !important
}

@media screen and (max-width: 767px) {
    .section__head-content .optionSets {
        display: block;
        right: 0px !important
    }
}

.section__head-content .optionSets a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #636178
}

.backTo__top {
    cursor: pointer;
    position: fixed;
    display: none;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    right: 15px;
    bottom: 70px;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: inherit;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #38b8e9 none repeat scroll 0 0;
    z-index: 9999
}

.table__structure {
    margin-bottom: 40px;
    width: 100%
}

.insturctionModal h2 {
    width: 100%;
    padding: 8px;
    text-align: center;
    border-radius: 4px;
    background: #38b8e9;
    color: #344048;
    margin-bottom: 10px
}

.insturctionModal .theme__table caption {
    text-align: center;
    color: #000;
    margin-bottom: 5px
}

.insturctionModal .theme__table th,
.insturctionModal .theme__table td {
    color: #000
}

.loading__spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    text-align: center
}

.loading__spinner-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    z-index: 99;
    left: 0;
    top: 0
}

.loading__spinner .loader span {
    display: block
}

.loading__spinner .loader .text {
    color: #fff
}

.loading__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.loading__wrapper .loading__spinner,
.loading__wrapper .loading__spinner-overlay {
    position: absolute;
    z-index: 1
}

.loading__wrapper.theme2 {
    position: relative;
    height: inherit
}

.loading__wrapper.theme2 .loading__spinner {
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.loading__wrapper.theme2 .loading__spinner-overlay {
    display: none
}

.loading__wrapper.theme2 .loading__spinner .loader .text {
    color: #636178
}

.accordian__view {
    padding: 0px 5px
}

.accordian__view .panel-group .panel {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-color: #f2f2f2
}

.accordian__view .panel-heading {
    position: relative;
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
    width: 100%;
    position: relative
}

.accordian__view .panel-heading .panel-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: inherit;
    color: inherit
}

.accordian__view .panel-heading .panel-title>a {
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
    clear: both;
    width: 100%
}

.accordian__view .panel-heading .panel-title.extra-icons .title__section {
    width: calc(100% - 400px)
}

@media screen and (max-width: 599px) {
    .accordian__view .panel-heading .panel-title.extra-icons .title__section {
        width: calc(100% - 50px)
    }
}

.accordian__view .panel-heading .panel-title.singleArrow .title__section {
    width: calc(100% - 50px)
}

@media screen and (max-width: 599px) {
    .accordian__view .panel-heading .panel-title.singleArrow .title__section {
        width: calc(100% - 50px)
    }
}

.accordian__view .panel-heading .panel-title.singleArrow .option__wrapper {
    padding-left: 20px
}

.accordian__view .panel-heading .title__section {
    float: left;
    width: calc(100% - 370px)
}

@media screen and (max-width: 599px) {
    .accordian__view .panel-heading .title__section {
        width: calc(100% - 50px)
    }
}

.accordian__view .panel-heading .title__section-content {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit
}

.accordian__view .panel-heading .option__wrapper {
    position: absolute;
    right: 0;
    height: 100%;
    background: #fafafa none repeat scroll 0 0;
    top: 0
}

@media screen and (max-width: 599px) {
    .accordian__view .panel-heading .option__wrapper {
        position: static;
        background: none
    }
}

.accordian__view .panel-heading .option__wrapper .user-details {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: 20px;
    display: inline-block
}

@media screen and (max-width: 599px) {
    .accordian__view .panel-heading .option__wrapper .user-details {
        width: 100%;
        top: 0;
        -webkit-transform: translate(0, 0%);
        -moz-transform: translate(0, 0%);
        -o-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
        transform: translate(0, 0%);
        margin-top: 8px
    }
}

.accordian__view .panel-heading .option__wrapper .user-details ul li {
    float: left;
    padding-left: 15px;
    font-size: 13.0004px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: normal;
    color: #636178;
    position: relative
}

@media screen and (max-width: 599px) {
    .accordian__view .panel-heading .option__wrapper .user-details ul li {
        padding-left: 0px
    }
    .accordian__view .panel-heading .option__wrapper .user-details ul li+li {
        padding-left: 15px
    }
}

@media screen and (max-width: 480px) {
    .accordian__view .panel-heading .option__wrapper .user-details ul li {
        width: 100%
    }
    .accordian__view .panel-heading .option__wrapper .user-details ul li+li {
        padding-left: 0px;
        padding-top: 8px
    }
}

.accordian__view .panel-heading .option__wrapper .user-details ul li i {
    margin-right: 8px;
    color: #38b8e9
}

.accordian__view .panel-heading .option__wrapper .user-details ul li.subject_counter span {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    line-height: 20px;
    font-size: 12.0008px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    display: inline-block
}

.accordian__view .panel-heading .option__wrapper .user-details ul li.download i {
    margin-right: 14px
}

.accordian__view .panel-heading .option__wrapper .user-details ul li.download span {
    display: none
}

.accordian__view .panel-heading .option__wrapper .user-details ul li.download:after {
    content: '';
    right: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    background: #ccc none repeat scroll 0 0
}

@media screen and (max-width: 599px) {
    .accordian__view .panel-heading .option__wrapper .user-details ul li.download i {
        margin-right: 8px
    }
    .accordian__view .panel-heading .option__wrapper .user-details ul li.download span {
        display: inline-block;
        margin-right: 14px
    }
}

@media screen and (max-width: 480px) {
    .accordian__view .panel-heading .option__wrapper .user-details ul li.download:after {
        display: none
    }
}

.accordian__view .panel-heading .option__wrapper .arrowIcon {
    display: inline-block;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    overflow: hidden;
    border: 1px solid #636178;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: right;
    text-align: center;
    margin-right: 20px
}

@media screen and (max-width: 599px) {
    .accordian__view .panel-heading .option__wrapper .arrowIcon {
        position: absolute;
        right: 0
    }
}

.accordian__view .panel-heading .option__wrapper .arrowIcon i {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: normal;
    color: #38b8e9
}

.accordian__view .descriptionSection__subjects ul {
    margin: 0 -5px
}

.accordian__view .descriptionSection__subjects ul li {
    float: left;
    padding: 0 5px;
    margin-top: 10px
}

.accordian__view .descriptionSection__subjects ul li span {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    padding: 3px 11px;
    font-size: 12.0008px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #fff
}

.profile__wrapper {
    padding: 0 5px
}

.profile__wrapper-content {
    background: #fff none repeat scroll 0 0;
    padding: 30px;
    min-height: 500px;
    margin-bottom: 20px
}

.profile__wrapper-content h3 {
    font-family: "MontserratLight", Arial, sans-serif;
    font-size: 16.0006px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: inherit;
    color: inherit;
    font-weight: 400 !important;
    color: #636178;
    border-bottom: 2px solid #d7d9e0;
    padding-bottom: 15px
}

.profile__wrapper-grid {
    margin-top: 30px
}

.profile__wrapper-grid li {
    font-size: 16.0006px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit;
    width: 100%;
    overflow: hidden
}

.profile__wrapper-grid li .title {
    max-width: 280px;
    width: 35%;
    float: left;
    text-align: right;
    color: #2457a7;
    position: relative;
    padding-right: 20px
}

.profile__wrapper-grid li .title:after {
    content: ':';
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: 767px) {
    .profile__wrapper-grid li .title {
        text-align: left;
        width: 100%;
        max-width: 100%
    }
    .profile__wrapper-grid li .title:after {
        display: none
    }
}

.profile__wrapper-grid li .description {
    max-width: 350px;
    width: 65%;
    float: left;
    padding-left: 20px
}

@media screen and (max-width: 767px) {
    .profile__wrapper-grid li .description {
        width: 100%;
        max-width: 100%;
        padding-left: 0px;
        margin-top: 8px
    }
}

.profile__wrapper-grid li+li {
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .profile__wrapper-grid li+li {
        border-top: 1px dotted #d7d9e0;
        padding-top: 20px
    }
}

.error__theme {
    text-align: center;
    margin-top: 30px
}

.error__theme figure {
    height: 100px
}

.error__theme figure img {
    height: 100%
}

.error__theme-content h2 {
    font-size: 140px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: inherit;
    color: #d71f29;
    margin-top: 25px;
    font-family: "RubikBold", Arial, sans-serif
}

@media screen and (max-width: 599px) {
    .error__theme-content h2 {
        font-size: 98px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: inherit;
        color: #d71f29
    }
}

.error__theme-content p {
    font-size: 20.0004px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #d71f29;
    font-family: "RubikMedium", Arial, sans-serif;
    text-transform: uppercase
}

@media screen and (max-width: 599px) {
    .error__theme-content p {
        font-size: 17.9998px;
        font-weight: 400;
        line-height: 1.46;
        letter-spacing: inherit;
        color: #d71f29
    }
}

.error__theme-gallery {
    background: #fff none repeat scroll 0 0;
    max-width: 700px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 40px 0;
    width: 100%
}

.error__theme-gallery figure {
    height: 250px
}

.error__theme-gallery .error__theme-content h3 {
    font-size: 22.008px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: #596476
}

.otp__service-content {
    background: #fff none repeat scroll 0 0;
    padding: 30px 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.otp__service-content h2 {
    font-size: 18.004px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: inherit;
    color: inherit;
    margin-bottom: 40px;
    padding-bottom: 20px;
    position: relative
}

.otp__service-content h2:after {
    content: '';
    height: 3px;
    background: #fff none repeat scroll 0 0;
    width: calc(100% - 80%);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    bottom: 0
}

.otp__service-content ul {
    overflow: hidden
}

.otp__service-content ul li {
    display: inline-block
}

.otp__service-content ul li.otp-code {
    padding: 8px 22px;
    font-size: 29.9922px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: inherit;
    color: inherit;
    background: #fff none repeat scroll 0 0;
    vertical-align: middle;
    margin-right: 10px
}

@media screen and (max-width: 480px) {
    .otp__service-content ul li {
        display: block
    }
    .otp__service-content ul li+li {
        margin-top: 20px
    }
}

.exam-wrapper {
    padding: 80px 0;
    width: 100%;
    min-height: calc(100vh - 148px)
}

.exam-wrapper__container {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d9e0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 30px
}

.exam-wrapper--heading {
    color: #30307e;
    font-family: "MontserratRegular", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px
}

.exam-wrapper--heading span {
    text-transform: capitalize;
    display: block;
    font-size: 15px
}

.exam-wrapper--heading .logo img {
    margin: 0 auto;
    max-width: 300px
}

.exam-wrapper .form-group label {
    color: #000;
    font-family: "MontserratRegular", Arial, sans-serif
}

.exam-wrapper .form-group input {
    color: #a8b6ca !important
}

.exam-wrapper .form-group input[type="text"]::placeholder,
.exam-wrapper .form-group input[type="password"]::placeholder,
.exam-wrapper .form-group input[type="tel"]::placeholder,
.exam-wrapper .form-group input[type="email"]::placeholder,
.exam-wrapper .form-group input[type="search"]::placeholder,
.exam-wrapper .form-group input[type="url"]::placeholder,
.exam-wrapper .form-group input[type="number"]::placeholder,
.exam-wrapper .form-group select::placeholder,
.exam-wrapper .form-group textarea::placeholder {
    color: #a8b6ca !important;
    opacity: 1;
    font-weight: normal !important
}

.exam-wrapper__details--personal-info ul {
    overflow: hidden
}

.exam-wrapper__details--personal-info ul li {
    width: 100%;
    margin-bottom: 15px
}

.exam-wrapper__details--personal-info ul li .title {
    font-family: "MontserratRegular", Arial, sans-serif;
    float: left;
    min-width: 150px;
    position: relative;
    font-size: 13px
}

@media screen and (max-width: 620px) {
    .exam-wrapper__details--personal-info ul li .title {
        min-width: 100%;
        display: block;
        margin-bottom: 5px
    }
}

.exam-wrapper__details--personal-info ul li .title:after {
    content: ':';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (max-width: 620px) {
    .exam-wrapper__details--personal-info ul li .title:after {
        display: none
    }
}

.exam-wrapper__details--personal-info ul li .info {
    padding-left: 20px;
    font-family: "MontserratRegular", Arial, sans-serif;
    color: #2f2f31
}

@media screen and (max-width: 620px) {
    .exam-wrapper__details--personal-info ul li .info {
        padding-left: 0px
    }
}

.exam-wrapper__details--personal-info ul li:first-child .info {
    color: #1c79b4;
    text-decoration: underline
}

.exam-wrapper__details--result .table th {
    font-family: "MontserratRegular", Arial, sans-serif;
    vertical-align: middle
}

.exam-wrapper__details--result .table tfoot td {
    font-family: "MontserratRegular", Arial, sans-serif;
    background: #e6e6e6 none repeat scroll 0 0;
    font-size: 16px;
    color: #2f2f31;
    text-align: center
}

.exam-wrapper__details--result--optionSet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
}

.exam-wrapper__details--result--optionSet .button {
    color: #000;
    background: none repeat scroll 0 0;
    outline: none;
    border: none;
    padding: 1px 6px
}

.exam-wrapper__details--result--optionSet .button span {
    margin-right: 8px;
    color: #596476;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in
}

.exam-wrapper__details--result--optionSet .button:not(.hide)+.button {
    border-left: 1px solid #d7d9e0;
    margin-left: 8px;
    padding-left: 8px
}

.exam-wrapper__details--result--optionSet .button:hover,
.exam-wrapper__details--result--optionSet .button:focus {
    color: #1c79b4
}

.exam-wrapper__details--result--optionSet .button:hover span,
.exam-wrapper__details--result--optionSet .button:focus span {
    color: #1c79b4
}

.exam-wrapper__details--result--check-another {
    text-align: center;
    margin: 15px 0
}

.exam-wrapper__details--result--check-another a {
    font-size: 16px;
    text-decoration: underline;
    color: #30307e;
    font-family: "MontserratRegular", Arial, sans-serif
}

.exam-wrapper__details--result--disclaimer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.exam-wrapper__details--result--disclaimer .title {
    font-family: "MontserratRegular", Arial, sans-serif;
    font-size: 13px;
    color: #2f2f31
}

.exam-wrapper__details--result--disclaimer .text {
    font-size: 12px;
    margin-left: 10px
}

.exam-wrapper__details--result--abbrivation {
    text-align: center;
    margin-bottom: 15px
}

.exam-wrapper__details--result--abbrivation--title {
    font-size: 16px;
    color: #2f2f31;
    font-family: "MontserratRegular", Arial, sans-serif
}

.exam-wrapper__details--result--abbrivation--list {
    font-size: 15px
}

.dashboard__wrapper-content {
    padding: 0 5px
}

.dashboard__wrapper-content .quick__links,
.dashboard__wrapper-content .school__info {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    margin-bottom: 30px
}

.dashboard__wrapper-content .quick__links ul li,
.dashboard__wrapper-content .school__info ul li {
    width: calc(100% / 4);
    float: left;
    text-align: center;
    margin: 20px 0
}

.dashboard__wrapper-content .quick__links ul li a,
.dashboard__wrapper-content .school__info ul li a {
    display: block
}

.dashboard__wrapper-content .quick__links ul li a figure,
.dashboard__wrapper-content .school__info ul li a figure {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px
}

.dashboard__wrapper-content .quick__links ul li a figure img,
.dashboard__wrapper-content .school__info ul li a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.dashboard__wrapper-content .quick__links ul li a span,
.dashboard__wrapper-content .school__info ul li a span {
    text-transform: uppercase;
    display: block;
    font-family: "MontserratRegular", Arial, sans-serif
}

.dashboard__wrapper-content .quick__links ul li+li,
.dashboard__wrapper-content .school__info ul li+li {
    border-left: 1px solid #d7d9e0
}

@media screen and (max-width: 767px) {
    .dashboard__wrapper-content .quick__links ul li,
    .dashboard__wrapper-content .school__info ul li {
        width: calc(100% / 2)
    }
    .dashboard__wrapper-content .quick__links ul li:nth-child(3),
    .dashboard__wrapper-content .school__info ul li:nth-child(3) {
        border-left: none
    }
}

@media screen and (max-width: 599px) {
    .dashboard__wrapper-content .quick__links ul li,
    .dashboard__wrapper-content .school__info ul li {
        width: 100%;
        border-left: none;
        border-top: 1px solid #d7d9e0;
        margin: 0;
        padding: 20px 0
    }
    .dashboard__wrapper-content .quick__links ul li:first-child,
    .dashboard__wrapper-content .school__info ul li:first-child {
        border-top: none
    }
}

.dashboard__wrapper-content .quick__links.dual ul li,
.dashboard__wrapper-content .school__info.dual ul li {
    width: calc(100% / 2)
}

@media screen and (max-width: 599px) {
    .dashboard__wrapper-content .quick__links.dual ul li,
    .dashboard__wrapper-content .school__info.dual ul li {
        width: 100%;
        border-left: none;
        border-top: 1px solid #d7d9e0;
        margin: 0;
        padding: 20px 0
    }
    .dashboard__wrapper-content .quick__links.dual ul li:first-child,
    .dashboard__wrapper-content .school__info.dual ul li:first-child {
        border-top: none
    }
}

.dashboard__wrapper-content .school__info figure {
    width: 200px;
    margin: 20px auto
}

.dashboard__wrapper-content .school__info figure img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.dashboard__wrapper-content .school__info ul {
    display: table;
    width: 100%;
    margin: 20px 0
}

.dashboard__wrapper-content .school__info ul li {
    width: 33.333%;
    padding: 0 20px;
    float: none;
    display: table-cell
}

@media screen and (max-width: 767px) {
    .dashboard__wrapper-content .school__info ul li:nth-child(3) {
        border-left: 1px solid #d7d9e0
    }
}

@media screen and (max-width: 599px) {
    .dashboard__wrapper-content .school__info ul li {
        width: 100%;
        border-left: none;
        border-top: 1px solid #d7d9e0;
        margin: 0;
        display: block;
        padding: 20px
    }
    .dashboard__wrapper-content .school__info ul li:first-child {
        border-top: none
    }
}

.dashboard__wrapper-content .school__info ul li h3 {
    margin: 8px 0
}

.dashboard__wrapper-content .school__info ul li i {
    font-size: 24.003px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit
}

@media screen and (max-width: 599px) {
    .dashboard__wrapper-content .school__info ul {
        margin: 0
    }
}

.page__container {
    margin: 0;
    padding: 30px;
    width: 100%;
    height: 100%;
    position: relative;
    background: #f2f4f6 none repeat scroll 0 0
}

.home {
    background: #f6f7fa
}

#navigation {
    display: block;
    padding: 0;
    background: #00a3da none repeat scroll 0 0;
    width: 100%
}

.display-table {
    display: table;
    padding: 0;
    height: 100%;
    width: 100%
}

.display-table-row {
    display: table-row;
    height: 100%
}

.display-table-cell {
    display: table-cell;
    float: none;
    height: 100%
}

.v-align {
    vertical-align: top
}

.logo img {
    max-width: 180px;
    padding: 16px 0 17px;
    width: 100%
}

.header-top {
    margin: 0;
    padding: 11px 0px
}

.header-top img {
    border-radius: 100%;
    height: 36px;
    width: 36px;
    position: absolute !important;
    left: -40px !important;
    top: 0 !important
}

.header-top i {
    color: #0e1a35
}

.icon-info {
    position: relative
}

.navi i {
    font-size: 20px
}

.label.label-primary {
    border-radius: 50%;
    font-size: 9px;
    left: 8px;
    position: absolute;
    top: 1px
}

.header-top .label.label-primary {
    background: #e74444
}

.icon-info .label {
    border: 2px solid #ffffff;
    font-weight: 500;
    padding: 3px 5px;
    text-align: center
}

.header-top li {
    display: inline-block;
    text-align: center
}

.header-top .dropdown-toggle {
    display: block;
    line-height: 2.9
}

.header-top .dropdown-menu {
    top: 55px;
    border: 0;
    border-radius: 0;
    text-align: left;
    padding: 0 !important
}

.header-top .dropdown-menu li {
    display: block !important;
    text-align: left !important;
    margin-left: 0px !important
}

.header-top .dropdown-menu li+li {
    margin-left: 0px !important
}

.header-top .dropdown-menu li a {
    padding: 15px !important
}

.view {
    background: #5584ff none repeat scroll 0 0;
    border-radius: 100px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    padding: 10px 15px
}

.navbar-content>span {
    font-size: 13px;
    font-weight: 700
}

#navigation {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.nd-navigation .sub-children .sub-nav {
    display: none
}

.search input {
    border: none;
    font-size: 15px;
    padding: 15px 9px;
    width: 100%;
    background: transparent url("../images/search.html") no-repeat scroll 99% 12px;
    color: #8492af
}

header.new-dashboard {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.04);
    display: inline-block !important;
    transition: all 0.5s ease 0s;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.category__links ul li {
    display: inline-block
}

.category__links ul li a {
    color: #646464;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 3.1;
    padding: 10px 20px;
    display: block
}

@media screen and (max-width: 1200px) {
    .category__links ul li a {
        padding: 10px 12px
    }
}

.category__links ul li a:hover,
.category__links ul li a:focus {
    background: #00a3da !important;
    color: #fff
}

.category__links ul.active {
    background: #00a3da !important
}

.category__links ul.active a {
    color: #fff !important
}

.user__actions {
    padding-right: 15px
}

.user__actions ul li {
    margin-left: 65px;
    position: relative
}

.navi a {
    background: #00a3da none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 15px;
    text-decoration: none;
    border-bottom: 1px solid #0090c1
}

.navi a span {
    float: right;
    line-height: 1.5
}

.navi .active a {
    background: #0090c1 none repeat scroll 0 0
}

.navi a:hover {
    background: #0090c1 none repeat scroll 0 0
}

.nd-navigation .sub-children .sub-nav {
    padding: 4px
}

.nd-navigation .sub-children .sub-nav li a {
    background: #fff none repeat scroll 0 0;
    color: #00a3da;
    font-size: 14px;
    border-bottom: 4px solid #00a3da;
    padding: 10px 15px
}

.nd-navigation .sub-children .sub-nav li a:hover {
    background: #2a2b30 none repeat scroll 0 0
}

.navbar-default {
    background-color: transparent;
    border-color: transparent
}

.navbar-toggle {
    border: none
}

@media screen and (max-width: 992px) {
    .navbar-toggle {
        display: block !important
    }
}

@media screen and (max-width: 767px) {
    .navbar-toggle {
        display: block !important
    }
}

@media screen and (max-width: 992px) {
    #navigation {
        display: none;
        position: absolute;
        max-width: 220px;
        z-index: 1
    }
}

@media screen and (max-width: 992px) {
    .dashboardNavigation {
        display: block !important
    }
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #0e1a35
}

.circle-logo {
    margin: 0 auto;
    max-width: 30px !important;
    text-align: center
}

.hidden-xs {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.user-dashboard {
    padding: 30px 20px
}

.tile__wrapper-view {
    margin-bottom: 30px;
    position: relative;
    background: #ccc;
    -webkit-box-shadow: 0px 0px 42px -6px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 42px -6px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 42px -6px rgba(0, 0, 0, 0.19);
    min-height: 130px;
    padding: 15px
}

.tile__wrapper-view a {
    display: block
}

.tile__wrapper-view .tileIcon {
    position: absolute;
    right: 15px;
    top: 12px
}

.tile__wrapper-view .tileIcon span {
    font-size: 60px;
    color: rgba(0, 0, 0, 0.2)
}

.tile__wrapper-view.bigheightTile {
    min-height: 165px !important
}

.tile__wrapper-view h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.status__section {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0 15px
}

.status__section p {
    color: #fff;
    margin-bottom: 5px
}

.status__section span {
    background: #fff;
    height: 6px;
    border-radius: 8px;
    display: block;
    margin-bottom: 15px
}

.status__section ul li {
    margin-bottom: 5px
}

.status__section ul li a {
    color: #fff
}

.orangeTile {
    background: #ec8347 none repeat scroll 0 0
}

.lightgreenTile {
    background: #10cfbd none repeat scroll 0 0
}

.blueTile {
    background: #45aaee none repeat scroll 0 0
}

.greenTile {
    background: #a6c659 none repeat scroll 0 0
}

.perpleTile {
    background: #7f60ef none repeat scroll 0 0
}

.whiteTile {
    background: #ffffff none repeat scroll 0 0
}

.btn.btn-secondary.btn-lg.dropdown-toggle>span {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px
}

.basicTile {
    min-height: auto !important
}

.newsticker__wrapper {
    overflow: hidden;
    width: 100%;
    height: 200px
}

.newsticker__wrapper h3 {
    color: #fff;
    background: #00a3da;
    padding: 10px 20px;
    margin-bottom: 15px
}

.newsticker__wrapper ul li {
    overflow: hidden;
    margin-bottom: 0px !important
}

.newsticker__wrapper ul li p {
    margin-bottom: 5px
}

.newsticker__wrapper ul li span {
    margin-bottom: 5px
}

.newsticker__wrapper ul li+li {
    border-top: 1px #ccc dotted
}

.banner__block {
    height: 199px;
    overflow: hidden
}

.banner__block a img {
    object-fit: contain;
    object-position: center center
}

.floating__wrapper {
    position: fixed;
    bottom: 65px;
    right: 65px;
    z-index: 999999
}

.floating__wrapper a {
    color: #fff;
    display: block;
    line-height: 7.5;
    font-size: 13px
}

.floating__wrapper a img {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.floatAnimation {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #ef3049;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse__float 2s infinite;
    text-align: center;
    position: fixed;
    bottom: 65px;
    right: 65px;
    z-index: 999999
}

.floatAnimation:hover {
    animation: none
}

@-webkit-keyframes pulse__float {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(239, 48, 73, 0.4)
    }
    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(239, 48, 73, 0);
        box-shadow: 0 0 0 50px rgba(239, 48, 73, 0)
    }
    100% {
        -webkit-box-shadow: 0 0 0 50px rgba(239, 48, 73, 0);
        box-shadow: 0 0 0 50px rgba(239, 48, 73, 0)
    }
}

@keyframes .pulse__float {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(239, 48, 73, 0.4);
        box-shadow: 0 0 0 0 rgba(239, 48, 73, 0.4)
    }
    70% {
        -moz-box-shadow: 0 0 0 50px rgba(239, 48, 73, 0);
        box-shadow: 0 0 0 50px rgba(239, 48, 73, 0)
    }
    100% {
        -moz-box-shadow: 0 0 0 50px rgba(239, 48, 73, 0);
        box-shadow: 0 0 0 50px rgba(239, 48, 73, 0)
    }
}

.comingsoon {
    height: 250px;
    text-align: center;
    width: 100%
}

.comingsoon h3 {
    font-size: 30px;
    color: #000;
    line-height: 2
}

.mobile__wrapper-section {
    padding: 0 5px
}

.mobile__wrapper-content {
    background: #fff none repeat scroll 0 0;
    padding: 15px
}

.mobile__wrapper-content .form-area {
    padding: 15px 0
}

.mobile__wrapper-content .form-area .head {
    text-align: center;
    margin-bottom: 20px
}

.mobile__wrapper-content .form-area .head span {
    display: block;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit;
    margin-bottom: 8px
}

.mobile__wrapper-content .accordian__view {
    background: #eee none repeat scroll 0 0;
    padding: 15px
}

.mobile__wrapper-content .accordian__view .panel-group {
    margin-bottom: 0px
}

.mobile__wrapper-content .steps {
    text-align: center;
    font-family: "MontserratRegular", Arial, sans-serif;
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit
}

.mobile__wrapper-content .steps:before,
.mobile__wrapper-content .steps:after {
    content: '\f103';
    font-family: "FontAwesome";
    margin-right: 15px
}

.mobile__wrapper-content .steps:after {
    margin-left: 15px;
    margin-right: 0px
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-content .steps {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.46;
        letter-spacing: inherit;
        color: inherit
    }
    .mobile__wrapper-content .steps:before,
    .mobile__wrapper-content .steps:after {
        display: none
    }
}

.mobile__wrapper-content .dashboard__wrapper-content.inactive {
    position: relative
}

.mobile__wrapper-content .dashboard__wrapper-content.inactive .quick__links:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 10
}

.mobile__wrapper-content .dashboard__wrapper-content.inactive .quick__links ul li a {
    cursor: default
}

.mobile__wrapper-accordianContent {
    overflow: hidden
}

.mobile__wrapper-accordianContent .image-section {
    float: right
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-accordianContent .image-section {
        float: none
    }
}

.mobile__wrapper-accordianContent .image-section figure {
    width: 200px
}

@media screen and (max-width: 992px) {
    .mobile__wrapper-accordianContent .image-section figure {
        width: 150px
    }
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-accordianContent .image-section figure {
        margin: 0 auto
    }
}

.mobile__wrapper-accordianContent.image-left .image-section {
    float: left;
    margin-right: 70px
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-accordianContent.image-left .image-section {
        float: none;
        margin: 0 auto
    }
}

.mobile__wrapper-accordianContent.image-left.multi .image-section.second {
    margin-right: 0px;
    float: right
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-accordianContent.image-left.multi .image-section.second {
        float: none;
        margin: 0 auto
    }
}

.mobile__wrapper-accordianContent.image-left.multi .content-section {
    width: calc(100% - 580px)
}

@media screen and (max-width: 992px) {
    .mobile__wrapper-accordianContent.image-left.multi .content-section {
        width: calc(100% - 470px)
    }
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-accordianContent.image-left.multi .content-section {
        width: calc(100% - 20px)
    }
}

.mobile__wrapper-accordianContent .content-section {
    display: inline-block;
    width: calc(100% - 300px);
    -webkit-box-shadow: 0 3px 11px 0 rgba(47, 47, 49, 0.15);
    -moz-box-shadow: 0 3px 11px 0 rgba(47, 47, 49, 0.15);
    -ms-box-shadow: 0 3px 11px 0 rgba(47, 47, 49, 0.15);
    box-shadow: 0 3px 11px 0 rgba(47, 47, 49, 0.15);
    padding: 60px 25px 20px 30px;
    position: relative;
    margin: 50px 0 50px 15px;
    font-family: "MontserratRegular", Arial, sans-serif
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-accordianContent .content-section {
        width: calc(100% - 20px);
        margin: 25px 10px;
        padding: 50px 10px 20px
    }
}

.mobile__wrapper-accordianContent .content-section .head {
    width: 102px;
    height: 102px;
    position: absolute;
    left: 30px;
    top: -50px;
    background: #e9960c none repeat scroll 0 0;
    text-align: center;
    font-size: 42px;
    font-weight: 400;
    line-height: 102px;
    letter-spacing: inherit;
    color: #fff
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-accordianContent .content-section .head {
        width: 50px;
        height: 50px;
        left: 0px;
        top: 0px;
        font-size: 21px;
        font-weight: 400;
        line-height: 50px;
        letter-spacing: inherit;
        color: #fff
    }
}

.mobile__wrapper-accordianContent .content-section .data {
    padding-top: 20px
}

.mobile__wrapper-accordianContent .content-section .data p {
    font-size: 16.0006px;
    font-weight: 400;
    line-height: 1.46;
    letter-spacing: inherit;
    color: inherit
}

@media screen and (max-width: 767px) {
    .mobile__wrapper-accordianContent .content-section .data p {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.46;
        letter-spacing: inherit;
        color: inherit
    }
}


/*# sourceMappingURL=default.css.map */