/* RBT'strap for Projects */


.table-hover-2 tr:nth-child:hover { background-color: #EDEDED; cursor: pointer!important; }
.table-1-bordered td{ border: solid 1px #D0D0D0!important; }
.table-1-lg, .table-2-lg td { padding: 10px!important; }

.table-1, .table-2, .table-3 { width: 100%; font-size: 14px; color: rgba(0, 0, 0, .9); }
.table-1 td{ padding: 5px; border-bottom: solid 1px #D0D0D0 }
.table-1 tr:first-child th { padding: 10px; background-color:#EDEDED; font-weight: 600;}

.table-1-sm { width: 100%; font-size: 13px; color: rgba(0, 0, 0, .9); }
.table-1-sm td{ padding: 4px; border-bottom: solid 1px #efefef; }
.table-1-sm tr:first-child th { padding: 6px; background-color:#EDEDED; font-weight: bold; }

.table-2 td{ padding: 5px; border: solid 2px #fff }
.table-2 tr:first-child th { padding: 10px; background-color:#EDEDED; font-weight: 500;}

.table-3 td{ padding: 7px; border-bottom: solid 1px #D0D0D0 }

.table-4 { border:solid 1px #D0D0D0; width:100% }
.table-4 td,th { padding: 15px; }

::-webkit-scrollbar-track
{
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 10px;
    background-color: #c5cbe5;
}

::-webkit-scrollbar-thumb
{
    background-color: #000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.list-group .active {background-color: #18456C!important; color: #fff!important; }
.list-group .active a { color: #fff!important; text-decoration: none; }

.scroll-div {
    overflow: scroll;
    overflow-x: hidden;
    height: 600px;
    padding: 5px;
    border: solid 1px #ccc;
}

.bg-light-2 { background-color:#ddd; }
.bg-light-3 { background-color:#efefef; }
.bg-warning-2 { background-color: #FFFDCE; }
.bg-danger-2 { background-color:#FFC2C3; }
.bg-success-2 { background-color:#D0F4C3; }
.bg-success-3 { background-color: #d9efdc; }

.text-white, .text-white a { color: #fff!important; }
.text-light, .text-light a { color: #ccc!important; }

.btn-bs { background-color: #18456C; color: #fff; }
.btn-bs a { color: #fff; cursor: pointer; }
.btn-bs:hover  { color: #fff; cursor: pointer; }

.border { border: solid 1px #ccc!important; }

.cursor { cursor: pointer; }

.f-s-105 { font-size: 105%; }
.f-s-110 { font-size: 110%; }
.f-s-115 { font-size: 115%; }
.f-s-120 { font-size: 120%; }

.f-10 { font-size: 0.625em; }
.f-11 { font-size: 0.688em; }
.f-12 { font-size: 0.75em; }
.f-13 { font-size: 0.813em; }
.f-14 { font-size: 0.875em; }
.f-15 { font-size: 0.938em; }
.f-16 { font-size: 1em; }
.f-17 { font-size: 1.063em; }
.f-18 { font-size: 1.125em; }
.f-19 { font-size: 1.188em; }
.f-20 { font-size: 1.25em; }
.f-21 { font-size: 1.313em; }
.f-22 { font-size: 1.375em; }
.f-23 { font-size: 1.438em; }
.f-24 { font-size: 1.5em; }
.f-28 { font-size: 1.75em; }
.f-30 { font-size: 1.875em; }
.f-32 { font-size: 2em; }
.f-34 { font-size: 2.125em; }
.f-36 { font-size: 2.25em; }
.f-40 { font-size: 2.5em; }
.f-50 { font-size: 3.125em; }


@media (max-width: 767px) {
  .dropdown-menu {
    right: 0;
    width: 100%;
  }
  .dropdown{
    position: relative;
  }
  .dropdown button {
    width: 100%;
  }
}


.form-control, button, input { border-radius: 0!important }

.text-success {
    color: rgba(3,141,19, .8)!important;
}

.b { font-weight: bold; }

.label {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
  color: rgba(1,1,1, .9);
}

.page-content {
  padding: 20px;
}

.pop-window {
  background-color: #fff;
  margin: 30px;
  color: rgba(0, 0, 0, .9);
}

.pop-window .shadow {
}

.pop-window h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 15px;
  padding-bottom: 6px;
  border-bottom: solid 1px #efefef;
}

.pop-window h1 .badge {
  font-weight: 300;
  font-size: 18px;
  padding: 5px;
  margin-right: 5px;
}

@media only screen and (max-width: 767px) {
  .table-responsive table {
    min-width: 800px;
  }
  .table-responsive .attendance-table {
    min-width: 100%;
    font-size: 12px;
  }
}

/* ==================================================================================================================================================== */

.logo-text {
  font-family: Arial!important;
  text-transform: uppercase!important;
  letter-spacing: -1px!important;
  font-size: 120%!important;
}


.dashboard-card {
  height: 120px!important;
  color: white;
}

.dashboard-card .h4{
  font-size: 18px;
  letter-spacing: 0;
}

.dashboard-card .h1{
  font-size: 34px;
  letter-spacing: -1px!important;
  font-weight: bold;;
}


.color-1 {
  background: rgba(237,85,101,1)!important;
  background: linear-gradient(90deg, rgba(237,85,101,1) 35%, rgba(218,68,83,1) 70%)!important;
}

.color-2 {
  background: rgba(252,110,81,1)!important;
  background: linear-gradient(90deg, rgba(252,110,81,1) 35%, rgba(233,87,63,1) 70%)!important;
}

.color-3 {
  background: rgba(72,207,173,1)!important;
  background: linear-gradient(90deg, rgba(72,207,173,1) 35%, rgba(55,188,155,1) 70%)!important;
}

.color-4 {
  background: rgba(79,193,233,1)!important;
  background: linear-gradient(90deg, rgba(79,193,233,1) 35%, rgba(59,175,218,1) 70%)!important;
}

.color-5 {
  background: rgba(236,135,192,1)!important;
  background: linear-gradient(90deg, rgba(236,135,192,1) 35%, rgba(215,112,173,1) 70%)!important;
}

.color-6 {
  background: rgba(237,85,101,1)!important;
  background: linear-gradient(90deg, rgba(237,85,101,1) 35%, rgba(218,68,83,1) 70%)!important;
}


.dashboard-column h4 {
  font-weight: 700;
  color: rgba(0, 0, 0, .8)!important;
}

.daily-lesson-schedule {
  height: 400px;
  overflow: scroll;
  overflow-x:hidden;
  padding-right: 15px;
}

.widget thead tr {
  background-color: #efefef;
}

.widget tr {
  cursor: pointer;
}

.card-body h4 {
  font-size: 18px!important;
}

.card-body table tr td {
  padding: 4px!important;
}

.fc-daygrid-event-harness a {
  background-color: #202837;
  color: white!important;
  padding: 5px!important;
}
.fc-daygrid-event-harness a:hover {
  background-color: #000;
  color: white!important;
  cursor: pointer;
}

/* modalbox */
.mfp-content {
  width: 100% !important;
  max-width: 1250px !important;
  border-radius: 5px !important;
}

.mfp-content iframe {
  border-radius: 5px!important;
  padding: 3px;
  background-color: white!important;
}

.mfp-iframe {
  background-color: white!important;
}


/* ================================================================= */

.review {
  margin: 10px 0 0 0;
  border: solid 1px #efefef;
  padding: 10px;
  font-weight: bold;
}

.review div {
  display: inline-block;
  width: 60px;
  border-bottom: solid 1px #18456C;
  margin: 0 5px 0 5px;
  color: red;
}


.lesson-sub-area {
  padding: 25px;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}



.zoom-recordings-div {
  padding: 20px;
}

.zoom-recordings-div .zoom-course-title {
  font-size: 24px;
  margin: 20px 0 5px 0;
  letter-spacing: -1px;
}

.zoom-recordings-div .video-item {
  float: left;
  width: 100%;
  max-width: 250px;
  height: 140px;
  border: solid 1px #ddd;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  margin: 25px 25px 0 0;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, .7);
}

.zoom-recordings-div .video-item:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 1);
}

.zoom-recordings-div .video-item .recording-info {
  margin: 10px 0 0 0;
  font-size: 13px;
  color: #efefef;
}

.label {
  width: 100%;
  padding: 10px;
  background-color: #efefef;
  margin: 5px 0 0 0;
  font-size: 15px;
  font-weight: 600;
  border-radius: 2px;
}

.form-line div:not([class]) {
    padding: 10px
}

.form-line .form-control {
  border: none;
  border-bottom: solid 1px #ccc;
  padding: 7px;
}


.form-line .q-type-div {
  width: 32%;
  float: left;
    margin: 7px;
}

.form-line .q-type-div .thumbnails {
  border: solid 1px #efefef;
  padding: 5px;
  width: 100%;
  cursor: pointer;
  border-radius: 4px;

}

.gray-box {
  width: 100%;
  border: solid 1px #efefef;
  padding: 30px;
  margin: 20px 0 20px 0;
  border-radius: 2px;
  color: rgba(0, 0, 0, .9);
}



.form-line-2 {
    margin: 25px 0 0 0;
}

.form-line-2 .form-control {
    border: none;
    border-bottom: solid 1px #ccc;
    font-weight: 600;
}

.form-line-2 .form-control:focus {
    box-shadow: none;
}

.list-test-name { margin: 0 0 0 15px; font-size: 12px; font-weight: 400;}
















@media only screen and (max-width: 767px) {
  .zoom-recordings-div .zoom-course-title {
    font-size: 18px;
    letter-spacing: 0px;
    text-align: center;
  }
  .zoom-recordings-div .video-item {
    float: none;
    width: 100%;
    max-width: 100%;
    height: 130px;
  }
}



/* Mobile */
@media (min-width: 0) and (max-width: 768px) {
  .mfp-content {
    width: 95%;
    height: 95%;
    border-radius: 0px!important;
    border: none!important;
  }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
  .mfp-content {
    width: 100%;
    height: 100%;
  }
}

/* Desktop */
@media (min-width: 1025px) {
  .mfp-content {
    width: 75%;
    height: 75%;
  }
}


/* ================================================= OTHER CSS ========================================== */
/* term_tests.php */



/* =================================================  ========================================== */