body{font-family: 'Nunito', sans-serif;color:#333; overflow-x: hidden;}
a:hover{text-decoration:none;}
a{display: inline-block; color: inherit;}
h2{font-size:40px;} 
h3{font-size:36px;}
h4{font-size:22px;}
h5{font-size:30px;}
h6{font-size: 20px;font-weight:700;}
h1, h2, h3, h4, h5, h6{color:#000;}
p{font-size:16px; line-height: 24px;}
p:nth-last-child(1) {margin: 0;}
p:last-of-type {margin-bottom: 0;}
section{padding:0px 0px;}
ul,ol{margin:0;padding:0;list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;color:#008afb;}
.container{max-width:1300px;}
button:focus, input:focus{outline:0;}
::-moz-selection { color: #007ff9;}
::selection {color: #007ff9;}
.btn{font-size:16px;font-weight:600;background-color:#0071dc;color:#fff;height:46px;line-height:46px;padding:0px 27px;}
.btn.yellow_btn{background-color:#ffc221;color:#000;font-weight:700;}
/* menu */
.menu-nav .navbar{padding: 15px 30px;box-shadow: 0px 3px 5px rgb(0 0 0 / 14%); background: #0190cc;}
.menu-nav .collapse .navbar-nav .nav-item .nav-link{padding: 3px 15px;font-size: 16px;font-weight: 600;color:#ffffff; background: #000000; border-radius: 5px; margin-right: 5px;}
.menu-nav .collapse .navbar-nav .nav-item .nav-link:hover{color:#008afb;}
.menu-nav .collapse .navbar-nav .nav-item .nav-link.hover{color:#0071dc;}
.menu-nav .collapse .navbar-nav .nav-item.order_now .nav-link{background-color: #0071dc;text-transform: uppercase;font-weight: 400;color: #fff;border-radius: 4px;margin-left:10px;min-width: 100px;text-align: center;}
.navbar-light .navbar-brand{padding-right: 22px; color: #ffffff;}
.live_web .dropdown .dropdown-toggle{background: transparent;border: transparent;font-weight: 600;color: #555;    display: flex;align-items: center;}
.top-header .collapse .navbar-nav .nav-item .nav-link {
    padding: 3px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: #000000;
    border-radius: 5px;
    margin-right: 5px;
}
/* footer */
.footer{background-color:#090a0e;}
.copy_right {
    background-color: #090a0e;
    padding: 30px 0px;
    border-bottom: 1px solid #515151;
    margin-top: 70px;
}
.copy_right.company_copyright .container p {
    margin-bottom: 0;
    color: #fff;
}
/* resources-details */
.list-pre{background-color:#f4faff;height: 50px;padding: 0px 15px;border-radius: 4px;margin-bottom: 15px;}
.prefred .list-pre p{margin-top: 0;color: #000;}
.prefred .list-pre a{color: #0071dc;}
.pagination-details p{color:#000;font-size:14px;font-weight:600;margin-top:0;}
.pagination-details ul{display: flex;}
.pagination-details ul li{width: 20px;text-align: center;}
.pagination-details ul li a{font-size: 13px;font-weight: 600;}
.pagination-details ul li a:first-child{font-size: 16px;}
.pagination-details ul li a.active{color:#0071dc;}
.blue-check-img li strong{color:#000;}
.blue-check-img li{position:relative;padding-left:25px;margin-bottom:15px;color:#555;font-size:14px;line-height:22px;}
.blue-check-img li:before{content:'';position:absolute;top:4px;left:0;background:url(../image/css_sprites.png) -1058px -430px;width:14px;height:13px;}
.single_ul.single_ul_four li{flex: 0 0 25%;}

/* login */
.login-form {
    width: 100%;
    max-width: 450px;
    background: #FEFEFE;
    -webkit-box-shadow: 0px 0px 8px rgba(12, 18, 38, 0.06);
    box-shadow: 7px 1px 17px 18px rgba(22, 39, 88, 0.09);
    border-radius: 4px;
    padding: 40px;
}
.section-heading {
    color: var(--section-heading-color);
    font-family: var(--section-heading-font-family);
    font-size: var(--section-heading-font-size);
    font-weight: var(--section-heading-font-weight);
    margin-bottom: 0;
    line-height: 1.5;
}
.common-form fieldset {
    margin-top: 20px;
}
.common-form label {
    margin-bottom: 4px;
}
.common-form input, .common-form select, .common-form label {
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.69;
    letter-spacing: 0.25px;
    color: #333333;
}
.common-form input, .common-form select {
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 4px;
}
.common-form input, .common-form select, .common-form label {
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.69;
    letter-spacing: 0.25px;
    color: #333333;
}
.text_14 {font-weight: 400;font-size: 16px;line-height: 1.08;}
.btn-signin {
    width: 100%;
}
.btn-primary, .btn-member {
    -ms-border-radius: var(--btn-primary-border-radius);
    -webkit-border-radius: var(--btn-primary-border-radius);
    border-radius: 5px;
    color: #ffffff;
    border: 1px solid #0190cc;
    background-color: #0190cc;
    font-weight:600;
}
.btn-secondary:hover, .btn-secondary:focus {
    color: #ffffff;
     border: 1px solid #0190cc;
    background-color: #0190cc!important;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-secondary, .btn-secondary:hover, .btn-secondary:focus, .btn-member, .btn-member:hover, .btn-member:focus {
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    padding: 0 17px;
    height: 40px;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -ms-display: inline-flex;
    -webkit-display: inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.top-header{background-color: #7f8082;}
.navbar-brand h2{ font-size: 30px; }
.btn-signin {width: 100%;}
.btn-secondary { -ms-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;color: #000000;border: 1px solid #0190cc;background: transparent;font-weight: 600;}
.section-header h2{ font-size: 30px; text-transform: uppercase; }
/* dashboard pages */
.container.container-dashboard{max-width:1450px;}
.dashboard{background-color: #fff;min-height: 500px;margin-bottom: 50px;border-radius: 20px;box-shadow: 0 .5rem 3rem rgba(0,113,220,.15);display: table;width: 100%;overflow: hidden;}
.dashboard-menu{min-width: 270px;background-color: #0071dc;display: table-cell;vertical-align: top;width: 270px;}
.dashboard-content{padding-left:30px;padding-right:30px; padding-top: 20px;vertical-align: top;padding-bottom: 30px;}
.school-logo {width: 100px;height: 100px;background-color: #fff;border-radius: 50%;text-align: center;margin: 0px auto;border: 2px solid #fff;position: relative;overflow:hidden;}
.school-logo img{width:100%;}
.school-title h3 {font-size: 18px;text-align: center;margin-top: 25px;color: #fff;margin-bottom: 0;font-weight:700;}
.school-title{padding: 30px;}
.school-title p{font-size:14px;color:#fff;text-align:center;}
.school-title a.edit{position: absolute;top: 0;width: 25px;height: 25px;background: #fff;z-index: 9999;left: 60%;border-radius: 50%;font-size: 14px;text-align: center;line-height: 25px;}
.user-menu{padding-left: 20px;margin-top: 20px;}
.user-menu a{font-weight: 600;color: #fff;letter-spacing: 0.5px;display: flex;align-items: center;width: 100%;padding: 20px 26px;}
.user-menu a span{display: inline-block;width: 35px;}
.user-menu a svg{fill: #fff;}
.user-menu a.active{background: #fff;border-radius: 40px 0px 0px 40px;color: #000;}
.user-menu a.active svg{fill: #000;}
.left-heading h4{font-size:24px;margin-bottom:0;font-weight:600;}
.left-heading p{color:#555;font-size:14px;}
.search-dashboard{display: inline-block;height: 38px;width: 38px;background: #f5f5f5;text-align: center;line-height: 38px;border-radius: 6px;}
.right-search .btn.yellow_btn{height: 38px;line-height: 38px;font-weight:400;margin-left:15px;}
.dashboard-heading{margin:30px 0px 40px;}
.table-dashboard .table thead tr th{border: transparent;font-size: 16px;font-weight: 600;padding: 11px 15px;color:#ffffff;}
.table-dashboard .table thead tr{background-color: #0190cc; color: #ffffff;}
.table-dashboard .table thead tr th:first-child{border-radius: 6px 0px 0px 6px;} 
.table-dashboard .table thead tr th:last-child{border-radius: 0px 6px 6px 0px;} 
.table-dashboard .table tbody tr{box-shadow: 0 0 0 1px #ddd;border-radius:6px;}
.table-dashboard .table tbody tr.separator{height: 15px;box-shadow:none;}
.table-dashboard .table tbody tr td{border: transparent;font-size: 14px;padding: 10px 10px;}
.bg-yellow{ background-color: #e9f440; color: #0027a6; }
.bg-black{background: #000;color: #fff; text-align: center; padding: 2px 0px;}
.text-danger{color:#ee3636 !important}
.text-success{color:#0bab5a !important}
.assigment-details{padding:30px;}
.assigment-data h4{font-weight: 700;color: #001c34;margin-bottom: 20px;}
.assigment-data h4 span{font-size: 14px;font-weight: 600;color: #555;border-left: 1px solid #ddd;padding-left: 10px;}
.assigment-data ul li{font-size:14px;color:#555;margin-top: 10px;}
.assigment-data ul li i{font-size: 18px;color: #0071dc;margin-right: 5px;}
.btn-right a{font-size: 14px;background: #f5f5f5;height: 39px;line-height: 39px;padding: 0px 20px;border-radius: 4px;font-weight:600;}
.btn-right a i{font-size:18px;}
.btn-right a.view-details{background-color:#ffc221;}
.btn-right a.pay{background-color:#0071dc;color:#fff;}
.price p:first-child{font-weight:600;}
.price p span{color:#0071dc;}
.price p{margin-bottom:0;margin-top:20px;}
.price p i{width: 13px;height: 13px;background-color: #0071dc;display: inline-block;margin-right: 5px;}
.price p i.yellow{background-color: #ffc221;}
.dot{ width: 10px; height: 10px; border-radius: 50%; background: #0030b9; }
.form-details .right_form_inner{padding:0;background:transparent;}
.top-heading.dashboard-heading-main h5{font-size:24px;}
.top-heading.dashboard-heading-main{margin-bottom:30px;}
.alert-msg{font-size:14px;color:#333;margin-top: 10px !important;}
.form-details .right_form_inner .upload-wrapper .upload-btn-wrapper button{background-color: transparent;padding:0;}
.dashboard-slider .carousel button{opacity: 1;width: 6%;}
.dashboard-slider .carousel button span{background-image: none;background-color: #fff;width: 38px;height: 38px;border-radius: 4px;}
.dashboard-slider .carousel button span i{color: #000;font-size: 22px;line-height: 38px;}
.dashboard-slider .carousel button span:hover{background-color:#ffc221;}
.table-dashboard .table tbody tr:hover {background-color: #f5f5f5;}
.form-control{ color: #000000; background-color: #f9f9f9; }
.box { background-color: #f9f9f9;padding: 3.38rem 1.25rem; border: 1px solid #ced4da;border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.inputfile { width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1; cursor: pointer;}
.buttin{ font-size: 16px;  padding: 8px 25px; line-height: 22px; }
.buttin:hover{ color: #ffffff; background-color: #000000; }
.border-radio{ background-color: #f9f9f9;border: 1px solid #ced4da;border-radius: .25rem; padding: 6px 15px; }
.vendor h6{ background-color: #000000; color: #ffffff; padding: 15px; }
.vendor-form-main{ border: #dddddd solid 1px; padding: 15px; }
.address{ padding: 15px; margin-top:30px; margin-bottom: 30px; }
/* Add red border to invalid input */
.invalid-input {
	border: 1px solid red !important;
}
.help-block{
	color:red;
}