/*
Theme Name: IRT Thành đoàn
Theme URI: https://webnganh.com/
Author: IRT
Author URI: https://webnganh.com/
Description: WebNganh.Com
Version: 9.0
License: GNU General Public License v1 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: theme wordpress, wordpress theme dev, wordpress dev, webnganh.com
Text Domain: webnganh.com

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


body{
    font-size: 14px;
    font-weight: bold;
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, pre, textarea, ul {
    margin: 0;
    padding: 0;
}
/* .col-md-10{
    max-width: 89%;
    flex: 0 0 89%;
} */
@media (min-width: 1360px){
    .container{
        max-width: 1600px;
    }
}
@media (min-width: 1200px) {
    .container{
        max-width: 1450px;
    }
    .form-group{
        text-align: right;
    }
    .col-md-1{
        max-width: 12%;
        flex: 0 0 12%;
    }
}
.button-submit{
    justify-content: center;
}
.form-info{
    margin-top: 20px;
}
.title-form{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: white;
    position: relative;
}
.title-form h3{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.box-content{
    height: auto;
    width: 100%;
    padding: 10px;
    border: 1px solid #eaeaea;
    font-size: 12px;
    min-height: 400px;
}
.lds-dual-ring.loading { 
    display: none;
  }
  .lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
  }
  .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 5% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .overlay_irt{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 999;
    opacity: 1;
    transition: all 0.5s;
  }
  .form-result{
      text-align: left;
  }

  /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content/Box */
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
  }
  
  /* The Close Button */
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
  .close:not(:disabled):not(.disabled) {
    text-align: right;
    outline: none;
}
.modal-content.active{
    opacity: 1;
    top: 50%;
    transform: translate(-50%,-50%) scale(1);
    transition: transform 300ms cubic-bezier(0.18, 0.89, 0.43, 1.19);
}
.modal-content .icon i.fa-check{
    font-size: 30px;
    color: #34f234;
}
.modal-content .icon i.fa-times-circle{
    font-size: 30px;
    color: red;
}
.modal-content .title{
    color: #222;
    font-size: 15px;
    padding: 5px;
}
.modal-content .dismiss-btn{
    margin-top: 15px;
}
.modal-content .dismiss-btn button{
    padding: 10px 20px;
    background: #111;
    color: #f5f5f5;
    border: 2px solid #111;
    font-size: 16px;
    font-weight: 600;
    outline: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}
.modal-content .dismiss-btn button:hover{
    color: #111;
    background: #f5f5f5;
}
.ft-check{
    width: 20px;
    height: 20px;
    float: left;
    background: #eeeeee;
    margin-right: 15px;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
}
.fa-check::before{
    font-size: 18px;
}
input[type=checkbox]{
    position: relative;
    top: 3px;
    left: 10px;
}
@media (min-width: 768px){
    .filter_irt {
        max-width: 20%;
        flex: 0 0 20%;
    } 
}