.form-control::-webkit-input-placeholder { color: #cccccc; } /*support google chrome*/ 
.form-control::-moz-input-placeholder { color: #cccccc; } /*support mozilla*/ 
.form-control::-ms-input-placeholder { color: #cccccc; } /*support internet explorer*/
.select2-container .select2-selection--single .select2-selection__placeholder { color: #cccccc; }


.main_logo {
    float: left;
    width: 170px !important;
    margin-left: 20px;
}

.main_logo_course {
    text-align: center;
    margin-left: 20px;
}

.toggle_menu i:hover {
    color: #004282;
}

.collapse_menu{
    background:#004282 !important;
}

.menu--link.active {
    background: #ecefff !important;
    color: #004282 !important;
}

.menu--link:hover {
	background: #ecefff !important;
	color: #004282 !important;
}

.menu--link:hover,.menu--link:hover .menu--label {
	background: #ecefff !important;
}

.sub_menu--link:hover {
	color: #004282 !important;
	background: #ecefff;
}

.sub_menu--link.active {
	color: #004282;
	font-weight: 500;
}

.menu--subitens__opened {
	background: #ecefff;
}

.footer {

}

.main_logo25 {
    width: auto !important;
}

.srch_explore.is-invalid, .was-validated .prompt:invalid {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.ui .invalid-feedback{
    display: block !important;
}

.night-mode .menu--link.active {
    background: #242424 !important;
    color: #fff !important;
}

.night-mode .menu--link:hover {
	background: #333 !important;
	color: #fff !important;
}

.night-mode  .menu--link:hover, .night-mode .menu--link:hover .menu--label {
	background: #242424 !important;
}

.setting-title{
    margin-bottom: 40px !important;
}

.my_crse_nav_trohpy .nav-item {
    text-align: center;
    width: 33.3% !important;
}

/* .hide {
    visibility: hidden;
 } */

@media (max-width: 450px){
    .logo-bpom,.option_links {
        display: none !important;
    }
    .header_right ul li:nth-child(2){
        display: block !important;
    }
    .header_right ul li {
        display:flex;
        vertical-align: middle;
    }
}

.my_courses_tabs .nav-pills .nav-link.active, .my_courses_tabs .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #004282 !important;
}

.my_courses_tabs .nav-pills .nav-link:hover {
    color: #fff !important;
    background-color: #004282 !important;
}

#btn-submit,.download_btn,.create_btn_dash{
    color: #fff;
    background-color: #004282 !important;
    border-color: #004282 !important;
}

.studio-link-btn{
    color: #fff;
    background-color: #009b43 !important;
    border-color: #009b43 !important;
}

.setting_tabs .nav-pills .nav-link.active, .setting_tabs .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #009b43 !important;
    border-radius: 3px;
}

.ucp-table thead tr th {
    color: #333;
	font-size: 14px;
    background-color: #dbf3e4;
}

.course_tabs .nav-tabs .nav-item.show .nav-link, .course_tabs .nav-tabs .nav-link.active {
    border-bottom: 2px solid #004282 !important;
}