/* --------------------
MA Theme: Grape 🍇
Author: RisingIsland 🌴
-------------------- */

@import url('massive.css');

:root {--main-color: #24233B;}
	
.toper {background: #4B497B; box-shadow: 0px 7px 7px rgb(26,26,43)}
#header {background: var(--main-color);}

html {height: 100%;}
body {min-height: 100%;}

body#index,
body#resetpassword {background-image: url("img/grape-bg.webp") !important; background-color: #fff;}

html body#index div.wrapper div.bodycontent.clearfix div#maincontent div.main  {backdrop-filter: blur(10px) saturate(120%); -webkit-backdrop-filter: blur(10px) saturate(120%); background: rgba(255, 255, 255, 0.25); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.125);  -webkit-animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) 1s both;animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) 1s both}
@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}

html body#index div.wrapper div.bodycontent.clearfix div#maincontent div.main:hover {transform: translateY(-7px);}
#index #maincontent .main, #resetpassword #maincontent .main{text-shadow: none;color:var(--main-color)}
 
.wrapper a:link, .wrapper a:visited{color: var(--main-color);text-decoration:none;}
#index p.cta a, #resetpassword p.cta a{font-weight: 500;}
#index p.cta, #resetpassword p.cta{color: #4B497B; background: rgba(255, 255, 255, 0.25);border-radius:8px; padding: 5px 10px;}

html body#index div.wrapper div.bodycontent.clearfix div#maincontent div.main svg#user-circle path{fill:#4B497B;}

.header h1 a:link, .header h1 a:visited, .header h1 a:hover {font-size: 1.8rem !important; font-weight: 700 !important;}
#sitename{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) .5s both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) .5s both}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}

#maincontent {padding-right: 15px;}
.wrapper {max-width : none;width:90%;}

.wrapper table tr#tr-index a {margin-left: 20px;}
.wrapper table tr#tr-index a::before {content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cpath fill="%234B497B" fill-opacity="0" d="M6 8L12 3L18 8V20H6V8Z"%3E%3Canimate fill="freeze" attributeName="fill-opacity" begin="0.9s" dur="0.5s" values="0%3B1"%2F%3E%3C%2Fpath%3E%3Cg fill="none" stroke="%234B497B" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="21" stroke-dashoffset="21" d="M5 21H19"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="21%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M5 21V8M19 21V8"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="26" stroke-dashoffset="26" d="M2 10L12 2L22 10"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.4s" values="26%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E'); position: absolute; top: 12px; border-radius: 0px; cursor: pointer; transition: all 250ms ease; display: flex; left:0;}
.wrapper table tr#tr-index.l-0 td.secondarylink a::before {content: normal;}
body#backups .wrapper table tr#tr-index a::before {content: normal !important;}

.wrapper .nav li a:link, .wrapper .nav li a:visited, .wrapper #pill li a:link, .wrapper #pill li a:visited {color: #EEEEEE; font-weight: 600 !important;}

.leftnav #power {fill: #E60000 !important; width:22px!important;} /* logout icon*/
.gg-add { color: #FF9900 !important;} /* custom menu icon */

.massive-folder-linker {background: #FFC966!important; border-radius:5px;}
.massive-folder-linker svg{width:80px !important;}
.Documents .massive-folder-linker {background:LightGrey!important;}
.Documents .massive-folder-linker svg{transform: rotate(15deg); width:80px !important;}
.Compressed .massive-folder-linker {background:Khaki!important;}
.Compressed .massive-folder-linker svg{transform: rotate(15deg); width:80px !important;}
.Video .massive-folder-linker {background:Lavender!important;}
.Video .massive-folder-linker svg{transform: rotate(15deg); width:80px !important;}
.Audio .massive-folder-linker {background:Lavender!important;}
.Audio .massive-folder-linker svg{transform: rotate(15deg); width:80px !important;}
.Misc .massive-folder-linker {background:Plum!important;}
.Misc .massive-folder-linker svg{transform: rotate(15deg); width:80px !important;}
.Vector .massive-folder-linker {background:mediumpurple!important;}
.Vector .massive-folder-linker svg{transform: rotate(15deg); width:80px !important;}

#createfolder{text-decoration:none !important;font-weight:bold;}
#createfolder::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 20 20'%3E%3Cpath fill='%234B497B' fill-rule='evenodd' d='M4 4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-5L9 4zm7 5a1 1 0 1 0-2 0v1H8a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h1a1 1 0 1 0 0-2h-1z'/%3E%3C/svg%3E");padding-left: 5px;vertical-align: sub;}

.imgthumb a img, :link img, :visited img {border-radius: 5px;}
.masive-uploader {background: #4B497B;}
.masive-uploader input[type="submit"] {background: #00162a;}
.masive-uploader p {color: #00162a;}
.masive-uploader h3 {color: #ffffff; font-weight: bold;}
.masive-uploader span {background: #00162a;}
.masive-uploader h3::before {content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="25" height="25" viewBox="0 0 24 24"%3E%3Cmask id="lineMdCloudUploadLoop0"%3E%3Cg fill="%23fff"%3E%3Ccircle cx="12" cy="10" r="6"%2F%3E%3Crect width="9" height="7" x="8" y="13"%2F%3E%3Crect width="15" height="12" x="1" y="8" rx="6"%3E%3Canimate attributeName="x" dur="21s" repeatCount="indefinite" values="1%3B0%3B1%3B2%3B1"%2F%3E%3C%2Frect%3E%3Crect width="13" height="10" x="10" y="10" rx="5"%3E%3Canimate attributeName="x" dur="19s" repeatCount="indefinite" values="10%3B9%3B10%3B11%3B10"%2F%3E%3C%2Frect%3E%3C%2Fg%3E%3Crect width="4" height="5" x="10" y="12"%2F%3E%3Cpath d="M12 8L17 13H7L12 8Z"%3E%3CanimateMotion calcMode="linear" dur="1.5s" keyPoints="0%3B0.25%3B0.5%3B0.75%3B1" keyTimes="0%3B0.1%3B0.5%3B0.8%3B1" path="M0 0v-1v2z" repeatCount="indefinite"%2F%3E%3C%2Fpath%3E%3C%2Fmask%3E%3Crect width="24" height="24" fill="white" mask="url(%23lineMdCloudUploadLoop0)"%2F%3E%3C%2Fsvg%3E'); width: 25px; height: 25px; border-radius: 0px; cursor: pointer; transition: all 250ms ease; display: flex; align-items: center; justify-content: center; float: left; margin-right: 10px;}

#upload #sidebar > div h3::before {content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="25" height="25" viewBox="0 0 24 24"%3E%3Cmask id="lineMdCloudUploadLoop0"%3E%3Cg fill="%23fff"%3E%3Ccircle cx="12" cy="10" r="6"%2F%3E%3Crect width="9" height="7" x="8" y="13"%2F%3E%3Crect width="15" height="12" x="1" y="8" rx="6"%3E%3Canimate attributeName="x" dur="21s" repeatCount="indefinite" values="1%3B0%3B1%3B2%3B1"%2F%3E%3C%2Frect%3E%3Crect width="13" height="10" x="10" y="10" rx="5"%3E%3Canimate attributeName="x" dur="19s" repeatCount="indefinite" values="10%3B9%3B10%3B11%3B10"%2F%3E%3C%2Frect%3E%3C%2Fg%3E%3Crect width="4" height="5" x="10" y="12"%2F%3E%3Cpath d="M12 8L17 13H7L12 8Z"%3E%3CanimateMotion calcMode="linear" dur="1.5s" keyPoints="0%3B0.25%3B0.5%3B0.75%3B1" keyTimes="0%3B0.1%3B0.5%3B0.8%3B1" path="M0 0v-1v2z" repeatCount="indefinite"%2F%3E%3C%2Fpath%3E%3C%2Fmask%3E%3Crect width="24" height="24" fill="white" mask="url(%23lineMdCloudUploadLoop0)"%2F%3E%3C%2Fsvg%3E'); width: 25px; height: 25px; border-radius: 0px; cursor: pointer; transition: all 250ms ease; display: flex; align-items: center; justify-content: center; float: left; margin-right: 10px;}

html body#pages div.wrapper div.bodycontent.clearfix div#sidebar ul.snav::after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke-width='2'%3E%3Cpath stroke-dasharray='64' stroke-dashoffset='64' d='M13 3L19 9V21H5V3H13'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='64;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='6' stroke-dashoffset='6' d='M9 13H13'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1s' dur='0.2s' values='6;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M9 16H15'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1.2s' dur='0.2s' values='8;0'/%3E%3C/path%3E%3C/g%3E%3Cpath stroke-dasharray='14' stroke-dashoffset='14' d='M12.5 3V8.5H19'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.7s' dur='0.2s' values='14;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");opacity:0.1;padding-left: 2em;}

html body#edit div.wrapper div.bodycontent.clearfix div#sidebar p#js_submit_line::after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='56' stroke-dashoffset='56' d='M3 21L4.99998 15L16 4C17 3 19 3 20 4C21 5 21 7 20 8L8.99998 19L3 21'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.6s' values='56;0'/%3E%3C/path%3E%3Cg stroke-dasharray='6' stroke-dashoffset='6'%3E%3Cpath d='M15 5L19 9'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='6;0'/%3E%3C/path%3E%3Cpath stroke-width='1' d='M6 15L9 18'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='6;0'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity:0.05; padding-left: 2em;}

html body#upload div.wrapper div.bodycontent.clearfix div#sidebar form.uploadform::after{content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="150" height="150" viewBox="0 0 24 24"%3E%3Cmask id="lineMdCloudUploadLoop0"%3E%3Cg fill="%23fff"%3E%3Ccircle cx="12" cy="10" r="6"%2F%3E%3Crect width="9" height="7" x="8" y="13"%2F%3E%3Crect width="15" height="12" x="1" y="8" rx="6"%3E%3Canimate attributeName="x" dur="21s" repeatCount="indefinite" values="1%3B0%3B1%3B2%3B1"%2F%3E%3C%2Frect%3E%3Crect width="13" height="10" x="10" y="10" rx="5"%3E%3Canimate attributeName="x" dur="19s" repeatCount="indefinite" values="10%3B9%3B10%3B11%3B10"%2F%3E%3C%2Frect%3E%3C%2Fg%3E%3Crect width="4" height="5" x="10" y="12"%2F%3E%3Cpath d="M12 8L17 13H7L12 8Z"%3E%3CanimateMotion calcMode="linear" dur="1.5s" keyPoints="0%3B0.25%3B0.5%3B0.75%3B1" keyTimes="0%3B0.1%3B0.5%3B0.8%3B1" path="M0 0v-1v2z" repeatCount="indefinite"%2F%3E%3C%2Fpath%3E%3C%2Fmask%3E%3Crect width="24" height="24" fill="white" mask="url(%23lineMdCloudUploadLoop0)"%2F%3E%3C%2Fsvg%3E'); opacity:0.05; padding-left: 2em;}

html body#theme div.wrapper div.bodycontent.clearfix div#sidebar ul.snav::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-opacity='0' d='M6 15C6 9 12 4 12 4C12 4 14.9522 6.46019 16.715 10L6.8347 18C6.31173 17.2671 6 16.2894 6 15Z'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='0.4s' dur='0.5s' values='0;1'/%3E%3C/path%3E%3Cpath fill='none' stroke='white' stroke-dasharray='28' stroke-dashoffset='28' stroke-linecap='round' stroke-width='2' d='M12 3C12 3 19 9 19 15C19 17 18 21 12 21M12 3C12 3 5 9 5 15C5 17 6 21 12 21'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='28;0'/%3E%3C/path%3E%3C/svg%3E"); opacity:0.05; padding-left: 2em;}

html body#backups div.wrapper div.bodycontent.clearfix div#sidebar ul.snav::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-dasharray='20' stroke-dashoffset='20' d='M2.5 15.5H21.5M2.5 8.5H21.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='20;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='50' stroke-dashoffset='50' stroke-width='2' d='M12.75 6H18V18H6V6H12.75Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.3s' dur='0.4s' values='50;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); opacity:0.05; padding-left: 2em;}

html body#backups div.wrapper div.bodycontent.clearfix div#sidebar ul.snav::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-dasharray='20' stroke-dashoffset='20' d='M2.5 15.5H21.5M2.5 8.5H21.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='20;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='50' stroke-dashoffset='50' stroke-width='2' d='M12.75 6H18V18H6V6H12.75Z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.3s' dur='0.4s' values='50;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); opacity:0.05; padding-left: 2em;}

html body#plugins div.wrapper div.bodycontent.clearfix div#sidebar ul.snav::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-width='2'%3E%3Cpath stroke-dasharray='2 4' stroke-dashoffset='6' d='M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21'%3E%3Canimate attributeName='stroke-dashoffset' dur='0.6s' repeatCount='indefinite' values='6;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='30' stroke-dashoffset='30' d='M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.1s' dur='0.3s' values='30;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='10' stroke-dashoffset='10' d='M12 8v7.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.5s' dur='0.2s' values='10;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='6' stroke-dashoffset='6' d='M12 15.5l3.5 -3.5M12 15.5l-3.5 -3.5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.7s' dur='0.2s' values='6;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); opacity:0.05; padding-left: 2em;}

html body#support div.wrapper div.bodycontent.clearfix div#sidebar ul.snav::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-linecap='round' stroke-width='2'%3E%3Cg%3E%3Cpath stroke-dasharray='4' stroke-dashoffset='4' d='M12 3V5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='4;0'/%3E%3C/path%3E%3Cpath stroke-dasharray='28' stroke-dashoffset='28' d='M12 5C8.68629 5 6 7.68629 6 11L6 17C5 17 4 18 4 19H12M12 5C15.3137 5 18 7.68629 18 11L18 17C19 17 20 18 20 19H12'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.2s' dur='0.4s' values='28;0'/%3E%3C/path%3E%3CanimateTransform attributeName='transform' begin='0.8s' dur='6s' keyTimes='0;0.05;0.15;0.2;1' repeatCount='indefinite' type='rotate' values='0 12 3;3 12 3;-3 12 3;0 12 3;0 12 3'/%3E%3C/g%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M10 20C10 21.1046 10.8954 22 12 22C13.1046 22 14 21.1046 14 20'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='0.6s' dur='0.2s' values='8;0'/%3E%3CanimateTransform attributeName='transform' begin='1s' dur='6s' keyTimes='0;0.05;0.15;0.2;1' repeatCount='indefinite' type='rotate' values='0 12 8;6 12 8;-6 12 8;0 12 8;0 12 8'/%3E%3C/path%3E%3Cpath stroke-dasharray='8' stroke-dashoffset='8' d='M22 6v4' opacity='0'%3E%3Cset attributeName='opacity' begin='1s' to='1'/%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' begin='1s' dur='0.2s' values='8;0'/%3E%3Canimate attributeName='stroke-width' begin='1.7s' dur='3s' keyTimes='0;0.1;0.2;0.3;1' repeatCount='indefinite' values='2;3;3;2;2'/%3E%3C/path%3E%3C/g%3E%3Ccircle cx='22' cy='14' r='1' fill='white' fill-opacity='0'%3E%3Canimate fill='freeze' attributeName='fill-opacity' begin='1s' dur='0.4s' values='0;1'/%3E%3Canimate attributeName='r' begin='2s' dur='3s' keyTimes='0;0.1;0.2;0.3;1' repeatCount='indefinite' values='1;2;2;1;1'/%3E%3C/circle%3E%3C/svg%3E"); opacity:0.05; padding-left: 2em;}

html body#settings div.wrapper div.bodycontent.clearfix div#sidebar p#js_submit_line::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Csymbol id='lineMdCogFilledLoop0'%3E%3Cpath fill='%23fff' d='M11 13L15.74 5.5C16.03 5.67 16.31 5.85 16.57 6.05C16.57 6.05 16.57 6.05 16.57 6.05C16.64 6.1 16.71 6.16 16.77 6.22C18.14 7.34 19.09 8.94 19.4 10.75C19.41 10.84 19.42 10.92 19.43 11C19.43 11 19.43 11 19.43 11C19.48 11.33 19.5 11.66 19.5 12z'%3E%3Canimate fill='freeze' attributeName='d' begin='0.5s' dur='0.2s' values='M11 13L15.74 5.5C16.03 5.67 16.31 5.85 16.57 6.05C16.57 6.05 16.57 6.05 16.57 6.05C16.64 6.1 16.71 6.16 16.77 6.22C18.14 7.34 19.09 8.94 19.4 10.75C19.41 10.84 19.42 10.92 19.43 11C19.43 11 19.43 11 19.43 11C19.48 11.33 19.5 11.66 19.5 12z;M11 13L15.74 5.5C16.03 5.67 16.31 5.85 16.57 6.05C16.57 6.05 19.09 5.04 19.09 5.04C19.25 4.98 19.52 5.01 19.6 5.17C19.6 5.17 21.67 8.75 21.67 8.75C21.77 8.92 21.73 9.2 21.6 9.32C21.6 9.32 19.43 11 19.43 11C19.48 11.33 19.5 11.66 19.5 12z'/%3E%3C/path%3E%3C/symbol%3E%3Cmask id='lineMdCogFilledLoop1'%3E%3Cpath fill='none' stroke='%23fff' stroke-dasharray='36' stroke-dashoffset='36' stroke-width='5' d='M12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7z'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.4s' values='36;0'/%3E%3Cset attributeName='opacity' begin='0.4s' to='0'/%3E%3C/path%3E%3Cg opacity='0'%3E%3Cuse href='%23lineMdCogFilledLoop0'/%3E%3Cuse href='%23lineMdCogFilledLoop0' transform='rotate(60 12 12)'/%3E%3Cuse href='%23lineMdCogFilledLoop0' transform='rotate(120 12 12)'/%3E%3Cuse href='%23lineMdCogFilledLoop0' transform='rotate(180 12 12)'/%3E%3Cuse href='%23lineMdCogFilledLoop0' transform='rotate(240 12 12)'/%3E%3Cuse href='%23lineMdCogFilledLoop0' transform='rotate(300 12 12)'/%3E%3Cset attributeName='opacity' begin='0.4s' to='1'/%3E%3CanimateTransform attributeName='transform' dur='30s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='24' height='24' fill='white' mask='url(%23lineMdCogFilledLoop1)'/%3E%3C/svg%3E"); opacity:0.05; padding-left: 2em;}

html body#upload div.wrapper div.bodycontent.clearfix div#sidebar form.uploadform p input#file{color:#8C8ABA;}

#maincontent .main {border:solid 1px #BBBAD6; border-radius: 8px; box-shadow: 0px 7px 7px rgb(176, 173, 193)}
	
#sidebar{background-color:#24233b; padding:10px; border-radius:8px; box-shadow: 0px 10px 10px rgb(73, 70, 92); transition: 0.5s;}
#sidebar:hover {transform: translateY(-7px); box-shadow: 0px 10px 10px black;}

#sidebar .snav li{margin: 0;}
#sidebar .snav li a:link, #sidebar .snav li a:visited, #sidebar .snav li a {color:#fff; background-color:#4B497B;}
#sidebar .snav li a:link:hover, #sidebar .snav li a:visited:hover, #sidebar .snav li a.current:hover { border:solid 1px #8C8ABA; background-color:#4B497B !important; box-shadow: 0px 7px 7px rgb(0,0,0) !important;}
#sidebar ul.snav li a.current{color:#fff; border:solid 2px #8C8ABA; background-color:#4B497B !important; box-shadow: 0px 7px 7px rgb(0,0,0)}
#sidebar ul.snav li a.current:hover{color:#fff; background-color:#4B497B !important;}

input[type="submit"] {background: #4CAF50 !important; padding: 8px 16px; font-size: 18px; font-weight: 400;}
input.cleanthumb {background: #F00 !important;}
input.mb_edit.mb_edit_delete {background: #F00 !important;}

#metadata_toggle, .edit-nav a{color:#fff !important; background: #4B497B !important;height:2em}
.edit-nav a#metadata_toggle{background-image: none;padding-right: 10px;}

.edit-nav a#metadata_toggle::after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='white' fill-rule='evenodd' d='M7 3a4.002 4.002 0 0 1 3.874 3H19v2h-8.126A4.002 4.002 0 0 1 3 7a4 4 0 0 1 4-4m0 6a2 2 0 1 0 0-4a2 2 0 0 0 0 4m10 11a4.002 4.002 0 0 1-3.874-3H5v-2h8.126A4.002 4.002 0 0 1 21 16a4 4 0 0 1-4 4m0-2a2 2 0 1 0 0-4a2 2 0 0 0 0 4' clip-rule='evenodd'/%3E%3C/svg%3E");vertical-align:middle !important; padding-left:5px;}

#metadata_window input, #metadata_window select, #metadata_window textarea {padding:7px; font-size:1em; border-radius:5px;}
#metadata_window #menu-items {height: 65px;background: #4B497B;border-radius:5px;}
#metadata_window textarea {height: 85px;}
#edit_window input#post-title {padding: 7px;font-weight: 590;color: #444;}

form input.text, form select.text {padding: 7px;font-size: 1em;border-radius: 5px;}

html body#upload div.wrapper div.bodycontent.clearfix div#maincontent div.main div#file_load div.h5.clearfix div{padding-top: 5px;}
html body#upload div.wrapper div.bodycontent.clearfix div#maincontent div.main div#file_load div.h5.clearfix div button svg{padding-top: 2px;}

.plugin-uni a {border-radius: 8px !important; padding:7px !important; font-weight:500 !important;}
ul.db-list li input[type="submit"]{border-radius: 7px !important; padding:10px !important;}
html body#load div.wrapper div.bodycontent.clearfix div#maincontent div.main p button.button.showdialog{padding:10px !important; background-color:#4B497B !important;}
html body#load div.wrapper div.bodycontent.clearfix div#maincontent div.main form.settheme button{background-color:#4B497B !important; margin:20px 0 0 20px;cursor: pointer;}

#pagechangednotify:not(:empty) {padding: 5px 10px !important; background-color: white; border-radius: 10px; border: dashed 2px red; box-shadow: 0px 5px 5px rgb(26, 26, 26);}

input#page_submit.submit, form#navigationForm input.submit, #components input#button.submit, #theme-edit form p#submit_line span input.submit, #upload form.uploadform input.submit, #load form.settheme button{background: #4CAF50 !important; padding: 8px 16px; font-size:18px;font-weight:400}

a.cancel:link {background: lightgray !important; font-weight: 600; padding: 5px 10px;}
a.cancel:hover {background: #D94136 !important; font-weight: 600; padding: 5px 10px;}

#footer{color:#4B497B;}
#footer a:link, #footer a:visited {color:#4B497B;font-weight:600 !important;}

div#footer div.gslogo a img{transition: transform .2s;}
div#footer div.gslogo a img:hover{transform: scale(1.5);}

#gsdebug {border: 1px solid #C00;}

.w3-container .success {padding: 10px 15px; background-color: green; color: white; font-weight: 600; margin: 10px; border: 1px solid;}

.logocustom {margin-left:10px; max-height: 50px; object-fit: contain;}

#plugins .edittable tr, #plugins .edittable td, #plugins .edittable th {
	cursor: default;
}

/* ----------------
  (\ /)
  (^.^) -{hola)
 C(")(")
---------------- */

/* ---------------
https://iconify.design/ 
---------------- */