 
   
.gc-context-menu{}
.gc-context-menu-container {display:none;} 
.gc-context-menu-container, .gc-context-menu-container ul, .gc-context-menu-container li, .gc-context-menu-container a, .gc-context-menu-container hr{ display:block; padding:0; margin:0; border:none; text-decoration:none; background:none; color:#555; transition:all 0.5s, top 0s,left 0s; list-style:none; font-weight:normal;}
.gc-context-menu-container {transform:scale(0.8,0.8); opacity:0; background:#FFF; z-index:10; position:absolute; top:0; left:0; display:inline-block; display:none;  box-shadow:0px 3px 13px rgba(0, 0, 0, 0.3); padding:3px 0px;}
.gc-context-menu-container.show {transform:scale(1,1);display:inline-block; opacity:1;}
.gc-context-menu-container a, .gc-context-menu-container span{display:block; padding:10px 15px; border:none; text-decoration:none; font-size:1.2em; color:#000; }
.gc-context-menu-container li{ position: relative;}
.gc-context-menu-container a:hover {background:#EEE;}
.gc-context-menu-container span {color:#555; font-weight:bold; background:#F5F5F5;}
.gc-context-menu-container i {font-style:normal; position: absolute; cursor: pointer; top:5px; right: 5px; display: inline-block; padding:5px 10px; background: #EEE; border-radius: 5px; }
.gc-context-menu-container hr {border-bottom:solid 1px #AAA;}

.gc-context-menu-container-dark{ background:#444;}
.gc-context-menu-container-dark.gc-context-menu-container a, .gc-context-menu-container-dark.gc-context-menu-container span{ color:#FFF}
.gc-context-menu-container-dark.gc-context-menu-container a:hover{ background:#555;}

.gc-context-menu-buttons-responsive-set{ white-space: nowrap; display: inline-block;}
.gc-context-menu-toggle {text-decoration:none; background: #AAA url('../_skins/common_images/svg/context_menu_icon.svg') center center no-repeat ; border-radius: 3px; background-size:60%; cursor:pointer; color:#F00; padding:10px; display:inline-block; vertical-align:middle; width: 40px; height: 40px; border-radius: 200px; }
.gc-context-menu-toggle-container{text-align: left; }
.gc-context-menu-mobile{ font-size:0.7em;}
	
.gc-context-menu-mobile.gc-context-menu-container, .gc-context-menu-mobile.gc-context-menu-container ul, .gc-context-menu-mobile.gc-context-menu-container li, .gc-context-menu-mobile.gc-context-menu-container a, .gc-context-menu-mobile.gc-context-menu-container hr
{
	transition: all 0s;
}

.gc-context-menu-mobile.gc-context-menu-container a, .gc-context-menu-mobile.gc-context-menu-container span{padding:5px;}

.gc-custom-checkbox{ display:inline-block; width:50px; height:30px; vertical-align:middle; border-radius:20px; position:relative; padding:10px; background:#EEE;}
.gc-custom-checkbox .inner{ transition:all 0.5s; position:absolute; background:#F00; border-radius:10px; top:5px; left:5px; right:5px; bottom:5px; box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2)}
.gc-custom-checkbox .toggle {transition:all 0.5s; border:solid 3px #EEE; display:inline-block; width:50%; position:absolute;left:0; top:0px; bottom:0px; border-radius:20px; background:#FFF; box-shadow:3px 3px 10px rgba(0,0,0,0.5) }

.gc-custom-checkbox .active {background:#090; transition:all 0.5s;}
.gc-custom-checkbox .active .toggle{left:50%;}


.gcPopupWindow,.gcPopupWindowBackground{position:fixed;top:0;left:0;right:0;bottom:0;z-index:20;}
.gcPopupWindowBackground{background:rgba(0,0,0,0.8);transition:all 0.5s;z-index:1;}
.gcPopupWindowAll{z-index:2;position:fixed;top:20px;left:0px;right:0px;bottom:20px;display:flex;align-items:center;justify-content: center;}										
.gcPopupWindowAllInner{width:100%;height:100%;opacity:0;transform:translateY(-30px) scale(0.5) ;overflow:hidden;transition:opacity,transform 0.2s;background:#FFF;min-width:100px;min-height:100px;border-radius:5px;box-shadow: 3px 3px 23px rgba(0,0,0,0.5);max-height:100vh; transition:all 0.2s; }
.gcPopupWindowAllInner.dark_mode { background: #191919; color:#FFF; }

.gcPopupWindowHidden{ display:none; }

.gcPopupWindowContentInner{ padding:20px; }
.gcPopupWindowNoPadding .gcPopupWindowContentInner
.gcPopaupNoPadding .gcPopupWindowContentInner{ padding:0; }

.gcPopupWindowSizeFull       .gcPopupWindowAllInner{max-width:100%;   height:600px; width:100%;}
.gcPopupWindowSizeExtraLarge .gcPopupWindowAllInner{max-width:1200px; height:600px; width:100%;}
.gcPopupWindowSizeExtraSmall .gcPopupWindowAllInner{max-width:300px;  height:195px; width:100%;}
.gcPopupWindowSizeLarge      .gcPopupWindowAllInner{max-width:900px;  height:600px; width:100%;}
.gcPopupWindowSizeMedium     .gcPopupWindowAllInner{max-width:600px;  height:400px; width:100%;}
.gcPopupWindowSizeSmall      .gcPopupWindowAllInner{max-width:400px;  height:195px; width:100%;}

.gcPopupWindowNoBorders .gcPopupWindowTopBar{ position:relative; z-index:1}
.gcPopupWindowNoBorders .gcPopupWindowTopBarInner{ position:absolute; top:0; right:0;background:none;}
.gcPopupWindowNoBorders .gcPopupWindowContent{padding:0;}
.gcPopupWindowNoBorders .gcPopupWindowFooterBarInner{display:none;}
.gcPopupWindowNoBorders .gcPopupWindowFooterButtonsBarInner{position:absolute;z-index:50;bottom:0;left:0;right:0;background: rgba(0,0,0,0.5);}
.gcPopupWindowNoBorders .gcPopupWindowTopBarInner a{ right:25px;}



.gcPopupWindowSimpleButtons {}
.gcPopupWindowSimpleButtons .gcPopupWindowContent{ padding: 0px;}
.gcPopupWindowSimpleButtons .gcPopupWindowContentInner{ padding: 40px 40px 40px;}

.gcPopupWindowSimpleButtons .gcPopupWindowContentInner{padding: 40px 40px 0 40px;}

.gcPopupWindowSimpleButtons .gcPopupWindowFooterButtonsBarInner{ text-align:right;}
.gcPopupWindowSimpleButtons .gcPopupWindowFooterButtonsBarInner, .gcPopupWindowSimpleButtons a, .gcPopupWindowSimpleButtons .gcPopupWindowFooterButtonOK{background:none;}
.gcPopupWindowSimpleButtons .gcPopupWindowFooterButtonOK:hover{color:none; background:#0089ff;}
.gcPopupWindowSimpleButtons .gcPopupWindowFooterButtonOK{background:none; color:#0089ff;}

.gcPopupWindowSimpleButtons .gcPopupWindowFooterButtonsBarInner, .gcPopupWindowSimpleButtons a, .gcPopupWindowSimpleButtons .gcPopupWindowFooterButtonOK{}


.gcPopupWindowNoContentScroll .gcPopupWindowContent{overflow:hidden;}

.gcPopupWindowAllInner.gcPopupWindowAllInnerShow{opacity:1;transform:translateY(0px)  scale(1);}


.gcPopupWindowTopBarInner {padding:10px;background:#EEE;position:relative;min-height:38px;}
.gcPopupWindowTopBarInner a{cursor:pointer;position:absolute;top:0px;right:0px; bottom:0; border-radius:0 !important; text-decoration:none;border-radius:30px;background:transparent;display:flex; align-items: center; color:#000; padding:6px 10px;}
.gcPopupWindowTopBarInner a:hover{background:#555; color:#FFF;}

.gcPopupWindowTopTitleBar {text-shadow:1px 1px 0px rgba(255,255,255,0.5);}

.gcPopupWindowContent{overflow:auto; position:absolute; top:0; left:0; right:0; bottom:0;}

iframe.gcPopupWindowContent{padding:0; border:none; width:100%; height: 100%; }

.gcPopupWindowContentInput{ width: 100%; margin: 10px 0; border-radius: 3px; padding: 10px; background: #DDD; border: solid 1px #AAA; }

.gcPopupDisableScroll{ overflow:hidden;}

.gcPopupWindowBodyNoScroll{overflow:hidden !important;}

.gcPopupWindowFooterButtonsBar{ position:absolute; bottom:0;right: 0; left: 0;}
.gcPopupWindowFooterButtonsBarInner{padding:10px 40px;background:#efefef;text-align:center;}
.gcPopupWindowFooterButtonsBarInner a{text-decoration:none;font-weight:normal;display:inline-block; font-family:Arial}
.gcPopupWindowFooterBar{position: absolute; bottom:0; right: 0; left: 0;}
.gcPopupWindowFooterBarInner{padding:10px; background:#DDD;}

.gcPopupWindowFooterButton{display:inline-block;padding:10px;background:#AAA;color:#000;margin:0 3px;transition:all 0.5s;cursor:pointer; }
.gcPopupWindowFooterButton:hover{background:#555;color:#FFF;}

.gcPopupWindowFooterButtonOK{background:#0089ff; color:#FFF;}

.dark_mode .gcPopupWindowFooterButton:not(.gcPopupWindowFooterButtonOK){ color: #5a5a5a; }

.dark_mode .gcPopupWindowFooterButton:not(.gcPopupWindowFooterButtonOK):hover{ color:#b7b7b7;}

.gcPopupInputContainerPin > input{ font-size:2em; text-align: center; }
.gcPopupInputContainerPin > input::-webkit-outer-spin-button,
.gcPopupInputContainerPin > input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

.gcPopupInputContainerPin input[type=number] { -moz-appearance: textfield; }

.gcPopupInputContainerPins { display:grid; gap:10px; width:100; flex-wrap: wrap; grid-template-columns: 1fr 1fr 1fr; user-select: none;}
.gcPopupInputContainerPins > * {}
.gcPopupInputContainerPins a { background:#ddd; text-align: center; padding:10px; user-select: none;}
.gcPopupInputContainerPins a:hover { background:#aaa; }
.gcPopupInputContainerPins a:active { background:var(--main-color); color:#fff;; }
.gcPopupInputContainerPins span { background:#eee; }
.gcPopupInputContainerPins a.pinSend { background:var(--main-color); color:#FFF; }
.gcPopupInputContainerPins a.pinDelete { background:#aaa;; }
.gcPopupInputContainerPinsFooter{ height:40px;}
.gcPopupInputContainerPinsAdditionalContent{ padding:10px;}


	
@media screen and (max-width: 720px)
{
	.gcPopupWindowAll{top:0;left:0;right:0;bottom:0;}
	.gcPopupWindowAllInner{ border-radius:0;}    
    .gcPopupWindowSimpleButtons .gcPopupWindowContentInner{padding: 15px 15px 0 15px;}
}





