/*Reset code Start*/

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;
    background-color: transparent;
}

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

body {
    line-height: 1;
    font-family: 'WorkSans-Regular';
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

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

img {
    width: auto;
    max-width: 100%;
}

a:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    text-decoration: none;
}

button:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
    text-decoration: none;
}

p {
    line-height: 26px;
    font-size: 16px;
}


/*Reset code End*/

.dash-wrapper {
    width: 100%;
    height: 100%;
    display: block;
    transition: all ease-in-out .3s;
}

.dash-logo {
    padding: 10px 10px;
    background-color: #fff;
}

.dash-wrapper.expend-close .dash-main-logo {
    display: none;
}

.dash-wrapper.expend-close .dash-sml-logo {
    display: block;
}

img.dash-sml-logo {
    display: none;
    transition: all ease-in-out .5s;
}

.dash-left {
    width: 20%;
    height: 100vh;
    position: fixed;
    background: linear-gradient(141deg, rgba(158, 118, 43, 1) 0%, rgba(200, 162, 81, 1) 35%, rgba(126, 80, 29, 1) 100%);
    transition: all ease-in-out .3s;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 31%);
    z-index: 99;
}

.dash-menu {
    /*margin-top: 30px;*/
    overflow-y: auto;
    max-height: calc(100% - 80px);
}

    .dash-menu::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }
    .dash-menu::-webkit-scrollbar-thumb {
        background: transparent;
    }

    .dash-menu ul li {
        line-height: 70px;
        border-bottom: 1px solid rgb(238 238 238 / 18%);
        height: 70px;
    }

.dash-menu ul li a {
    color: #fff;
    display: inline-block;
    width: 100%;
    padding-left: 20px;
    transition: all ease-in-out .5s;
}

.dash-menu ul li a span {
    transition-delay: 0.5;
    transition: all ease-in-out .5s;
}

.dash-wrapper.expend-close .dash-menu ul li a span {
    opacity: 0;
    transition-delay: 0.5;
    transition: all ease-in-out .5s;
}

.dash-menu ul li a img {
    padding-right: 10px;
    position: relative;
    top: 5px;
}

.dash-menu ul li a:hover {
    text-decoration: none;
    padding-left: 25px;
    transition: all ease-in-out .3s;
}

.dash-wrapper.expend-close .dash-left {
    width: 5%;
    transition: all ease-in-out .3s;
}

.dash-wrapper.expend-close .dash-right {
    width: 95%;
    transition: all ease-in-out .3s;
}

.dash-right {
    width: 80%;
    float: right;
    transition: all ease-in-out .3s;
}

.dash-header {
    height: 80px;
    vertical-align: middle;
    width: 1%;
    display: table-cell;
    background-color: #f2f2f2;
    padding: 0px 30px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 31%);
}

.row,
.col-xs-12.col-sm-6 {
    padding: 0;
    margin: 0;
}

span.expend {
    float: left;
    display: block;
    padding-top: 15px;
    cursor: pointer;
}

span.expend img {
    cursor: pointer;
}

img.menu-close-img {
    display: none;
}

.dash-wrapper.expend-close .menu-close-img {
    display: block;
}

.dash-wrapper.expend-close .menu-open-img {
    display: none;
}

.dash-search {
    position: relative;
    left: 20px;
}

.dash-search input {
    border: 1px solid #c9c5c5;
    height: 45px;
    background-color: transparent;
    width: 60%;
    border-radius: 20px;
    padding: 20px;
}

.dash-search button {
    height: 30px;
    border-radius: 0;
    border: 0px solid #333;
    position: relative;
    right: 45px;
    border-left: 0px;
    width: 30px;
    background-color: #f2f2f2;
    z-index: 9;
}

.dash-login {
    float: right;
    margin-top: 8px;
}

.dash-login i.fa.fa-user {
    color: #b48d3f;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border-radius: 50%;
    border: 2px solid #b48d3f;
    text-align: center;
    margin-right: 5px;
}

.dash-login-drop-down ul li {
    margin-bottom: 2px;
}

.dash-login a i {
    transition: all ease-in-out .3s;
}

.dash-login.login-show i.fa.fa-angle-down {
    transform: rotate(-180deg);
    transition: all ease-in-out .3s;
}

.dash-login-drop-down ul li a {
    font-size: 16px;
    padding: 10px 10px;
    background-color: #c49e4f;
    width: 100%;
    display: inline-block;
    color: #fff;
    transition: all ease-in-out .3s;
}

ul.dropdown-menu.dash-login-drop-down li a:hover {
    background-color: #aa803c;
    color: #fff;
    transition: all ease-in-out .3s;
}

.dash-login a {
    font-size: 18px;
    display: inline-block;
    color: #ab8437;
}

.dash-login a:hover {
    text-decoration: none;
}

.dropdown.dash-login.open .dropdown-menu {
    display: block;
    right: 0;
    left: auto;
    top: 40px;
    width: 180px;
    background-color: #c29c4d;
}

ul.dropdown-menu.dash-login-drop-down li a {
    color: #fff;
    font-size: 14px;
}

.dash-content {
    padding: 30px 30px;
    /*position: relative;*/
    z-index: 9;
}

.dash-content:after {
    content: "";
    /*background-image: url(../images/about-bg.png);*/
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: -1;
}

.dash-title {
    font-size: 24px;
    color: #a0782d;
    font-family: 'WorkSans-SemiBold';
    padding-bottom: 20px;
    position: relative;
    z-index: 99
}

.dash-content p {
    position: relative;
    z-index: 99;
}

.dash-form {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 99;
}

.dash-field {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.dash-field label {
    font-size: 14px;
    display: block;
    padding: 5px 0px;
    font-family: 'WorkSans-SemiBold';
    color: #bc9549;
}

.dash-field input,
.dash-field select {
    height: 48px;
}

.col-xs-12.col-sm-6.field-align {
    padding-right: 30px;
}

.col-xs-12.col-sm-6.field-align:nth-of-type(2n) {
    padding-right: 0;
}

.dash-field.dash-submit input, .dash-field.dash-submit button {
    background: linear-gradient(141deg, rgba(158, 118, 43, 1) 0%, rgba(200, 162, 81, 1) 35%, rgba(126, 80, 29, 1) 100%);
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    width: 30%;
    height: 60px;
    margin: 0 auto;
    margin-top: 10px;
}
.dash-field.dash-submit button {
    width: 100%;
}
    .dash-field.dash-submit button:disabled {
        opacity: 0.5;
    }
    .dash-field.dash-submit button span.fa-spin, .dash-field.dash-submit button i.fa-spin {
        margin-left: 15px;
    }
.dash-foot {
    text-align: center;
    padding: 20px 0px;
    background-color: #f2f2f2;
    line-height: 24px;
}

.dash-foot-social {
    display: table;
    margin: 10px auto;
}

.dash-foot-social li {
    float: left;
    padding: 0px 10px;
}

ul.dash-foot-social li a i {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: linear-gradient(141deg, rgba(158, 118, 43, 1) 0%, rgba(200, 162, 81, 1) 35%, rgba(126, 80, 29, 1) 100%);
}
ul.multiselect-container.dropdown-menu li a label.checkbox input {
    height: auto;
}
.dash-field .btn-default:hover {
    color: #333;
    background-color: transparent;
    border-color: #adadad;
}
.dash-field button.multiselect.dropdown-toggle.btn.btn-default {
    background-color: transparent;
    height: 50px;
}
.boxed
{
    border: 1px solid;
    border-color :#bc9549;
}
.headerlist
{
    font-size: 14px;
    display: block;
    padding: 5px 0px;
    font-family: 'WorkSans-SemiBold';
    color: #bc9549;
}
.input-disabled{background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;}
.modal-backdrop.in{opacity:0.5;}
.confirm-modal {z-index: 1050; margin-top:10%;}

.menu-home-img {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
}

.dropdown.dash-login span {
    margin: 0 5px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 15px;
    color: #797474;
}

.prof-img-stud-container {
    position: relative;
    text-align: center;
}
    .prof-img-stud-container img.prof-img {
        width: 120px;
        cursor:pointer;
    }
    .prof-img-stud-container .btn-prof-img-upload {
        position: absolute;
        left: calc(50% - 37px);
        top: calc(50% - -10px);
        opacity: 0.9;
        display:none;
    }

    .prof-img-stud-container img.prof-img:hover ~ .btn-prof-img-upload, .prof-img-stud-container .btn-prof-img-upload:hover {
        display: block;
    }

    .prof-img-stud-container .upload-loader {
        position: absolute;
        left: calc(50% - 60px);
        top: 0;
        background-color: rgb(0 0 0 / 0.5);
        height: 120px;
        width: 120px;
        color: #FFEB3B;
        display:none;
    }

        .prof-img-stud-container .upload-loader i.fa-spin {
            margin-top: 30%;
        }

.form-lbl {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}

.input-disabled {
    padding: 6px 12px;
}

#modalSyllabusImg button.close {
    color: red;
    background: #ffffff;
    padding: 4px 10px;
    position: absolute;
    right: 0px;
    font-weight: 700;
    font-size: 32px;
    opacity:1;
}

.divSyllabus img{
    cursor:pointer;
}
.err-span {
    color: red;
    font-size: 14px;
}

.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-t-20{margin-top:20px;}
.m-b-5{margin-bottom:5px;}
.m-b-10{margin-bottom:10px;}
.m-b-15{margin-bottom:15px;}
.m-b-20{margin-bottom:20px;}
.m-l-5{margin-left:5px;}
.m-l-10{margin-left:10px;}
.m-l-15{margin-left:15px;}
.m-l-20{margin-left:20px;}
.m-r-5{margin-right:5px;}
.m-r-10{margin-right:10px;}
.m-r-15{margin-right:15px;}
.m-r-20{margin-right:20px;}
.m-l-r-5{margin-left:5px;margin-right:5px;}
.m-l-r-10{margin-left:10px;margin-right:10px;}
.m-l-r-15{margin-left:15px;margin-right:15px;}
.m-l-r-20{margin-left:20px;margin-right:20px;}

.p-t-0{padding-top:0px;}
.p-t-5{padding-top:5px;}
.p-t-10{padding-top:10px;}
.p-t-15{padding-top:15px;}
.p-t-20{padding-top:20px;}
.p-b-0{padding-bottom:0px;}
.p-b-5{padding-bottom:5px;}
.p-b-10{padding-bottom:10px;}
.p-b-15{padding-bottom:15px;}
.p-b-20{padding-bottom:20px;}
.p-l-0{padding-left:0px;}
.p-l-5{padding-left:5px;}
.p-l-10{padding-left:10px;}
.p-l-15{padding-left:15px;}
.p-l-20{padding-left:20px;}
.p-r-0{padding-right:0px;}
.p-r-5{padding-right:5px;}
.p-r-10{padding-right:10px;}
.p-r-15{padding-right:15px;}
.p-r-20{padding-right:20px;}
.p-l-r-0{padding-left:0px;padding-right:0px;}
.p-l-r-5{padding-left:5px;padding-right:5px;}
.p-l-r-10{padding-left:10px;padding-right:10px;}
.p-l-r-15{padding-left:15px;padding-right:15px;}
.p-l-r-20{padding-left:20px;padding-right:20px;}

.f-s-12{font-size:12px;}
.f-s-14{font-size:14px;}
.f-s-16{font-size:16px;}
.f-s-18{font-size:18px;}
.f-s-20{font-size:20px;}
.f-s-22{font-size:22px;}
.f-s-24{font-size:24px;}
.f-s-26{font-size:26px;}
.f-s-28{font-size:28px;}
.f-s-30{font-size:30px;}

.f-w-700{font-weight:700;}

.valign-middle{vertical-align:middle;}

.input-group{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;width: 100%;}
    .input-group .input-group-text{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0px .75rem;
            margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;text-align: center;white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;border-radius: .25rem;}
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text{border-top-right-radius: 0;border-bottom-right-radius: 0;}
    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;    }
    .input-group .input-group-append,.input-group .input-group-prepend{display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: -2px;}

.modal.modal-center{text-align: center;}
@media screen and (min-width: 768px) {
    .modal.modal-center:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;}
}
.modal.modal-center .modal-dialog {display: inline-block;text-align: left;vertical-align: middle;}

.modal-vidyarthi-loader .modal-content {background: transparent;border: 0px;box-shadow: none;} 
.modal-vidyarthi-loader .modal-content .modal-body {background: transparent;} 
.modal-vidyarthi-loader .modal-content .modal-body span.fa.fa-spin {color: #fdd500;}

.divMridangam.col-xs-12.col-sm-6.field-align:nth-of-type(2n) {
    padding-right: 30px;
}

.btn-vidyarthi-gold{background: linear-gradient(141deg, rgba(158, 118, 43, 1) 0%, rgba(200, 162, 81, 1) 35%, rgba(126, 80, 29, 1) 100%); color: #fff;}

.text-yellow{color:#ffff00;}
.text-orange{color:#ffa500;}
.text-red{color:#ff0000;}
.text-green{color:#008000;}
.text-blue{color:#065b85;}

.no-padding{padding:0px !important;}
.no-padding-left{padding-left:0px !important;}
.no-padding-right{padding-right:0px !important;}
.no-padding-top{padding-top:0px !important;}
.no-padding-bottom{padding-bottom:0px !important;}
.no-padding-l-r{padding-left:0px !important;padding-right:0px !important;}
.no-padding-t-b{padding-top:0px !important;padding-bottom:0px !important;}

.badge-online{background-color: #0ba40b;padding: 6px 10px;display: inline-block;white-space: nowrap;border-radius: 14px;text-align: center;vertical-align: middle;color: white;font-size: 12px;font-weight: 600;text-transform: capitalize;}
.badge-physical{background-color: #0072cc;padding: 6px 10px;display: inline-block;white-space: nowrap;border-radius: 14px;text-align: center;vertical-align: middle;color: white;font-size: 12px;font-weight: 600;text-transform: capitalize;}

input[data-formatted-date-picker]{color:white;}
    input[data-formatted-date-picker]:before {content: attr(data-date);display: inline-block;color: black;}
    input[data-formatted-date-picker]::-webkit-datetime-edit, input[data-formatted-date-picker]::-webkit-inner-spin-button, input[data-formatted-date-picker]::-webkit-clear-button {display: none;}
    input[data-formatted-date-picker]::-webkit-calendar-picker-indicator {position: absolute;top: 0;right: 0;width: 100%;height: 100%;padding: 0;color: transparent;background: transparent;}

.modal-smd {width: 420px;}

.check-switch {position: relative;display: inline-block;width: 40px;height: 20px;cursor:pointer;}
            .check-switch input {opacity: 0;width: 0;height: 0;}
            .check-switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #FF9800;-webkit-transition: .4s;transition: .4s;}
                .check-switch .slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
                .check-switch .slider:after {content: 'OFF';color: white;font-weight: 700;font-size: 14px;margin: 10px 0px 0px 5px;position: absolute;right: 15px;}
            .check-switch input:checked + .slider {background-color: #4CAF50;}
            .check-switch input:focus + .slider {box-shadow: 0 0 1px #4CAF50;}
            .check-switch input:checked + .slider:before {-webkit-transform: translateX(46px);-ms-transform: translateX(46px);transform: translateX(46px);}
            .check-switch input:checked + .slider:after {content: 'ON';color: white;font-weight: 700;font-size: 14px;margin: 10px 0px 0px 5px;position: absolute;left: 10px;}
        /* Rounded sliders */
            .check-switch .slider.round {border-radius: 34px;}
                .check-switch .slider.round:before {border-radius: 50%;}

.modal-loader-in{position: absolute;top:0;height: 100%;width: 100%;z-index: 9999;background-color: white; opacity: 0.5;padding: calc(50% - 32px);display:none;}
#modalBodyRateCard{max-height: calc(100vh - 160px); overflow-y: auto;}
.field-error{border-color:red;color:red;}

#modalCommonFile button.close {
    background-color: #ff1100;
    opacity: 1;
    border-radius: 0%;
    padding: 4px 10px 6px 10px;
    color: white;
    /*position: absolute;
    top: -15px;
    left: -webkit-calc(50% - 40px);
    left: -moz-calc(50% - 40px);
    left: calc(50% - 40px);*/
    font-weight: 100;
    font-size: 18px;
}
#modalCommonFile .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: 0px;
}

#modalCommonFile video{width:100%;height:100%;min-height: 36vh;max-height:85vh;}
#modalCommonFile audio{width:100%;height:100%;}

/* Rounded corners + shadow */
.modalCommonErrAlert {
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    animation: popIn 0.25s ease-out;
}
    .modalCommonErrAlert .modal-header {
        background-color: #d70000;
    }
    .modalCommonErrAlert button.close {
        color: white;
        opacity: 1;
    }
    .modalCommonErrAlert button.btn-danger {
        background-color: #d70000;
    }


/* Pop animation */
@keyframes popIn {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}