/* Ultra Midium Layout: 1600px. */
@media only screen and (min-width: 1600px) {}
@media (max-width:1440px) {
  .logo_sec p {
    font-size: 18px;
  }
  .content_area strong {
    margin: 20px 0;
    font-size: 14px;
  }
  .content_area p {
    font-size: 14px;
  }
  .logo_sec strong {
    font-size: 20px;
  }
  .signup_detail ul li a {
    font-size: 14px;
  }
  .signup_box .box_content {
    height: auto;
    padding: 0 0 20px;
  }
}
/* Medium Layout: 1367px. */
@media only screen and (min-width:1300px) and (max-width:1599px) {}
/* Medium Layout: 1280px. */
@media (max-width: 1599px) {}
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
@media(min-width: 992px) {
  .st_card.studentCert:hover .flip_card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@media(max-width: 992px) {
  .ac_table .btn.theme_btn {
    margin-top: 15px;
  }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media(max-width: 767px) {
	.remarksTable tr td{
		padding-bottom: 55px;
	}
	.radio-list{
		width:100%;
		justify-content: flex-start;
		bottom: -20px;
		right: -10px;
	}
	.remarksTable .remarkRow{
		    bottom: 22px;
		    width: 300px;
		    left: auto;
		    right: -19em;
		    transform: none;
	}
	
	table.responsive.remarksTable td{
		position: relative!important
	}
	table.responsive.remarksTable tr td:first-of-type{
		position: relative !important
	}
	table.responsive.remarksTable td.child ul li:nth-last-child(2){
		display:flex;
	}
	table.responsive.remarksTable  tbody > tr > td:first-of-type:before{
		top:20px;
	}
  .remarksTable tr td {
    vertical-align: top;
  }

  .remarkRow > td {
    width: 100%;
  }
  .update-body-text .text-action a {
    display: flex;
    justify-content: center;
  }
  #fileUpload button.close {
    right: 0;
    top: -35px;
  }
  #fileUpload .modal-body {
    padding: 25px;
  }
  .check-body-update .update-list .update-body {
    margin-bottom: 15px;
  }
  .update-body-text .text-action {
    width: 100px;
  }
  .check-body-update .review_action {
    justify-content: flex-end;
    position: relative
  }
  .check-body-update .review_action a {
    width: auto;
    padding: 0 7px;
  }
  .check-body-update .review_action a:first-of-type {
    position: absolute;
    right: 0;
    padding-right: 0;
  }
  .update-body-text {
    margin-bottom: 0px;
    padding-left: 0
  }
  .check-body-update .update-list {
    flex-wrap: wrap
  }
  .check-body-update .update-list > div {
    width: 100% !important;
  }
  .check-body-update .check_profile {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 15px;
    margin: 0 0 10px;
  }
  .update-header {
    display: none;
  }
  .mlist-card {
    align-items: flex-start
  }
  .mlist-header > span {
    font-weight: 700;
    display: block;
    margin: 0 0 10px;
  }
  .mlist-header {
    display: block;
    padding-left: 0px;
  }
  .mlist-header .radio_group {
    width: 100%;
  }
  .mlist-header .radio_group fieldset {
    max-width: inherit;
    justify-content: flex-start;
    margin: 0 0 10px;
  }
  .student_card > .nice-select {
    width: 100%;
    text-align: right !important;
    padding-right: 0;
    border-bottom: 2px solid var(--mco);
    margin: 15px 0;
    float: none;
  }
  .student_card > .nice-select ul li.option.selected.focus {
    color: var(--mco)
  }
  .student_card > .nice-select .current {
    font-weight: 700;
    color: var(--mco);
    font-size: 16px;
  }
  .student_card > .nice-select:before {
    background-position: -96px -6px;
    height: 16px;
    width: 4px;
  }
  body {
    padding-bottom: calc(100px - 10px);
  }
  .select2-container--default {
    margin: 0 0 15px !important;
  }
  .select2-container--default .select2-selection__rendered:after {
    content: '';
    background: url(../designFiles/sprite.png) no-repeat;
    background-position: -10px -181px;
    width: 25px;
    height: 9px;
    display: inline-block;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: none;
  }
  .student_area .check_profile .prifile_image {
    display: block;
  }
  span.in_review {
    margin: 0;
  }
  tr td:last-of-type, tr th:last-of-type {
    padding: .75rem;
  }
  .c-badge {
    margin-left: 10px;
  }
  .reg_steps {
    margin-top: 8px;
    margin-bottom: 15px;
  }
  .date_tick {
    display: flex;
    justify-content: flex-end;
  }
  .date_tick i {
    margin-right: 4px;
  }
  .courseno_filter {
    display: none;
  }
  .student_report .data_table thead th:first-of-type {
    width: 100% !important
  }
  .score_app td {
    min-height: 36px;
  }
  .student_profile img {
    width: 46px;
    height: 46px;
	  object-fit: cover;
    object-position: top;
  }
  .guide_course {
    margin-top: 18px;
  }
  .popup .close {
    right: auto;
    left: 12px;
    top: 10px;
  }
  .popup .close .sprite {
    width: 7px;
    height: 13px;
    background-position: -40px -35px
  }
  .popup .btn {
    /*    position: absolute;*/
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .popup.modal.fade .modal-dialog {
    transition: none;
  }
  .popup .modal-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    border: 0;
  }
  .check_profile {
    margin: 0 0 25px;
  }
  .starcourse_form .form-group .nice-select {
    width: 216px;
  }
  .starcourse_form {
    margin-top: 10px;
  }
  .student_info.student_check {
    margin-top: 10px;
  }
  .student_check .student_profile {
    display: none !important;
  }
  .pm_approval label {
    width: 90%;
  }
  td.child:before {
    display: none
  }
  td.child ul {
    padding: 0;
    margin: 0;
  }
  td.child ul li {
    margin: 0 0 10px
  }
  td.child ul li:last-of-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
  td.child {
    padding: 10px 5px !important;
  }
  .dtr-title {
    color: #666666
  }
  .data_table.responsive tbody td {
    position: relative;
    font-size: 14px;
  }
  .data_table.responsive thead > tr > th:nth-of-type(2) {
    font-size: 0
  }
  .data_table.responsive tbody > tr > td:nth-of-type(2), .data_table.responsive tbody > tr > td:nth-of-type(3) {
    text-align: left
  }
  .data_table.responsive tbody > tr > td:first-of-type {
    padding-right: 25px;
  }
  .data_table.responsive tbody > tr.parent > td:first-of-type:before {
    transform: rotate(0)
  }
  .data_table.responsive tbody > tr > td:first-of-type:before, .file-table.responsive tbody > tr > td:first-of-type:before {
    content: '';
    background-position: -10px -101px;
    width: 17px;
    background-image: url("../designFiles/sprite.png");
    height: 7px;
    position: absolute;
    right: 5px;
    top: 18px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .file-table.responsive tbody > tr > td:first-of-type:before {
    top: 22px;
    cursor: pointer;
  }
  .file-table.responsive tbody > tr > td:first-of-type {
    position: relative;
    padding-right: 35px;
  }
  .file-table td.child ul li:last-of-type {
    display: block;
  }
  .followup_form .fa-calendar-alt {
    display: none;
  }
  .form_foot .container {
    padding: 0;
  }
  .multiple_btn a {
    width: auto;
    padding: 0 12px;
  }
  .student_card .oms_detail .btn {
    width: 100%;
  }
  .student_card .multiple_btn .btn {
    width: auto !important;
  }
  .sc_header .header_detail .h1 span.student-name {
    display: none;
  }
  .sc_header .header_detail .h1 a {
    float: none;
  }
  .sc_tabs {
    display: flex;
    justify-content: space-between
  }
  .sc_tabs a {
    margin: 0;
    font-size: 16px;
  }
  .student_profile {
    width: 15%;
    margin-left: 10px;
  }
  .header_detail {
    width: 85%;
  }
  .sc_header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .student_info .student_card {
    width: 100%;
    border: 0;
    padding: 0;
  }
  .student_info .student_list {
    display: none;
  }
  .oms_filter .col-md-3 {
    margin: 0 0 15px;
    padding: 0;
  }
  .oms_filter .btn {
    width: 100%;
  }
  .oms_filter .actable_head .filter_group {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  .guide_profile {
    text-align: center;
    margin: 0 0 15px;
  }
  .guideadd_form .h2 {
    margin: 10px 0 15px;
    color: var(--mco)
  }
  .guideadd_card .form-group {
    margin: 0 0 15px;
  }
  .filter_link {
    flex-wrap: wrap;
  }
  .filter_link .form-group {
    margin-bottom: 15px;
  }
  .filter_body > .div1 .form-group {
    flex: 0 0 50%;
  }
  .actable_head {
    display: block;
  }
  .actable_head .h2 {
    display: block;
    margin: 0 0 20px;
  }
  .mem-container .mem_card.link_card a {
    text-align: right;
    padding-right: 35px;
  }
  .mem-container {
    flex-wrap: wrap
  }
  .mem-container .mem_card {
    width: 100%;
    margin: 0 0 10px;
  }
  .add_result form .form-group {
    width: 100%;
    max-width: 100%;
  }
  .add_result .sf_1 {
    flex-wrap: wrap
  }
  .add_result .sf_1 span {
    width: 100%;
    margin: 0 0 10px;
  }
  .ac_table table tbody td .form-group input[type="checkbox"] {
    vertical-align: top;
  }
  .add_result .sf_1 span:nth-child(2), .add_result .sf_1 span:nth-child(3) {
    width: 40%;
  }
  .ac_table table tbody td .form-group img {
    margin-right: 8px;
  }
  .add_form form .sf_1 {
    flex-wrap: wrap
  }
  .add_form form .sf_1 .form-group {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 15px;
  }
  .course_form {
    margin-bottom: 15px;
  }
  .course_form form .form-group .form-control {
    width: 50%
  }
  .course_form form .form-group {
    margin: 0 0 10px;
    width: 100%;
  }
  .course_form form {
    flex-wrap: wrap
  }
  .table_card tbody tr, .ac_table tbody tr {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
    border: 1px solid #DBE3EA;
  }
  .table_card tbody tr td {
    border: 0;
    padding: 8px;
    padding-left: 10px;
  }
  .table_header .btn {
    width: 38px
  }
  .table_header .btn i {
    margin: 0;
  }
  .table_header .btn span {
    display: none;
  }
  .counter_card strong {
    font-size: 18px;
    margin: 0 0 10px;
  }
  .counter_card span {
    font-size: 44px;
    line-height: 20px;
  }
  .counter_card {
    margin: 0 0 28px;
  }
  .mobile_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0px 0 0;
    font-size: 14px;
    color: #252734;
  }
  .approve_list {
    flex-wrap: wrap
  }
  .approve_list .post_date {
    width: 25%;
  }
  .approve_list .post_action {
    width: 10%;
  }
  .approve_list .post_title {
    width: 65%;
  }
  .approve_header .post_date, .approve_list .post_guide {
    display: none
  }
  .approve_list label {
    font-size: 14px;
  }
  .post_action a {
    width: 130px;
  }
  .post_action {
    width: 100%;
  }
  .post_date {
    width: 100%;
    text-align: right;
    margin: 5px 0;
  }
  .post_title {
    width: 100%;
  }
  .post_header, .post_list .posts {
    display: block;
  }
  .post_header {
    display: none;
  }
  .student_tab, .student_area .prifile_image {
    display: none;
  }
  .st_cousre > .h1, .mobile_title {
    color: var(--mco);
    display: block;
  }
  .sc_card a {
    display: flex;
    align-items: center
  }
  .sc_card a img {
    max-width: 130px;
    width: 100%;
    height: 71px;
  }
  .form_container, .std_container {
    padding: 0 15px;
  }
  .step4_form .radio_group {
    width: 100%;
  }
  .step_form {
    padding-right: 10px;
    padding-left: 10px;
  }
  .reg_step2 .carousel_title .form-group {
    margin: 5px 0 0;
  }
  .radio_group fieldset {
    max-width: 100px;
    margin-top: 10px;
  }
  .tr_card {
    flex-wrap: wrap
  }
  .tr_card > div {
    width: 100%;
  }
  .reg_step2 {
    padding-right: 10px;
    padding-left: 10px;
	padding-bottom: 10px;
  }
  .reg_card {
    width: 90%;
    padding: 25px;
  }
  .form_foot {
    padding: 10px;
	position: relative;
  }
  .reg_steps ul li {
    margin: 0 5px 0 0;
  }
  .reg_steps ul li :first-of-type {
    margin-right: 0;
  }
  .step_slides .owl-dots {
    text-align: center;
  }
  .crs_content .btn {
    padding: 0 27px;
    width: 100%;
    height: 36px;
    line-height: 36px;
  }
  .crs_content {
    text-align: center;
    padding: 15px;
  }
  .crs_no {
    border-left: 0;
    font-size: 32px;
    padding: 0;
    border-bottom: 1px solid #CBCBCB;
    line-height: 48px;
  }
  .crs_card {
    display: block;
  }
  .crs_card > div {
    width: 100%;
    max-width: inherit;
  }
  .step_carousel {
    padding: 0 10px;
  }
  .reg_steps ul li i {
    display: none;
  }
  .logo.text-center {
    text-align: center !important
  }
  form .col-md-6 > p {
    margin: 0 !important;
  }
  #wrapper {
    padding-top: calc(100px - 40px);
  }
  .form_container {
    padding: 0 15px;
  }
  .side_btn {
    display: block;
  }
  .headerOfPage1 .side_btn .navbar-toggler {
    display: none !important;
  }
  html[dir="rtl"] div.lang_sec {
    left: 10px !important;
  }
  .signup_detail img {
    display: none;
  }
  .signup_box .theme_btn {
    width: 311px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .content_area strong {
    margin-top: 25px;
  }
  .content_area {
    padding: 25px 20px 0;
    margin-top: 28px;
    border-top: 1px solid #CBCBCB
  }
  .signup_detail {
    max-width: 90% !important
  }
  .signup_detail ul li:last-of-type {
    margin-top: 15px;
  }
  .logo_sec img {
    display: none;
  }
  #wrapper {
    overflow: auto
  }
  #wrapper.help-page
  {
	padding-top: 56px;
  }
  .signup_detail ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .signup_detail ul li {
    flex: 0 0 38%;
    text-align: right;
  }
  #main_header {
    padding: 8px 0;
  }
  #main_header .logo img {
    height: 40px;
    width: 40px;
  }
  .signup_box {
    position: static;
    margin-top: calc(56px - 1px);
    transform: none !important;
  }
  html[dir="rtl"] .signup_page div.lang_sec,  .signup_page div.lang_sec {
    left: 15px !important;
    top: 10px !important;
    right:  auto !important;
}
  .signup_box .signup_detail {
    max-width: 100% !important;
    height: auto;
    margin: 20px 0 0;
    border: 0;
  }
  .signup_box .box_content {
    width: 100%;
  }
  .signup_bg {
    display: none;
  }
  .signup_page #main_header {
    display: block;
  }
}
/* Small Mobile Layout: 480px. */
@media (max-width: 480px) {
	.courseno_filter .nice-select span.current{
		line-height:normal;
	}
  #instructionModal .close {
    right: 0;
    top: -30px;
  }
  #instructionModal .modal-dialog {
    margin-top: 3em;
  }
  .flip_card {
    width: 315px;
  }
  span.in_review {
    margin-left: 0em;
    color: #666666;
    font-size: 12px;
    position: absolute;
    top: 4px;
    right: 16px;
  }

  .oms_filter .actable_head .filter_group .nice-select span.current, .oms_table .nice-select span.current { overflow: hidden; }

 /* .multiple_btn  {
	 display: inline-grid;
  }*/

  .student_card .oms_detail .btn
  {
	 margin-top: 10px;
  }

  .followup-actions
  {
		 display: grid;
  }

  .help-icon
  {
	 top: 13px;
	 right: 55px;
	 left: unset;
  }
  .help-icon img
  {
	width: 28px;
  }

 .help_links .help_links_in { width: 100%; padding-right: 0px;}
.help_links a
 {
	padding: 0px 7px;
 }	 	 

 .help_links a span
 {
		display: none;
	}
}
@media(max-width:376px){
	.remarksTable .remarkRow{
		right: -16em;
	}
}
/*big from small mobile, small from wide mobile*/
@media (max-width: 338px) {
  .studentCert-details span.cert-pic {
    top: 58px;
    left: calc(50% - 131px);
  }
  .flip_card {
    width: 100%;
  }
  .studentCert-details, .back_card {
    background-size: 100%;
  }
  .ac_table td:before {
    right: 6em
  }
}

.profile .profile_overlay
{
	z-index: 1000;
}

.profile .profile_card
{
	z-index: 1010;
}