.ew-grid{ width:100%;}
/*Tele de Login*/
.video_login{width: 55%; position: fixed; left: 0; top: 0; height: 100%}
.right-page-login{width: 45%; position: fixed; right: 0; top: 0; height: 100%; background-color: white; display: flex; justify-content: center; align-items: center;}
.ew-login-card {background-color: white;}
.ew-login-box {background-color: white;}
.ew-login-form {background-color: white;}
.txtLogin{font-weight: bold;background-color: #e7e6e6; color: black; height: 45px; width: 345px; border: none; margin-bottom: 30px; padding: 0px 5px;}
.txtLogin:focus{outline: none; border: solid #d2b37c; border-width: 2px;}
.ew-login-box #username::placeholder {padding: 0px !important;}
.ew-login-box #password::placeholder {padding: 0px !important;}
.login-box-msg{color:#D2B37C; font-weight: bold; margin-bottom: 25px;}
.btnMostrarSenha{background-color: #ffffff; border: none; height: 45px; color: #192335}
.btnEntrar{color: #192335; border: solid #43ff06; background-color: #ffffff; height: 45px; width: 345px; border-width: 2px; font-size: 20px; font-weight: bold;}
.btnEntrar:hover{background-color: #AF8144; color: #FFFFFF; border: none; border: solid #FFFFFF;}
.txtLogin:nth-child(2) {margin-bottom: 60px;}
.list-unstyled {position: absolute; top: 50px; right: 50px; cursor: pointer; background-color: white; padding: 10px; border-radius: 5px;}
.right-page-login a.nav-link{color: #d2b37c !important; font-weight: bold;}

/* Toolbar - Listagens*/
[data-bs-theme=light] .ew-toolbar .ew-list-other-options a.ew-add-edit { background-color: #d2b37c !important; color: #ffffff; }
[data-bs-theme=light] .ew-toolbar .ew-list-other-options a.ew-add-edit:hover { color: #ffffff !important; }
[data-bs-theme=dark] .ew-toolbar .ew-list-other-options a.ew-add-edit { background-color: #ffffff !important; color: #000000 !important; }
[data-bs-theme=dark] .ew-toolbar .ew-search-option a.btn-default{ color: #a9a9a9 !important; }
[data-bs-theme=light] .ew-extended-search button.btn-primary { background-color:#d2b37c !important; border-color: #d2b37c !important; color: #ffffff !important; }
[data-bs-theme=dark] .ew-extended-search button.btn-primary { background: #2c3034 !important; border-color: #d2b37c !important; color: #ffffff !important; opacity: 1 !important; }
[data-bs-theme=light] .ew-toolbar.show > .btn.btn-default, .btn.btn-default.active, .btn.btn-default:active, .btn.btn-default:hover { color: #444444 !important}
[data-bs-theme=dark] .ew-toolbar.btn.btn-default:active, .btn.btn-default:hover { color: #a9a9a9 !important}
[data-bs-theme=light] .ew-extended-search button.btn-outline-secondary { background-color: #e8e8e8 !important; border-color: #e8e8e8 !important; }
[data-bs-theme=dark] .ew-extended-search button.btn-outline-secondary { background-color: #2c3034 !important; border-color: #e8e8e8 !important; }
[data-bs-theme=light] .ew-extended-search .input-group { background-color: #000 important; }
[data-bs-theme=dark] .ew-extended-search .input-group { background-color: #6c757d important; }

/* Tabelas - Grid View */
[data-bs-theme=light] .ew-grid .ew-table .ew-rpt-col-header, [data-bs-theme=light] .ew-grid .ew-table .ew-rpt-col-summary, [data-bs-theme=light] .ew-grid .ew-table .ew-table-header>td, [data-bs-theme=light] .ew-grid .ew-table .ew-table-header>th { --bs-table-bg: #e8e8e8; --bs-table-color-state: #000000; }
[data-bs-theme=light] .ew-grid .ew-table>thead>tr>td, [data-bs-theme=light] .ew-grid .ew-table>thead>tr>th { font-weight: 400; border-color: #d2b37c; }
[data-bs-theme=light] .table :not(thead)>tr, [data-bs-theme=light] .table tbody, [data-bs-theme=light] .table td, [data-bs-theme=light] .table tfoot { border-color: transparent !important; padding: 5px; }
[data-bs-theme=dark] .table :not(thead)>tr, [data-bs-theme=dark] .table tbody, [data-bs-theme=dark] .table td, [data-bs-theme=dark] .table tfoot { border: transparent !important; }
[data-bs-theme=light] .ew-grid .ew-table>thead>*, [data-bs-theme=light] .ew-grid .ew-table>thead>*>* { border: #F2F2F2 !important; }
[data-bs-theme=dark] .ew-grid .ew-table>thead>*, [data-bs-theme=dark] .ew-grid .ew-table>thead>*>* { border: #2c3034 !important; }
[data-bs-theme=dark] .table > thead { background-color: #2c3034 !important; }
[data-bs-theme=light] thead, [data-bs-theme=light] tbody, [data-bs-theme=light] tfoot, [data-bs-theme=light] tr, [data-bs-theme=light] td, [data-bs-theme=light] th { border-width: 0px;}
[data-bs-theme=dark] thead, [data-bs-theme=dark] tbody, [data-bs-theme=dark] tfoot, [data-bs-theme=dark] tr, [data-bs-theme=dark] td, [data-bs-theme=dark] th { border-width: 0px;}
[data-bs-theme=light] .ew-grid .ew-grid-upper-panel { border-bottom-color: transparent; }
[data-bs-theme=dark] .ew-grid .ew-grid-upper-panel { border-bottom-color: transparent; }
[data-bs-theme=dark] .ew-table a { color: #f5f5f5; }
[data-bs-theme=dark] .ew-table a i { color: #f5f5f5; }
[data-bs-theme=dark] .ew-table button i { color: #f5f5f5; }
[data-bs-theme=dark] .ew-prev-next i { color: #f5f5f5; }
[data-bs-theme=dark] .ew-list-other-options i { color: #f5f5f5; }
[data-bs-theme=light] .ew-table a { color: #d2b37c; }
[data-bs-theme=light] .ew-table a i { color: #d2b37c; }
[data-bs-theme=light] .ew-table button i { color: #d2b37c; }
[data-bs-theme=light] .ew-prev-next i { color: #d2b37c; }
[data-bs-theme=light] .ew-list-other-options i { color: #d2b37c; }
[data-bs-theme=light] .ew-grid .ew-table :not(thead)>tr, [data-bs-theme=light] .ew-grid .ew-table tbody, [data-bs-theme=light] .ew-grid .ew-table td, [data-bs-theme=light] .ew-grid .ew-table tfoot, [data-bs-theme=light] .ew-grid .ew-table th { padding: 10px; }
[data-bs-theme=dark] .ew-grid .ew-table :not(thead)>tr, [data-bs-theme=dark] .ew-grid .ew-table tbody, [data-bs-theme=dark] .ew-grid .ew-table td, [data-bs-theme=dark] .ew-grid .ew-table tfoot, [data-bs-theme=dark] .ew-grid .ew-table th { padding: 10px; }
body:not([data-bs-theme=dark]) .ew-grid { border-color: transparent !important; }
body:not([data-bs-theme=light]) .ew-grid { border-color: transparent !important; }
[data-bs-theme=light] .ew-export-option .btn-default:hover { background-color: #f5f5f5; border-color: #DDDDDD; color: #444444;}
[data-bs-theme=light] .ew-search-option .btn-default:hover { background-color: #f5f5f5; border-color: #DDDDDD; color: #444444;}
[data-bs-theme=light] .ew-filter-option .btn-default:hover { background-color: #f5f5f5; border-color: #DDDDDD; color: #444444;}
[data-bs-theme=light] .ew-list-other-options .btn-default:hover { background-color: #f5f5f5; border-color: #DDDDDD; color: #444444;} 
[data-bs-theme=light] .ew-desktop-buttons button[name=btn-action] { background-color: #d2b37c; border-color: #d2b37c; color: #ffffff;}
[data-bs-theme=light] .ew-desktop-buttons button[name=btn-cancel] { background-color: #FF0000; border-color: #FF0000; color: #ffffff;}
[data-bs-theme=light] .ew-desktop-buttons button[name=btn-cancel]:hover { background-color: #FF0000; border-color: #FF0000; color: #ffffff;}
[data-bs-theme=dark] .ew-desktop-buttons button[name=btn-cancel] { background-color: #FF0000; border-color: #FF0000; color: #ffffff;}
[data-bs-theme=dark] .ew-desktop-buttons button[name=btn-cancel]:hover { background-color: #ec5353; border-color: #ec5353; color: #ffffff;}

/* Botoes topo tabelas*/
[data-bs-theme=dark] .btn-default, [data-bs-theme=dark] .btn-app { background: #2c3034 !important; border-color: #d2b37c !important; opacity: 1 !important; }
[data-bs-theme=light] .btn-default, [data-bs-theme=light] .btn-app { background: #e8e8e8 !important; border-color: #e8e8e8 !important; opacity: 1 !important; }
[data-bs-theme=light] .form-select { border: 0px !important; }
[data-bs-theme=dark] .form-select { border: 0px !important; border-color: #32383E !important; }
[data-bs-theme=dark] .btn { border-width: 0px; }

/* Menu lateral*/
[class*=sidebar-dark-], [data-bs-theme=light] .sidebar-dark, [data-bs-theme=light] [class*=sidebar-dark-] { background-color: #d2b37c;  border: #d2b37c; }
[class*=sidebar-dark-], [data-bs-theme=dark] .sidebar-dark, [data-bs-theme=dark] [class*=sidebar-dark-] { background-color: #2c3034; border: #2c3034; }
[class*=sidebar-dark], [data-bs-theme=light] .btn-sidebar, [data-bs-theme=light] [class*=sidebar-dark] .form-control-sidebar { background-color: #d2b37c; border: 1px solid #d2b37c; color: #fff; }
[class*=sidebar-dark], [data-bs-theme=dark] .btn-sidebar, [data-bs-theme=dark] [class*=sidebar-dark] .form-control-sidebar { background-color: #d2b37c; border: 1px solid #d2b37c; color: #fff; }
[class*=sidebar-light], [data-bs-theme=light] .form-control-sidebar, [class*=sidebar-light] .btn-sidebar { background-color: #d2b37c; border: 1px solid #FFFFFF; color: white; }
[class*=sidebar-dark], [data-bs-theme=dark] .btn-sidebar, [class*=sidebar-dark] .form-control-sidebar { background-color: #d2b37c; border: 1px solid #d2b37c; color: #fff; }
[data-bs-theme=light] .layout-navbar-fixed .wrapper .sidebar-dark-blue .brand-link:not([class*=navbar]) { background-color: #d2b37c; }
[data-bs-theme=dark] .layout-navbar-fixed .wrapper .sidebar-dark-blue .brand-link:not([class*=navbar]) { background-color: #2c3034; }
[data-bs-theme=light] input::placeholder { opacity: 0.5; color: white; }
[data-bs-theme=dark] input::placeholder { opacity: 0.5; color: white; }
[data-bs-theme=light] .list-group-item { background-color: #162160; border-color: #6C757D; }
[data-bs-theme=dark] .sidebar-dark-blue .nav-sidebar > .nav-item > .nav-link.active, [data-bs-theme=dark] .sidebar-light-blue .nav-sidebar > .nav-item > .nav-link.active { background-color: #2c3034}
[data-bs-theme=dark] .sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [data-bs-theme=dark] .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { border-color: #F58634}
.sidebar-dark-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, .sidebar-light-blue .nav-sidebar.nav-legacy > .nav-item > .nav-link.active { border-color: #F58634; }
.nav-sidebar > .nav-item { margin-bottom: 12px;}
.os-viewport .mt-2 { margin-top: 1.5rem !important; }
.os-viewport .mt-3 { margin-top: 1.5rem !important; }

/* Campo Pesquisa*/
[data-bs-theme=dark] .list-group-item { border-color: #212529 !important;}

/* Menu topo*/
[data-bs-theme=light] .navbar-blue { background-color: #d2b37c; }
[data-bs-theme=dark] .navbar-blue { background-color: #2c3034; }
[data-bs-theme=dark] .navbar-nav { --bs-nav-link-color: #f5f5f5; --bs-nav-link-hover-color: #f5f5f5; --bs-nav-link-disabled-color: #f5f5f5; }
[data-bs-theme=dark] .nav-link { color: #f5f5f5; }
[data-bs-theme=dark] a { color: #f5f5f5; text-decoration: none; }
[data-bs-theme=dark] .btn-toolbar i { color: #f5f5f5; }
[data-bs-theme=light] .main-header .nav-link { color: #f5f5f5; }
[data-bs-theme=light] a { color: #d2b37c; text-decoration: none; }
[data-bs-theme=light] a#ew-nav-link-user { color: #f5f5f5; text-decoration: none; }
[data-bs-theme=light] .btn-toolbar i { color: #d2b37c; }
[data-bs-theme=light] .dropdown-item.active, .dropdown-item:active { color: #FFFFFF; text-decoration: none; background-color: #d2b37c; }
[data-bs-theme=dark] .dropdown-item.active, .dropdown-item:active { color: #FFFFFF; text-decoration: none; background-color: #3f6791 !important; }

/* Menu Dropdown Usuario*/
[data-bs-theme=light] .dropdown-footer a { background-color: #d2b37c !important; border-color: #d2b37c !important; color: #FFFFFF !important;}
[data-bs-theme=light] .dropdown-footer a:hover { background-color: #d2b37c !important; border-color: #d2b37c !important; color: #FFFFFF !important;}
[data-bs-theme=dark] .dropdown-footer a { background-color: #2c3034; border-color: #2c3034; color: #FFFFFF;}
[data-bs-theme=dark] .dropdown-footer a.btn-default:hover { background-color: #2c3034; border-color: #2c3034; color: #FFFFFF;}

/* Rodape*/
[data-bs-theme=dark] .main-footer { background-color: #434a51; border-color: #434a51; color: #ffffff !important; }
[data-bs-theme=dark] .main-footer span { color: #f5f5f5 !important; }
[data-bs-theme=dark] .main-footer .text-danger { color: #f5f5f5 !important; }
[data-bs-theme=light] .main-footer span { color: #d2b37c !important; }
[data-bs-theme=light] .main-footer .text-danger { color: #d2b37c !important; }

/* Formularios*/
.form-control:not(.form-control-color):not(textarea), .form-select { display: block; width: 100%; }
[data-bs-theme=light] body .ew-desktop-table, [data-bs-theme=light] body .ew-view-table, [data-bs-theme=light] div.ew-custom-template { background-color: #ffffff; }
[data-bs-theme=dark] body .ew-desktop-table, [data-bs-theme=dark] body .ew-view-table, [data-bs-theme=dark] div.ew-custom-template { background-color: #212529; }
.select2 { width:100%!important; }
[data-bs-theme=light] .select2-container--bootstrap5.select2-container--focus .select2-selection--multiple, .select2-container--bootstrap5.select2-container--focus .select2-selection--single { background-color: #dfdfdf; }
[data-bs-theme=light] .select2-container--bootstrap5 .select2-selection { background-color: #dfdfdf; }
[data-bs-theme=dark] .modal-dialog form span textarea { background-color: #6c757d !important; color: #dedede !important;}
[data-bs-theme=dark] .modal-dialog form span select { background-color: #6c757d !important; color: #dedede !important;}
[data-bs-theme=dark] .select2-container--bootstrap5 .select2-selection--single { background-color: #6c757d !important; color: #dedede !important;}
[data-bs-theme=dark] ::placeholder { color: #dedede;}
[data-bs-theme=light] .modal-dialog form span textarea { background-color: #dfdfdf; color: #2f2f2f !important; }
[data-bs-theme=light] .modal-dialog form span textarea::placeholder { color: #2f2f2f !important; }

/* Modal*/
.modal-body { padding: 1em 1em 0em 1em; }
[data-bs-theme=light] .modal-header { background-color: #d2b37c; }
[data-bs-theme=light] .modal-title { color: #ffffff; }
[data-bs-theme=light] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-bs-theme=light] .modal-footer button { background-color: #d2b37c; border-color: #d2b37c; color: #ffffff; }
[data-bs-theme=light] .modal-body input[type=text], select, textarea { background-color: #dfdfdf; }
[data-bs-theme=light] .ew-custom-template input::placeholder { opacity: 0.5; color: #212529; }
[data-bs-theme=light] .modal-footer button[name=btn-cancel] { background-color: #FF0000 !important; border-color: #FF0000 !important; color: #ffffff !important;}
[data-bs-theme=dark] .modal-footer button[name=btn-cancel] { background-color: #FF0000 !important; border-color: #FF0000 !important; color: #ffffff !important;}
[data-bs-theme=dark] .modal-footer button[name=btn-cancel]:hover { background-color: #ec5353 !important; border-color: #ec5353 !important; color: #ffffff !important;}
[data-bs-theme=light] .ajs-primary .btn-primary { background-color: #d2b37c; border-color: #d2b37c;}

/* Modal e-mail exportacao*/
[data-bs-theme=light] #ew-email-dialog .modal-body input[type=text], 
[data-bs-theme=light] #ew-email-dialog .modal-body select, 
[data-bs-theme=light] #ew-email-dialog .modal-body textarea { 
    background-color: #dfdfdf !important;
}
[data-bs-theme=dark] #ew-email-dialog .modal-body input[type=text], 
[data-bs-theme=dark] #ew-email-dialog .modal-body #ew-email-dialog .modal-body select, 
[data-bs-theme=dark] #ew-email-dialog .modal-body #ew-email-dialog .modal-body textarea { 
    background-color: #6c757d !important;
}

[data-bs-theme=light] #ew-email-dialog .modal-footer .btn-default { background-color: #FF0000 !important; border-color: #FF0000 !important; color: #ffffff !important;}
[data-bs-theme=dark] #ew-email-dialog .modal-footer .btn-default { background-color: #FF0000 !important; border-color: #FF0000 !important; color: #ffffff !important;}
[data-bs-theme=dark] #ew-email-dialog .modal-footer .btn-default:hover { background-color: #ec5353 !important; border-color: #ec5353 !important; color: #ffffff !important;}

/* Usuario*/
[data-bs-theme=light] .ms-user-card-color { background-color: #d2b37c; top: -8px; }
[data-bs-theme=dark] .ms-user-card-color { background-color: #2c3034; top: -8px; }

/* Scroll*/
.scrollTop #scrolltop-bg { fill: #d2b37c;}

/* Swal Message*/
[data-bs-theme=light] .swal2-actions button.swal2-confirm { background-color: #d2b37c; border-color: #d2b37c; color: #ffffff; }
[data-bs-theme=light] .swal2-actions button.swal2-deny { background-color: #FF0000; border-color: #FF0000; color: #ffffff; }
[data-bs-theme=light] .swal2-actions button.swal2-cancel { background-color: #FF0000; border-color: #FF0000; color: #ffffff; }
[data-bs-theme=dark] .swal2-actions button.swal2-deny { background-color: #FF0000; border-color: #FF0000; color: #ffffff; }
[data-bs-theme=dark] .swal2-actions button.swal2-cancel { background-color: #FF0000; border-color: #FF0000; color: #ffffff; }
[data-bs-theme=light] .swal2-container input#swal2-input { background-color: #dfdfdf; }

/*Responsivo*/
[data-bs-theme=dark] .select2-selection__rendered .select2-selection__placeholder {
    opacity: 0.5 !important;
    color: #ffffff !important;
}

[data-bs-theme=light] .select2-selection__rendered .select2-selection__placeholder {
    opacity: 0.5 !important;
    color: #2f2f2f !important;
}

.txtLogin::placeholder {
    color: black !important; /* Cor do texto de placeholder - substitua conforme necess rio */
    padding: 10px;
}

.left-page-login{display: flex;justify-content: center;align-items: center;width: 55%; position: fixed; left: 0; top: 0; height: 100% !important; background-color:#d2b37c; background-size:100% 100% !important;}

/* Local Fisico*/
#physical-location-title h2 { font-size: 24px;font-weight: bold; padding-left:10px; margin:0; }
#physical-location-item .accordion-item { border: 0px !important; margin-top: 1%; }

[data-bs-theme=light] #physical-location-title .card { border-color: #fff !important; border-left: 4px solid #d2b37c; }
[data-bs-theme=light] #physical-location-title .card-header { border-color: transparent !important; }

[data-bs-theme=dark] #physical-location-title .card { border-left: 4px solid #ffffff; }
[data-bs-theme=dark] #physical-location-title .card-header { border-color: transparent !important; }

[data-bs-theme=light] #physical-location-item .accordion-body { background-color: #f4f5f8;}
[data-bs-theme=dark] #physical-location-item .accordion-body { background-color: #454d55;}

[data-bs-theme=light] #physical-location-item .area { background-color: transparent; border-left: 4px solid #d2b37c; }
[data-bs-theme=dark] #physical-location-item .area {  background-color: #d2b37c; color: #dedede; border-left: 4px solid #ffffff; }

[data-bs-theme=dark] #physical-location-item .area button {  color: #dedede; }

[data-bs-theme=light] #physical-location-title a.ew-add-edit { background-color: #d2b37c !important; color: #ffffff; }
[data-bs-theme=dark] #physical-location-title a.ew-add-edit { background-color: #ffffff !important; color: #000000; }

[data-bs-theme=dark] #physical-location-item .justify-content-between { background-color: #d2b37c !important; }

#physical-location-item .justify-content-between a { text-decoration: none !important; margin-right: 10px; font-size: 14px; }

[data-bs-theme=dark] #physical-location-item .justify-content-between a { color: #dedede !important; }
[data-bs-theme=dark] #physical-location-item .justify-content-between a i { color: #dedede !important; }

[data-bs-theme=light] #physical-location-item .justify-content-between a i.i-add { color: green; }
[data-bs-theme=light] #physical-location-item .justify-content-between a i.i-edit {color: blue; }
[data-bs-theme=light] #physical-location-item .justify-content-between a i.i-delete { color: red; }

.font-size-link { font-size: 12px !important; }

#physical-location-item .menu { padding: 0em 0em 0em 1.5em; }
#physical-location-item .accordion-body { padding: 0.5em 0em 0.5em 1.5em; }

#physical-location-item .accordion-button:not(.collapsed)::after { background: transparent !important; }
#physical-location-item .accordion-button::after { background: transparent !important; }

[data-bs-theme=light] #physical-location-title .card { border-left: 4px solid #d2b37c !important; }
[data-bs-theme=dark] #physical-location-title .card { border-left: 4px solid #ffffff; }

.sidebar-dark .sidebar a, [data-bs-theme=dark] [class*=sidebar-light-] .sidebar a, [class*=sidebar-dark-] .sidebar a {
    color: #ffffff;
}

.sidebar-dark .nav-treeview > .nav-item > .nav-link, [data-bs-theme=dark] [class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link, [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link {
    color: #ffffff;
}

@media (max-width: 768px) {
	#video-login { display: none; }
    #divleft{width: 0%;}
    .right-page-login{width: 100%;}
    .txtLogin{margin-bottom: 15px; width: 95%;}
    .ew-form ew-login-form{width: auto !important; }
    .row{display: block !important;}
    .txtLogin{height: 45px; width: 345px;}
    .list-unstyled{right: 5px; top: 50px}
    .btnMostrarSenha{width: 42.5px;}
}

@media (min-width: 576px) {
    .ew-swal2-container input[type=password]:not([size]), .ew-swal2-container input[type=text]:not([size]):not(.ew-page-number):not(.cke_dialog_ui_input_text):not(.tox-textfield):not(.form-control-plaintext) {
        width: auto !important;
    }
}

.home{
	background-size: cover;
    background-position: center;
    border: none !important;
}

.navbar-gray-dark {
    background-color: #d2b37c;
    color: #fff;
}

.layout-navbar-fixed .wrapper .sidebar-dark-gray-dark .brand-link:not([class*=navbar]) {
    background-color: #d2b37c;
}


.direct-chat-img {
    border-radius: 50%;
    float: left;
    height: 100px;
    width: 100px;
}

.ew-change-pwd-box, .ew-login-box, .ew-reset-pwd-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 7%; 
}

.video-container {
    position: relative;
    width: 100%;
    margin: auto;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.video-container:hover .overlay {
    opacity: 0;
}

.overlay a {
    color: white;
    text-decoration: none;
    font-size: 20px;
}

.ratio {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.no-photo {
    border-radius: 0.375rem;
    align-items: center;
    display: flex;
    font-size: 1.875rem;
    justify-content: center;
    text-align: center;
    width: 70px;
    border-radius: 50%;
    float: left;
    height: 100px;
    width: 100px;
}