:active, :focus { outline: none !important; }
.btn-primary {color: #fff !important; }
.btn-gray {background-color: #ddd; color: #414141;}
img[usemap] {border: none; height: auto; max-width: 100%; width: auto; }
#apply.bv-form .help-block {float:none;}
#apply .radiowrap, #program_LN {margin-left:20px; margin-right:20px;}
.form-group.form-radio .help-block {margin-left:22px;}
#DLI_logo {max-width: 314px;}
.tabs-wrapper { margin: 0 auto; display: block; overflow: hidden; position: relative;}
.tabs-wrapper ul.tabs {list-style: none; display:inline-block; padding: 0; font-size: 0; overflow-x: auto; -ms-overflow-style: none; overflow: -moz-hidden-unscrollable; width: 100%; list-style-position: inside; white-space: nowrap; text-align: center;}
.tabs-wrapper ul.tabs::-webkit-scrollbar { display: none;}
.tabs-wrapper ul.tabs li { width: auto; margin: 0; border-bottom: 1px solid #ccc; padding-bottom: 4px; cursor: pointer; display: inline-block; font-size: 16px; line-height: 24px; list-style: none;}
.tabs-wrapper ul.tabs li.active { border-bottom: 4px solid #76b900; padding-bottom: 1px;}
.tabs-wrapper ul.tabs li.active a { color: #76b900; font-weight: 600;}
.tabs-wrapper ul.tabs li a { color: #000; font-size: 16px; padding-top: 10px; padding-bottom: 5px; display: block; line-height: 1.4;}

.tab-pane p.h4 { padding-top:65px;}
.tab-pane p.h4:before {content: "\201C"; font-size: 32px; color: #fff; display: inline-block; line-height:0;}
.tab-pane p.h4:after {content: "\201C"; font-size: 32px; color: #fff; display: inline-block; line-height:0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

#lecturer .cardbox { padding: 35px 25px 15px; margin-left: -8px; margin-right: -8px; margin-bottom:0; margin-top: -35px; border: 1px solid #c7c7c7; border-radius:6px;}
#lecturer h3 { position: relative; z-index: 1; background: #fff; display: flex; width: 250px; margin: 20px auto 10px; justify-content: center;}
#lecturer ul { margin-left: -10px; margin-right: 15px; padding-bottom: 15px;}

.card{ background-color: #fff; border: 1px solid transparent; border-radius: 3px; width: 100%;}
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{ position: relative; padding: 0; display: table; }
.card .card-img .card-caption { position: absolute; right: 0; bottom: 16px; left: 0;}
.card .card-body{ display: flex; flex-direction: column; justify-content: space-between; width: 100%; padding: 15px 20px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card-default{ border-color: #ddd; background-color: #fff; margin: 5px;}
.card-default > .card-header, .card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }

.tabs-wrapper .tab-pane .row, .tabs-wrapper .col {width: 100%; display:flex; justify-content: center; margin:0;}
.tabs-wrapper p {margin: 5px 5px 20px;}
.tabs-wrapper .btn-success {border-radius:3px; padding: 8px 0; }

#topics {display:flex;}
#topics img {max-width:70px; margin-right:15px;}
.img-area { background-image: url(../images/DLI.webp); background-color: #405265; background-size: auto 100%; background-repeat: no-repeat;border-top: 1px solid #405265;}
.img-area > .row {display: flex; height: 259px; justify-content: center; align-items: center;}

.wow { visibility: hidden; }
#thumbs {max-width:516px; margin:0 auto; text-align:center; padding-bottom:20px;}
#thumbs span {padding:10px; text-align:center; display:block; font-size:15px; line-height:30px; background-color:#40a838; color:#fff; font-weight:500;}
#thumbs div {padding:10px; max-width:258px;}

#col-row h4 {font-size:18px;}
.container-fluid { background: #eeefef; padding:40px 0;}
.container-fluid h3 {font-size:20px; text-align:center; font-weight:600;}
.col-border {background-color:#fff; border:1px solid #40a838; padding:20px 30px; }

.newtable thead tr td { background: #fff !important; font-size:17px; color:#313131; }

.libraries-block-link, .tools-block-link { height: 130px; line-height: 130px; display: block;}
.libraries-block a img { padding: 0 10px 5px; max-height: 100%; max-width: 200px; display: inline-block;}
.libraries-block h4, .tools-block h4 { font-size: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.tools-block a img { padding-bottom: 5px; display: inline-block;}

h1 {font-size:34px;}
h4 {line-height:1.44;}
.textcomp {padding:30px 0 0 0;}
.textcomp p {font-size:16px; }
#icon_course {border: 2px solid #405265; max-width: 90px; margin-top: -40px;}

.NVColor {color: #76b900;}
.NVColor a:link {color: #76b900; }
.NVColor a:visited {color: #76b900; }
.NVColor a:hover {color: #76b900; }
.NVColor a:active { color: #76b900; }

.well { background-color: #fff; padding: 5px !important; border: 1px solid #383838 !important; }
.border-1 {border: 1px solid #ddd;}
.well small { margin-left: 20px; margin-right: 10px; display: block; margin-bottom: 20px;}
.pointer {cursor:pointer;}

.btn-primary { color: #ffffff; background-color: #76b900; border-color: #76b900;}

#bt_apply {width:100%; border-radius: 2px;}
.float-l-md {float:left; margin-top:-10px;}

#course_list.list-center { display: block; width:100%; list-style-type: none; margin-left: -15px;}
#course_list.list-center li { width:100%; line-height: 1.4; font-size: 16px; border-top:1px solid #ddd; text-align: left; background: url(/images/arrow2.gif) 0 15px no-repeat; padding: 8px 0 8px 15px;}
#course_list.list-center li:first-child {border:0}
#course_list .btn { padding: 5px 40px; border-radius:2px;}

.feature_inner { display: flex; justify-content: space-between; flex-wrap: wrap; padding-right: 15px; padding-left: 15px;}

.panel-title > a {font-size: 16px;}
.panel-group .panel { margin-bottom: 0;}
.panel-group .panel-title>a.md {font-size:15px; padding: 8px 12px;}

#couseModal.mscroll .modal-body {margin-left: 15px;}
#couseModal li, #couseModal li > ol{margin-left:-15px;}
#couseModal li > ol{margin-top:5px;}
#couseModal .mCS_y_hidden { margin-right: 15px;}
ol.privacy li {margin-bottom:5px;}
ol.privacy li li:last-child {margin-bottom:15px;}

#courseContent h4 {margin-bottom:0;}

.qr {max-width: 180px;}
.fb-icon {max-width: 50px;}

.photo {max-width: 130px; -webkit-box-shadow: rgba(0, 0, 0, .8) 0 1px 2px 0px;}
.privacy {font-size:13px;}

@media (max-width: 1999px) {
    .float-l-md {width:100%;}
    .scroll-nav {margin-top:5px;}
}

@media (min-width: 1200px) {
    .float-l-md {width:78%;}
    .tabs-wrapper ul.tabs li {padding-left: 20px; padding-right: 20px;}
}

@media (max-width:1199px) {
    .tabs-wrapper ul.tabs li {padding-left: 15px; padding-right: 15px;}
}

@media (min-width: 992px) {
    .border-left-lg {border-left:1px solid #ddd;}
    #course_list .btn {margin-top: -4px; float:right;}
}

@media (max-width: 991px) {
    #DLI_logo { max-width: 250px;}
    h1.NVColor {font-size: 26px;}
    .text-center-sm { text-align: center; max-width: 570px; margin-left: auto; margin-right: auto; }
    .text-center-sm ul {padding: 0;}
    .text-center-sm li {list-style:none;}
    .photo {width: 50%;}
     #course_list .btn {width: calc(100% - 15px); margin-top: 4px;}
    #topics h1 {text-shadow: -2px 2px 1px rgb(0 0 0 / 80%); }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tabs-wrapper ul.tabs li {padding-left: 10px; padding-right: 10px;}
}

@media (min-width: 641px) {
    .flex_col {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 35px 20px;}
    .flex_col .flex_col_item, .flex_col li {width: calc(48%); padding-bottom: 15px;}
}

@media (max-width: 640px) {
    .flex_col:not(.col-border) {padding: 10px 5px;}
    .flex_col .flex_col_item, .flex_col>li {padding-bottom: 5px;}
}

@media (min-width: 768px) {    
    .col-border:not(:first-child) { border-left:0; }
    .img-area { background-position: 70% 50%;}
}

@media (max-width: 767px) {
    #lecturer.row { margin-right: 0; margin-left: 0;}
    .col-border:not(:first-child) { border-top:0; }
    .textcomp p {text-align:left;}
    h1.NVColor {font-size: 22px;}
    h4 {font-size:17px;}
    ul.list-center li {font-size:18px; line-height: 1.8;}
   .tabs-wrapper ul.tabs li a {font-size:15px;}
   .tabs-wrapper ul.tabs li:first-child {margin-left: 0;}
   .tabs-wrapper ul.tabs li {padding-left: 10px; padding-right: 10px;}
   .tabs-wrapper ul.tabs li a {font-size:15px;}
   .img-area { background-position: 50%; }
    #course_list.list-center li { font-size: 14px;}
}

@media (min-width: 581px) {
    .feature_inner p {width: calc(48%);}
}

@media (max-width: 580px) {
    h1.NVColor {font-size: 20px;}
    h3 {font-size: 18px; line-height:1.4; padding-top:0;}
    h4 {font-size:15px;}
    .photo {width:60%;}
}

@media (max-width: 575px) {
    .tabs-wrapper ul.tabs li {padding-left: 10px; padding-right: 10px;}
    .tabs-wrapper ul.tabs li:last-child {padding-right:10px;}
    .tabs-wrapper ul.tabs li a {font-size:13px; padding-top: 0; line-height:40px;}
    .tabs-wrapper .tab-pane .row {flex-direction: column; margin: 0 15px; width: calc(100% - 30px);}
    .img-lab  {max-width:100px;}
    .list_item {margin-left:-20px;}
}

@media (max-width: 500px) {
    #thumbs .col-xs-6 {width: 100% !important;}
    #thumbs div {max-width: 100%;}
    #thumbs img {width: 100%;}
    .photo {width:30%;}
    .SubListTxt ul {padding-left: 20px;}
}

@media (max-width: 460px) {
    #DLI_logo { max-width: 55vw;}
    #lecturer h3 {width: 200px !important; margin-top: 10px !important;}
    .tabs-wrapper ul.tabs li {padding-left: 5px; padding-right: 5px;}
    .tabs-wrapper ul.tabs li a {font-size:12px; padding-top: 0; line-height:25px;}
    #topics h1 { font-size: 28px; font-weight: 600;}
    #icon_course {max-width: 70px; margin-top: -35px;}
    #course_list.list-center li { font-size: 13px;}
}