/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */



 .disable-action,
 .disable-action>* {
   color: white !important;
   background-color: gray !important;
   pointer-events: none !important;
   border: #555;
 }
 
 .right {
   float: right;
 }
 
 .hidden {
   display: none;
 }
 
 .admin .img.thumb {
   max-width: 50px;
 }
 
 .oneline {
   display: inline-block !important;
   max-width: 590px;
 }
 
 .paging.active {
   color: #215582;
   font-weight: bold;
 }
 
 .content .box-body img {
   max-width: 100%;
 }
 
 .invoice {
   padding: 18px;
 }
 
 .daychoose {
   height: 34px !important;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: 1px solid #ccc;
 }
 
 .half {
   width: 50%;
   min-width: 250px;
 }
 
 .quarter {
   width: 25%;
   min-width: 250px;
 }
 
 .inblock {
   display: inline-block !important;
 }
 
 #notice {
   display: inline-block;
 }
 
 .admin form label {
   padding-top: 10px;
 }
 
 .admin form label.choose-file {
   padding-top: 5px;
 }
 
 .highcharts-button {
   display: none !important;
 }
 
 .highcharts-credits {
   display: none !important;
 }
 
 ul.nav.nav-tabs.choose-login {
   margin-top: 10px;
 }
 
 .col-xs-6.remember {
   margin-top: 10px;
 }
 
 .mr-5 {
   margin-right: 5px;
 }
 
 /* Other css*/
 
 .mgcustom-15 {
   margin: 0 15px 12px;
 }
 
 .mb-10 {
   margin-bottom: 10px;
 }
 
 .mt-10 {
   margin-top: 10px;
 }
 
 .admin .invoice {
   margin: 10px 0px;
 }
 
 .user-detail {
   position: relative;
   background: #fff;
   border: 1px solid #f4f4f4;
   padding: 20px;
   margin: 10px 0px;
 }
 
 .btn-delete {
   position: absolute;
   top: 0%;
   left: 0%;
   display: none;
   background: rgb(225, 30, 0);
   color: rgb(231, 14, 14);
   padding: 0px;
   border: none;
   cursor: pointer;
 }
 
 .user_history .truncate strong {
   width: 100px;
   font-size: 14px !important;
   font-weight: 600 !important;
   overflow-wrap: anywhere;
   /* white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; */
 }
 
 .report-action-user .user-show-border {
   padding: 10px;
   border: solid 1px rgb(206, 201, 201);
   border-radius: 5px;
 }
 
 .card-resources:hover .btn-delete {
   display: block;
 }
 
 .card-resources {
   position: relative;
   background-color: lightgray;
   margin: 3px;
   min-height: 3em;
 }
 
 .card-demonstration-paradigms {
   position: relative;
   background-color: lightgray;
   margin: 3px;
   min-height: 3em;
 }
 
 .card-demonstration-paradigms .btn-delete {
   display: block;
 }
 
 .card-demonstration-paradigms .btn-status {
   display: block;
 }
 
 .demonstration-paradigms-image img {
   width: 100%;
   height: 160px;
   object-fit: cover;
 }
 
 .resources-image img {
   width: 100%;
   height: 160px;
   object-fit: cover;
 }
 
 .tag-config {
   background: linear-gradient(to right, #337ab7, #337ab7);
   position: relative;
   color: #fff;
   display: inline-flex;
   padding: 5px 33px 5px 5px;
   border-radius: 5px;
 }
 
 .tag-delete {
   position: absolute;
   background: linear-gradient(to right, #337ab7, #337ab7);
   color: #3cee21;
   display: inline-flex;
   border-left: 1px solid #1e9a6c;
   right: 4px;
   top: 0px;
   padding: 6px 6px 4px 7px;
 }
 
 .tag-delete:hover {
   color: #ff2a05;
 }
 
 .mg-5 {
   margin-top: 5px;
 }
 
 .header-mix-npk h2 {
   color: #00a65a;
 }
 
 .result-mix-npk {
   padding: 0px !important;
 }
 
 /* App modules */
 
 .app-module-name {
   margin-top: 10%;
 }
 
 h2.page-header.app-module-title {
   margin-top: 0;
 }
 
 .import_market_price {
   display: inline-block !important;
 }
 
 .weather .widget-left-menu__logo_black {
   display: none !important;
 }
 
 /* Show detail(actions) user */
 .report-action-user {
   color: #000000;
 }
 
 .img-action-user {
   width: 100px;
   text-align: center;
 }
 
 .user-detail {
   position: relative;
   background: #fff;
   border: 1px solid #f4f4f4;
   padding: 20px;
   margin: 10px 0px;
 }
 
 .redirect-link {
   z-index: 1;
 }
 
 .switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
 }
 
 .switch input {
   opacity: 0;
   width: 0;
   height: 0;
 }
 
 .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
 .slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
 input:checked+.slider {
   background-color: #2196F3;
 }
 
 input:focus+.slider {
   box-shadow: 0 0 1px #2196F3;
 }
 
 input:checked+.slider:before {
   -webkit-transform: translateX(26px);
   -ms-transform: translateX(26px);
   transform: translateX(26px);
 }
 
 /* Rounded sliders */
 .slider.round {
   border-radius: 34px;
 }
 
 .slider.round:before {
   border-radius: 50%;
 }
 
 .post-process-auto {
   display: flex;
 }
 
 .switch {
   margin-top: 18px;
   margin-left: 10px;
 }
 
 .center-td {
   padding-top: 16px !important;
 }
 
 .sortable .active-record-icon .order-icon:before {
   content: '\2195';
   display: inline-block;
 }
 
 .choose-login li a:hover {color: #063652;}
 .choose-login li a {color: white;}
 
 .switch {
   position: relative;
   display: inline-block;
   width: 30px;
   height: 17px;
   margin: 0px;
 }
 
 
 
 .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
 .slider:before {
   position: absolute;
   content: "";
   height: 13px;
   width: 13px;
   left: 2px;
   bottom: 2px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
 }
 
 input:checked + .slider {
   background-color: #2196F3;
 }
 
 input:focus + .slider {
   box-shadow: 0 0 1px #2196F3;
 }
 
 input:checked + .slider:before {
   -webkit-transform: translateX(13px);
   -ms-transform: translateX(13px);
   transform: translateX(13px);
 }
 
 /* Rounded sliders */
 .slider.round {
   border-radius: 17px;
 }
 
 .slider.round:before {
   border-radius: 50%;
 }
 
 .d-none {
   display: none;
 }
 
 .post-images .warning-image {
   position: relative;
 }
 /* .post-images .warning-image a {
   position: absolute;
 } */
 
 .post-images .warning-image i {
   position: absolute;
   right: 10px;
   top: 5px;
 }
 
 /* .post-images .warning-image {
   position: relative;
 } */
 
 #demonstration-form .demonstration-img {
   position: relative;
 }
 
 #demonstration-form .demonstration-img img{
   position: relative;
 }
 
 #demonstration-form .demonstration-img button{
   position: absolute;
   right: 10px;
   top: 5px;
 }
 
 .admin.main.content label.post_to_fb, .admin.main.content #post_to_fb{
   cursor: pointer;
 }
 
 .lucky-wheel-colors img{
   display: none;
 }
 
 .lucky-wheel-colors input{
   cursor: pointer;
 }
 .lucky-wheel{
   text-align: center;
 }
 .btn-code_lucky_wheel{
   padding: 5px 20px !important;
 }
 .td-hightlight {
     background: #dff0d8 !important;
     font-weight: 600;
 }
 /** The Magic **/
 .mission-breadcrumb .btn-breadcrumb .btn:not(:last-child):after {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 17px solid transparent;
   border-bottom: 17px solid transparent;
   border-left: 10px solid white;
   position: absolute;
   top: 50%;
   margin-top: -17px;
   left: 100%;
   z-index: 3;
 }
 .mission-breadcrumb .btn-breadcrumb .btn:not(:last-child):before {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 17px solid transparent;
   border-bottom: 17px solid transparent;
   border-left: 10px solid rgb(173, 173, 173);
   position: absolute;
   top: 50%;
   margin-top: -17px;
   margin-left: 1px;
   left: 100%;
   z-index: 3;
 }
 
 /** The Spacing **/
 .mission-breadcrumb .btn-breadcrumb .btn {
   padding:6px 12px 6px 24px;
 }
 .mission-breadcrumb .btn-breadcrumb .btn:first-child {
   padding:6px 6px 6px 10px;
 }
 .mission-breadcrumb .btn-breadcrumb .btn:last-child {
   padding:6px 18px 6px 24px;
 }
 
 /** Primary button **/
 .mission-breadcrumb .btn-breadcrumb .btn.btn-primary:not(:last-child):after {
   border-left: 10px solid #78bdfa;
 }
 .mission-breadcrumb .btn-breadcrumb .btn.btn-primary:not(:last-child):before {
   border-left: 10px solid #70b9f8;
 }
 .mission-breadcrumb .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
   border-left: 10px solid #9dd1ff;
 }
 .mission-breadcrumb .btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
   border-left: 10px solid #2c96f1;
 }
 .mission-breadcrumb a{
   color: #ffffff;
 }
 
 .truncate-line-5 {
   /* overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   /* truncate to 4 lines
   -webkit-line-clamp: 3; */
 
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 5; /* số dòng hiển thị */
   -webkit-box-orient: vertical;
 }
 
 .custom-modal-1000 {
     width: 1000px;
     left: 50%;
     transform: translate(-50%);
 }
 .work_break_all {
   word-break: break-all;
 }
 
 figure.image.image_resized {
   margin: auto;
 }
 
 td.notification.truncate {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 150px;
 }
 
 .readonly-input {
   border: none;
   background-color: transparent;
   padding: 0;
   margin: 0;
   width: auto; /* Adjust as needed */
   cursor: default;
 }
 
 .advertisements .custom-click-button {
   width: 84px;
   height: 25px;
   margin-left:5px;
 }
 
 #application-features span.select2 {
   width: auto !important;
   min-width: 80%
 }
 
 .font-weight-bold {
   font-weight: bold !important;
 }
 
 #menu-ckeditor .ck-editor__editable{
   min-height: 300px;
 }
 
 .spinner {
   text-align: center;
 }
 .glyphicon-spin {
   font-size: 1em; /* Adjust size as needed */
   animation: spin 2s infinite linear;
 }
 @keyframes spin {
   100% {
     transform: rotate(360deg);
   }
 }
 
 #render_menus table tr:nth-child(4n-1), #show_menus table tr:nth-child(even) {
   background-color: #EDF5FF;
 }
 
 .btn-copy-clipboard{
   border: none;
   background: none;
 }
 
 #form-safety-warning #admin_safety_warning_title, #form-safety-warning #admin_safety_warning_description, #form-safety-warning .form-group {
   position: relative;
 }
 
 #form-safety-warning #title-count, #form-safety-warning #description-count {
   font-size: small;
   color: #888;
   margin-top: 5px;
   position: absolute;
   bottom: 0;
   right: 10px;
 }
 
 .pd-10 {
   padding-bottom: 10px;
 }
 table.custom-text-align th:not(:first-child):not(:last-child):not(:nth-child(2)),
 table.custom-text-align td:not(:first-child):not(:last-child):not(:nth-child(2)) {
   text-align: center;
 }
 table.custom-text-align th:first-child, table.custom-text-align td:first-child{
   text-align: start;
   padding-left: 30px;
 }
 table.custom-text-align th:last-child, table.custom-text-align td:last-child{
   text-align: end;
   padding-right: 30px;
 }
 
 /** Breadcrumb of invoices **/
 .btn-breadcrumb .btn:not(:last-child):after {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 17px solid transparent;
   border-bottom: 17px solid transparent;
   border-left: 10px solid white;
   position: absolute;
   top: 50%;
   margin-top: -17px;
   left: 100%;
   z-index: 3;
 }
 
 .btn-breadcrumb .btn:not(:last-child):before {
   content: " ";
   display: block;
   width: 0;
   height: 0;
   border-top: 17px solid transparent;
   border-bottom: 17px solid transparent;
   border-left: 10px solid rgb(173, 173, 173);
   position: absolute;
   top: 50%;
   margin-top: -17px;
   margin-left: 1px;
   left: 100%;
   z-index: 3;
 }
 
 .btn-breadcrumb .btn {
   padding: 6px 8px 6px 20px !important;
   font-size: 13px;
 }
 
 .col-md-16 { float: left; width: 44%; padding-left: 15px; }
 .col-md-26 { float: right; width: 56%; padding-right: 15px; }
 
 /** The Spacing **/
 .btn-breadcrumb .btn {
   padding: 6px 12px 6px 24px;
   cursor: auto !important;
 }
 
 .btn-breadcrumb .btn:hover {
   background: #f4f4f4 !important;
   border-color: #ddd !important;
 }
 
 .btn-breadcrumb .btn:first-child {
   padding: 6px 6px 6px 10px;
 }
 
 .btn-breadcrumb .btn:last-child {
   padding: 6px 18px 6px 24px;
 }
 
 /** Default button **/
 .btn-breadcrumb .btn.btn-default:not(:last-child):after {
   border-left: 10px solid #f4f4f4;
 }
 
 .btn-breadcrumb .btn.btn-default:not(:last-child):before {
   border-left: 10px solid #ccc;
 }
 
 .btn-breadcrumb .btn.current {
   background: #1adf45 !important;
 }
 
 .btn-breadcrumb .btn.current:after {
   border-left: 10px solid #1adf45 !important;
 }