/* --- reset --- */
*{margin: 0;padding: 0;box-sizing: border-box;}

/* --- body --- */
body{font-family: "Plus Jakarta Sans", sans-serif;font-size: 15px;background: #efefef;background-image: radial-gradient(circle, #e2e2e2 1px, rgba(0,0,0,0) 1px);background-size: 1rem 1rem;}

::placeholder { color: #a5a5a5;}

/* --- scroll --- */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #c5c5c5; border: 3px solid #f1f1f1;border-radius: 20px}
::-webkit-scrollbar-thumb:hover {background: #c6c6c6; }

.dropdown-menu .inner::-webkit-scrollbar-thumb{background: #00183a; border: 3px solid #f1f1f1;border-radius: 20px}

#main .rq-admin .main-menu .content .menu-wrapper::-webkit-scrollbar {width: 8px;}
#main .rq-admin .main-menu .content .menu-wrapper::-webkit-scrollbar-thumb {background: #d5d5d5; border: 2px solid #f1f1f1;}

/* --- bootstrap --- */
.row{display: flex;flex-wrap: wrap;}

.col-1{width: 10%}
.col-2{width: 20%}
.col-25{width: 25%}
.col-3{width: 30%}
.col-33{width: 33.33%}
.col-32{width: 32.33%}
.col-4{width: 40%}
.col-5{width: 50%}
.col-6{width: 60%}
.col-7{width: 70%}
.col-8{width: 80%}
.col-9{width: 90%}
.col-10{width: 100%}

.col1{width: 100px}
.col2{width: 200px}
.col3{width: 300px}
.col4{width: 400px}
.col5{width: 500px}
.col6{width: 600px}
.col7{width: 700px}
.col8{width: 800px}
.col9{width: 900px}
.col10{width: 1000px}

.col15{width: 150px}
.col25{width: 250px}
.col35{width: 350px}
.col45{width: 450px}

.colcenter{display: block;margin: 0 auto}

.max{display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}

/* --- a --- */
#main a{text-decoration: none;color: #1A202C;}
#main .text-underline{text-decoration: underline;}

/* --- buttons --- */
#main .button{display: inline-block;}
#main .button.spacer{margin-right: 5px}
#main .button.button-default{color: black;font-size: 13px;border-radius: 6px;padding: 10px 30px;border: 0;transition: .5s;background: #ededed;}
#main .button.button-default i{margin-right: 5px;color: black;}
#main .button.button-simple{color: black;font-size: var(--button-text-size);border-radius: 6px;padding: 7px 16px;border: 0;transition: .5s;background: #ededed;cursor: pointer;}
#main .button.button-simple i{margin-right: 5px;color: black;}
#main .button.button-blue{background: #096a74;color: white;}
#main .button.button-blue i{color: white;}

#main .button.button-primary{background: var( --button-primary-bg-color);color: var(--button-primary-text-color);}
#main .button.button-primary i{color: var(--button-primary-icon-color);}
#main .button.button-full{width: 100%;}

/* --- spacers --- */
.spacer-t-2{margin-top: 2px;display: block;}
.spacer-t-3{margin-top: 3px;display: block;}
.spacer-t-5{margin-top: 5px;display: block;}
.spacer-t-7{margin-top: 7px;display: block;}
.spacer-t-10{margin-top: 10px;display: block;}
.spacer-t-15{margin-top: 15px;display: block;}
.spacer-t-20{margin-top: 20px;display: block;}

.spacer-b-2{margin-bottom: 2px;display: block;}
.spacer-b-2{margin-bottom: 2px;display: block;}
.spacer-b-3{margin-bottom: 3px;display: block;}
.spacer-b-5{margin-bottom: 5px;display: block;}
.spacer-b-7{margin-bottom: 7px;display: block;}
.spacer-b-10{margin-bottom: 10px;display: block;}
.spacer-b-15{margin-bottom: 15px;display: block;}
.spacer-b-20{margin-bottom: 20px;display: block;}


/* --- main login ---  */
#main .login {width: 300px;display: block;margin: 0 auto;background: white;padding: 30px;padding: 60px 20px 80px;border: 1px solid rgb(219 219 219 / 60%);background: #ffffff;border-radius: 10px;margin-top: 100px;}
#main .login .logo-content{display: flex;justify-content: space-between;margin-bottom: 30px;margin-top: 20px;}

.logo-content {}
#main .login .logo-content .logo {width: 60%;display: block;margin: 0 auto;margin-bottom: 10px;}
#main .login h2 {text-align: center;font-size: 13px;font-weight: normal;margin-bottom: 25px;opacity: .9;letter-spacing: .5px;}
#main .login h3 {display: block;margin-bottom: 10px;font-size: 13px;font-weight: normal;}
#main .login h3 i{margin-right: 3px;color: #0f6fde;}
#main .login form { display: flex; flex-wrap: wrap; }
#main .login form label{font-size: 13px!important;}
#main .login form input {height: 38px;background: #ffffff;border: 1px solid #e3e3e3;border-radius: 5px;width: 100%;outline: none;padding: 5px 10px 7px;font-size: 14px;color: #393939;margin-bottom: 6px;}
#main .login form select{font-size: 14px !important;}
#main .login form button{padding: 9px 16px!important;}

/* --- main ---  */
/* #main{} */
/* #main .rq-admin{} */
/* #main .rq-admin .main-header{} */
#main .rq-admin .main-menu{position: fixed;width: 300px;height: 100%;background: #ffffff;border-right: 1px solid rgb(219 219 219 / 60%);z-index: 100;transition: .5s all;}
/* #main .rq-admin .main-menu .content{} */
#main .rq-admin .main-menu .content .logo{text-align: center;font-weight: 600;font-size: 21px;height: 52px;border-bottom: 1px solid rgb(219 219 219 / 60%);display: flex;justify-content: center;align-items: center;}
#main .rq-admin .main-menu .content .logo img{height: 4.5rem;}
#main .rq-admin .main-menu .content .logo span{display: inline-block;}
#main .rq-admin .main-menu .content .logo-content{display: flex; justify-content: center;}
/* #main .rq-admin .main-menu .content .logo-content img{} */
#main .rq-admin .main-menu .content .logo-content .abcpd{width: 45%;margin: 8px;}
#main .rq-admin .main-menu .content .logo-content .embrapa{width: 30%;margin: 8px;}
#main .rq-admin .main-menu .content .menu-wrapper{height: calc(100% - 47px);overflow-y: auto;position: absolute;width: 100%;}
#main .rq-admin .main-menu .content .menu-wrapper .menu{border-top: 1px solid #e4e6e7;padding: 10px 0;}
#main .rq-admin .main-menu .content .menu-wrapper .menu:nth-child(1){border-top: 0}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-title{padding: 0px 25px;font-size: 11px;color: #989898;margin-bottom: 6px;display: block;font-weight: 500;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item{padding: 0px 10px;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item{transition: .2s all}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a{padding: 10px 15px 11px;line-height: 1;display: flex;align-items: center;margin-bottom: 2px;border: 1px solid transparent;font-size: var(--text-body-size);color: var(--menu-item-text-color);font-weight: normal;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a:hover{border-radius: 7px;padding-left: 17px;background: var(--menu-item-bg-hover-color);}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a{transition: .2s all;position: relative;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a span{position: absolute;right: 15px;font-size: 13px;height: 20px;text-align: center;border-radius: 13px;padding: 4px 7px;color: #365f99;font-weight: 500;top: 7px;min-width: 20px;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item.active a{color: var(--menu-item-text-active-color);font-weight: normal;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item.active a{border-radius: 7px;padding-left: 17px;background: var(--menu-item-bg-active-color);}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a:hover{transition: .2s all}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a i{font-size: 17px;margin-right: 7px;transition: .2s all;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a:before{font-size: 18px;margin-right: 7px;transition: .2s all;color: var(--menu-item-icon-color);}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a .badge{position: absolute; right: 10px;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a .badge.badge-fail{color: #e55c53;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item a .badge.badge-success{color: #6bd220;}
#main .rq-admin .main-menu .content .menu-wrapper .menu .menu-item .item.active a:before{color: var(--menu-item-icon-active-color);}

#main .rq-admin .main-menu-top{position: fixed;width: calc(100% - 300px);right: 0;padding: 0 20px;display: flex;justify-content: space-between;border-bottom: 1px solid rgb(219 219 219 / 60%);height: 52px;z-index: 50;background: white;}
#main .rq-admin .main-menu-top .item{font-size: 15px;margin-right: 15px;}
#main .rq-admin .main-menu-top .item a{display: flex;align-items: center;}
/* #main .rq-admin .main-menu-top .item a:hover{} */
#main .rq-admin .main-menu-top .item a i{font-size: 19px;margin-right: 5px;transition: .2s all}
#main .rq-admin .main-menu-top .item a:hover i{color: #53a65a;}

/* --- menu-top --- */
#main .rq-admin .main-menu-top .item a:before{font-size: 18px;margin-right: 7px;color: #0f6fde;}
/* #main .rq-admin .main-menu-top .item a:hover:before{} */
#main .rq-admin .main-menu-top .menu-left{display: flex;align-items: center;position: relative;}
/* #main .rq-admin .main-menu-top .menu-left .item{} */
#main .rq-admin .main-menu-top .menu-left .item span.bi-list{font-size: 30px;margin-right: 5px;display: none;}
#main .rq-admin .main-menu-top .menu-left .item.item-flex{display: flex;align-items: center;}
#main .rq-admin .main-menu-top .menu-left .item.item-header{font-size: 13px;letter-spacing: .3px;}
#main .rq-admin .main-menu-top .menu-right{display: flex;align-items: center;position: relative;}
#main .rq-admin .main-menu-top .menu-right .username{display: flex;align-items: center;font-size: 15px;cursor: pointer;margin-left: 10px;padding: 5px 20px;border-radius: 6px;background: #f1f1f1;user-select: none;}
#main .rq-admin .main-menu-top .menu-right .username span{font-size: 14px;line-height: 1;}
#main .rq-admin .main-menu-top .menu-right .username span div{font-size: 11px;color: #0f84e8;}
#main .rq-admin .main-menu-top .menu-right .username i:nth-child(1){font-size: 18px;margin-right: 5px;color: var(--menu-item-icon-color);}
#main .rq-admin .main-menu-top .menu-right .username i:nth-child(3){font-size: 15px;margin-left: 4px;margin-bottom: -2px;}
#main .rq-admin .main-menu-top .menu-right .username.active .username-dropdown{display: block}
#main .rq-admin .main-menu-top .menu-right .username.active i:nth-child(3){transform: rotate(180deg);}
#main .rq-admin .main-menu-top .menu-right .username .username-dropdown{display: none}
#main .rq-admin .main-menu-top .menu-right .username .username-dropdown{position: absolute;right: 0;background: white;z-index: 1;padding: 7px;border: 1px solid #dbdbdb;border-radius: 7px;top: 49px;width: 250px;font-size: 14px;}
#main .rq-admin .main-menu-top .menu-right .username .username-dropdown ul{list-style: none;}
/* #main .rq-admin .main-menu-top .menu-right .username .username-dropdown ul li{} */
#main .rq-admin .main-menu-top .menu-right .username .username-dropdown ul li.divider{width: 100%;border-bottom: 1px solid #ebedee;margin-bottom: 5px;margin-top: 5px;}
#main .rq-admin .main-menu-top .menu-right .username .username-dropdown ul li a{padding: 7px 10px;display: block;margin-bottom: 2px;display: flex;align-items: center;}
#main .rq-admin .main-menu-top .menu-right .username .username-dropdown ul li a:hover{background: var(--menu-item-bg-hover-color);border-radius: 6px;}
#main .rq-admin .main-menu-top .menu-right .username .username-dropdown ul li a i{font-size: 17px;margin-right: 6px;color: var(--menu-item-icon-color);}

/* --- page-content --- */
#main .rq-admin .page-content{top: 50px;position: absolute;width: calc(100% - 300px);min-height: calc(100% - 50px);right: 0;padding: 20px;z-index: 1;}
#main .rq-admin .page-content .wrapper{padding: 20px 15px 40px;border: 1px solid rgb(219 219 219 / 60%);background: #ffffff;border-radius: 15px;min-width: 500px;}
#main .rq-admin .page-content .wrapper-bottom{margin-bottom:15px;padding-bottom: 25px;}
#main .rq-admin .page-content .title{background: #f7f7f7;padding: 15px 15px;border-radius: 7px;margin-bottom: 15px;}
#main .rq-admin .page-content .title-single{background: #abf0be;padding: 20px 20px;}
#main .rq-admin .page-content .title-single h1{text-align: center}
#main .rq-admin .page-content .title h1{font-size: 19px;color: var(--page-header-title-color);}
#main .rq-admin .page-content .title h1 i{margin-right:6px;color: var(--page-header-icon-color);}


/* --- cards --- */
#main .rq-admin .page-content .card{padding: 18px 15px;border: 1px solid rgb(219 219 219 / 60%);background: #ffffff;border-radius: 10px;margin: 5px;display: flex;position: relative;display: block;min-height: 95px;/* height: 90%; */}

#main .rq-admin .page-content .card .image{height: 200px;width: 100%;border-radius: 10px;object-fit: cover;}
#main .rq-admin .page-content .card .title-post-list{font-size: 16px;line-height: 24px;}
#main .rq-admin .page-content .card .btn-read{color: white;padding: 6px 10px;border-radius: 20px;background-color: var(--panel-card-icon-color); cursor: pointer;}
#main .rq-admin .page-content .card .btn-realizada{color: white;padding: 6px 15px;border-radius: 20px;cursor: no-drop;background-color: rgb(200 200 200);}
#main .rq-admin .page-content .card .btn-cancelar-consulta{color: white;padding: 6px 15px;border-radius: 20px;cursor: pointer;background-color: #e64040;}
#main .rq-admin .page-content .card .date{font-weight: 600;margin: 10px 0 50px;}
#main .rq-admin .page-content .card .date{font-weight: 600;margin: 10px 0 50px;}
#main .rq-admin .page-content .card .date i{font-size: larger;}*/

#main .rq-admin .page-content .card .card-content{display: flex;align-items: center;}
#main .rq-admin .page-content .card .card-content i{display: block;font-size: 27px;float: left;margin-right: 15px;color: var(--panel-card-icon-color);width: 60px;text-align: center;height: 60px;background: var(--panel-card-icon-bg-color);padding: 12px;border-radius: 50px;flex: none;}
#main .rq-admin .page-content .card .icone{font-size: 27px;color: var(--panel-card-icon-color);width: 60px;text-align: center;height: 60px;background: var(--panel-card-icon-bg-color);padding: 12px;border-radius: 50px;}
#main .rq-admin .page-content .card .card-content .card-flex{display: flex;}
#main .rq-admin .page-content .card .card-content div span{font-size: var(--text-body-size);color: var(--panel-card-text-color);margin-bottom: 5px;display: block;}
#main .rq-admin .page-content .card .card-content div h2{line-height: 1;font-size: 25px;color: #00183a;margin-right: 5px;}
#main .rq-admin .page-content .card .card-content div h4{font-weight: normal;font-size: 13px;}
#main .rq-admin .page-content .card .card-content div h5{font-weight: normal;font-size: 13px;}
#main .rq-admin .page-content .card-custom{padding: 30px 15px;border: 1px solid rgb(219 219 219 / 60%);background: #ffffff;border-radius: 10px;margin: 5px;}


#main .rq-admin .page-content .card .card-consulta {}
#main .rq-admin .page-content .card .card-consulta h2{margin-top: 1rem;line-height: 1.75rem;font-weight: 700;line-height: 1.55;}
#main .rq-admin .page-content .card .card-consulta .info{margin: 10px 0 20px;}
#main .rq-admin .page-content .card .card-consulta .info i{color: #169e57;margin-right: 10px;}


#main .rq-admin .page-content .card-alert{padding: 15px;border-radius: 10px;margin-bottom: 10px;}
#main .rq-admin .page-content .card-alert.card-warning{background: #f8e1b5;color: #705219;}
#main .rq-admin .page-content .card-alert.card-info{background: #b3e2ff;color: #193b70;}

#main .rq-admin .page-content .card-alert.card-sucess{background: #4CAF50;color: white;}


/* --- modals --- */

/* #main.modal-active{} */
/* #main .main-modals{} */
/* #main .main-modals .content{} */
/*#main .main-modals .content .modal:before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgb(0 0 0 / 20%);z-index: -1;}*/
#main .main-modals .content .modal{position: fixed;width: 100%;height: 100%;z-index: 100;display: none}
#main .main-modals .content .modal.active{display: block}
#main .main-modals .content .modal .modal-component{background: white;max-width: 1000px;border-radius: 15px;margin: 0 auto;padding: 35px 20px 45px;margin-top: 40px;}
#main .main-modals .content .modal .modal-component .modal-header{display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #f2f2f2;margin: 0 7px;padding-bottom: 10px;margin-bottom: 10px;}
#main .main-modals .content .modal .modal-component .modal-header div h2{font-size: 22px;}
#main .main-modals .content .modal .modal-component .modal-header div h2 i{margin-right: 7px;}
#main .main-modals .content .modal .modal-component .modal-header div .modal-close{font-size: 18px;color: #606060;cursor: pointer;}
/* #main .main-modals .content .modal .modal-component .modal-header div .modal-close i{} */
/* #main .main-modals .content .modal .modal-component .modal-body{} */
#main .main-modals .content .modal .modal-shadow{position: fixed;width: 100%;height: 100%;background: rgb(0 0 0 / 20%);left: 0;top: 0;z-index: -1;}

/* --- modals --- */
#main form {display: flex;flex-wrap: wrap;width: 100%;}
#main form .group{padding: 0 10px;margin-bottom: 10px;}
#main form .group .group{padding: 0px;}
#main form .group h2{font-size: 15px;color: #169e57;font-weight: 500;border-bottom: 2px solid #f0f0f0;padding-bottom: 8px;}
#main form .group label{display: block;margin-bottom: 4px;font-size: var(--forms-label-size);color: var(--forms-label-color);font-weight: 500;font-size: 15px;}
#main form .group label.required:after{content: '*';margin-left: 3px;color: red;}
#main form .group label i{margin-right: 5px;}
#main form .group label span{margin-left: 3px;color: red;}
#main form .group input{height: 38px;background: #ffffff;border: 1px solid #e2e5e9;border-radius: 6px;width: 100%;outline: none;padding: 5px 10px 6px;font-size: 14px;color: #333333;}
#main form .group input:focus{border-color: #c5c5c5;}
#main form .group input[readonly]{background: #f4f4f4;cursor: auto;}
#main form .group input[readonly]:focus{border-color: #e5e5e5;}
#main form .group input.required{border: 1px solid rgb(255 0 0 / 50%)!important;}
#main form .group button.required{border: 1px solid rgb(255 0 0 / 50%)!important;}
#main form .group input{height: auto;padding: 8px;background: rgb(0 0 0 / 2%);border: 1px solid #efefef;}
#main form .group .input-file{background: #f2f2f2;border: 2px dotted #dbdbdb;border-radius: 5px;width: 100%;padding: 28px 0;text-align: center;color: #a5a5a5;cursor: pointer;font-size: 14px;transition: .2s all;height: 110px;}
#main form .group .input-file:hover{border:2px dotted #b5b5b5}
#main form .group .input-file input{display: none}
/* #main form .group .input-file span{} */
#main form .group .input-file span i{font-size: 18px;display: block;}
#main form .group select{height: 34px;border: 1px solid #e5e5e5;border-radius: 5px;width: 100%;outline: none;padding: 5px 10px 7px;font-size: 15px;color: #393939;}
#main form .group textarea{/* background: #ffffff; */border: 1px solid #e5e5e5;border-radius: 5px;width: 100%;outline: none;padding: 10px;font-size: 13px;color: #393939;font-family: inherit;min-height: 90px;}
#main form .group.divider{border-bottom: 1px solid #f2f2f2;margin: 5px 10px 15px;}

#main form .form-ul-erros{font-size: 13px; color: red; list-style: none; margin-top: 15px;}

#main .button-whatsapp{position: fixed; right: 15px; bottom: 15px; z-index: 999;}


#main .modal .wrapper{padding: 20px 15px 40px;border: 1px solid rgb(219 219 219 / 60%);background: #ffffff;border-radius: 15px;;margin: 0 auto;margin-top: 60px;}
#main .modal .wrapper-bottom{margin-bottom:15px;padding-bottom: 25px;}
#main .modal .title{background: #f7f7f7;padding: 5px 15px;border-radius: 7px;margin-bottom: 15px;}
#main .modal .title-single{background: #abf0be;padding: 20px 20px;}
#main .modal .title-single h1{text-align: center}
#main .modal .title h1{font-size: 19px;color: var(--page-header-title-color);}
#main .modal .title h1 i{margin-right:6px;color: var(--page-header-icon-color);}
#main .modal .title .title-flex{display: flex; justify-content: space-between; align-items: center;}
#main .modal .title .title-flex h1{}
#main .modal .title .title-flex .modal-close{cursor: pointer;}
#main .modal .title .title-flex .modal-close i{font-size: 30px; text-align: center; border-radius: 30px;}


#main form input.required{border: 1px solid rgb(255 0 0 / 50%)!important;}

#main form.form_uppercase{}
#main form.form_uppercase label{text-transform: uppercase;font-size: 12px;letter-spacing: .2px;}
#main form.form_uppercase .bootstrap-select .dropdown-menu li a span.text{font-size: 12px!important;}

/* --- group-items --- */
#main form .group .input-file-button{background: #f2f2f2;border: 2px dotted #dbdbdb;border-radius: 5px;width: 100%;padding: 28px 0;text-align: center;color: #a5a5a5;cursor: pointer;font-size: 14px;transition: .2s all;height: 110px;}
#main form .group .input-file-button input{display: none}
/* #main form .group .input-file-button span{} */
#main form .group .input-file-button span i{font-size: 18px;display: block;}

#main form .group.no-margin{margin: 0}
#main form .group-items{display: flex;flex-wrap: wrap;width: 100%;border: 1px solid #e5e5e5;margin: 0 7px;border-radius: 14px;padding: 14px 10px 3px 10px;margin-bottom: 14px;background: #ffffff;}
#main form .group-items.item-opts{padding-right: 40px}
#main form .group-items.item-opts .item-remove{position: absolute;right: -20px;top: 10px;cursor: pointer;}
#main form .group-items.item-opts .item-remove i{font-size: 17px;color: var(--bg-button-exclude);}
#main form .group-items .row{display: flex;flex-wrap: wrap;width: 100%;position: relative;}

#main form .group .item-text{font-weight: normal;}
#main form .group .item-text b{font-weight: 500;margin-right: 5px;}

#main form .sub-item{padding: 15px 4px;margin: 10px;border: 1px solid #e4e6e7;border-radius: 7px;}
#main form .sub-item h2{background: #ebf4ff; padding: 10px; border-radius: 6px; border: 0;}

/* --- tabs --- */
#main form .main-tabs{display: flex;flex-wrap: wrap;width: 100%;}
#main form .main-tabs .tab{display: none;}
#main form .main-tabs .tab.active{display: flex;flex-wrap: wrap;width: 100%;}
#main form .main-tabs .tab .items{display: flex;flex-wrap: wrap;width: 100%;}

#main .main-tabs{display: flex;flex-wrap: wrap;width: 100%;}
#main .main-tabs .tab{display: none;padding: 0 10px;}
#main .main-tabs .tab.active{display: flex;flex-wrap: wrap;width: 100%;}
#main .main-tabs .tab .items{display: flex;flex-wrap: wrap;width: 100%;}

/* --- utils --- */
#main form .iframe-content iframe{width: 100%; height: 250px;border-radius: 5px;}
#main form label.required:after { content: '*'; color: red; margin-left: 4px; }

#main .tools-control{width: 100%;display: flex;justify-content: space-between;}
#main .tools-control .button{display: inline-block;margin-bottom: 10px;margin-top: -41px;padding: 6px 14px;}


.disabled{
    opacity: 0.5 !important;
}



#main form .group .image-post{ width: 50%; }


@media(max-width: 768px){
    .col-1{width: 100%;}
    .col-2{width: 100%;}
    .col-3{width: 100%;}
    .col-4{width: 100%;}
    .col-5{width: 100%;}
    .col-6{width: 100%;}
    .col-7{width: 100%;}
    .col-8{width: 100%;}
    .col-9{width: 100%;}
    .col-10{width: 100%;}

    .col1{width: 100%;}
    .col2{width: 100%;}
    .col25{width: 100%;}
    .col3{width: 100%;}
    .col4{width: 100%;}
    .col5{width: 100%;}
    .col6{width: 100%;}
    .col7{width: 100%;}
    .col8{width: 100%;}
    .col9{width: 100%;}
    .col10{width: 100%;}

    .col15{width: 100%}
    .col25{width: 100%}
    .col35{width: 100%}
    .col45{width: 100%}

    /* --- loader --- */
    .page-loader{width: 100%;}
    
    /* --- main --- */
    #main .rq-admin .main-menu-top{width: 100%;}
    #main .rq-admin .page-content{width: 100%;padding: 15px;}
    #main .rq-admin .page-content .wrapper{padding: 10px;}

    #main .rq-admin .main-menu{left: -300px;}
    #main .rq-admin .main-menu.active{left: 0px;}
    #main .rq-admin .main-menu-top .menu-left .item span.bi-list{display: block;}
    #main .rq-admin .main-menu-top .menu-right .username span{display: none;}
    #main .rq-admin .main-menu-top .menu-right .username{padding: 5px 10px;}

    #main .rq-admin .main-menu-top .menu-right .username.active .username-dropdown{width: 90%; left: 5%; position: fixed;}

    #main .rq-admin .main-menu-top .menu-right .username.active .username-dropdown{width: 50%;left: 45%;position: fixed;}
}


@media(min-width: 768px) and (max-width: 1026px) {

    .col-25{width: 50%}
    .col-3{width: 50%}
    .col-4{width: 100%}
    .col-5{width: 100%}
    .col-7{width: 100%}
    
    #main .rq-admin .page-content .wrapper{min-width: 200px;}
}
@media(max-width: 767px){
    .col-25{width: 100%}
    .col-5{width: 100%}

    #main .rq-admin .page-content .wrapper{min-width: 300px;}
}