@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');


.trollygo-editor-content,
.trollygo-editor-content * {font-family:'Exo 2', sans-serif !important;}
.trollygo-editor-content, .trollygoEditor {border:1px solid #ddd;padding:15px;min-height:300px;height:450px;border-radius:5px;background-color:#fafafa;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);font-family:'Exo 2', sans-serif; /* Force font to Exo 2 */resize:none;overflow:auto;}
.trollygo-editor-content img {max-width:100%;height:auto;resize:both;overflow:auto;display:inline-block;}
.trollygo-editor-content table td,
.trollygo-editor-content table th {min-height:30px;padding:4px 8px;line-height:1.4;vertical-align:middle;}
.trollygoEditor {display:none;width:100%;min-height:300px;font-family:monospace;font-size:14px;background-color:black;color:white;}

/* body {font-family:'Exo 2', sans-serif;} */
.trollygo-editor .editor-toolbar {display:flex;flex-wrap:wrap;border:1px solid #ddd;background-color:#f4f4f4;padding:0.8rem;gap:1rem 0.5rem;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);}
.trollygo-editor .editor-toolbar button {padding:6px 8px;border:none;background-color:#fff;border-radius:4px;cursor:pointer;box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);transition:all 0.2s ease-in-out;}
.trollygo-editor .editor-toolbar button i {font-size:14px;}
.trollygo-editor .editor-toolbar button:hover {background-color:#eaeaea;}
.trollygo-editor .editor-toolbar select{-webkit-appearance:revert !important;appearance:revert !important;}

.trollygo-editor .image-wrapper {display:inline-block;position:relative;border:1px dashed #ccc;max-width:100%;user-select:none;}
.trollygo-editor .image-wrapper img {display:block;width:100%;height:auto;pointer-events:none;}
.trollygo-editor .resize-handle {position:absolute;right:0;bottom:0;width:16px;height:16px;background:#888;cursor:se-resize;z-index:10;}
.trollygo-editor .submit-btn {margin-top:10px;padding:10px 20px;background-color:#28a745;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;}
.trollygo-editor .divider {width:1px;height:20px;background-color:#808080;margin:5px 3px 0px 3px;display:inline-block;vertical-align:middle;}
.trollygo-editor .dropdown-group {position:relative;}
.trollygo-editor .color-dropdown-container {display:flex;gap:0.5rem;align-items:center;}
.trollygo-editor .color-dropdown {display:none;position:absolute;left:0;background:white;border:0.1rem solid #ccc;padding:12px;z-index:100;border-radius:.5rem;box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);min-width:180px;}
.trollygo-editor .color-grid {display:grid;grid-template-columns:repeat(6, 1fr);gap:8px;margin-bottom:10px;}
.trollygo-editor .color-swatch {width:28px;height:28px;border:1px solid #888;border-radius:4px;cursor:pointer;transition:transform 0.1s;}
.trollygo-editor .color-swatch:hover {transform:scale(1.15);border-color:#444;}
.trollygo-editor .font-size-container {display:flex;align-items:center;}
.trollygo-editor .font-size-container label {margin-right:0px;margin-left:5px;}
.trollygo-editor .font-size-container i {font-size:20px;vertical-align:middle;}
.trollygo-editor .border-size-container {display:flex;align-items:center;}
.trollygo-editor .border-size-container label {margin-right:0px;margin-left:5px;}
.trollygo-editor .border-size-container i {font-size:20px;vertical-align:middle;}
.trollygo-editor .line-size-container {display:flex;align-items:center;}
.trollygo-editor .line-size-container label {margin-right:0px;margin-left:5px;}
.trollygo-editor .line-size-container i {font-size:20px;vertical-align:middle;}
.trollygo-editor .selected-cell {outline:1px solid #007bff;}
.trollygo-editor .no-text-select, .trollygo-editor .no-text-select * {user-select:none !important;}

.trollygo-editor .tablePopup{display:none;position:absolute;background:white;border:1px solid #ccc;padding:10px;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,0.2);z-index:1000;}
.trollygo-editor .tablePopup label {font-size:14px;}
.trollygo-editor .tablePopup label input{width:30px;border:0.1rem solid #000;border-radius:0.5rem;}
.trollygo-editor .tablePopup label input{margin-right:1rem;}

.trollygo-editor-content ul,ol{list-style:revert !important;padding:revert !important;margin:revert !important;}
.trollygo-editor-content a{color:revert !important;text-decoration:revert !important;}
.trollygo-editor-content i{font-style:revert !important;}