/* 
    Plugin : gc-banking
    Author : Greg Courdier


    3. Reusable Classes
    4. Line Height Control
    5. Font Weight Control
    6. Wrapped Text
    7. Floats
    8. Columns
    9. Columns Div
    10. Preloader
    11. Dividers
    12. Shadows
    13. Content Boxes
    14. Page Content Settings



    32. Buttons
    33. Icons


    40. Checkboxes & Radios
    41. Inputs
*/

#gcb_app{
    background-color : #f2f2f2;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
    font-size:13px;
    line-height:23px;
    font-weight:400;
}


#gcb_app .under-heading{margin-top:-8px;}

#gcb_app .menu, 
#gcb_app .menu-hider{display:none; opacity:0;}
#gcb_app * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: subpixel-antialiased!important;
    -webkit-transform: translate3d(1,1,1);
    transform:translate3d(1,1,1);    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-family:'Roboto', sans-serif;
}

#gcb_app *:focus {outline: none;}
#gcb_app *,#gcb_app *:after,#gcb_app *:before {	
    box-sizing: border-box;	
    padding: 0;	
    margin: 0;
}

#gcb_app ::-webkit-scrollbar{display: none;}
#gcb_app ::selection {background-color:#CCC; color:#000;}
#gcb_app div, 
#gcb_app a, 
#gcb_app p, 
#gcb_app img, 
#gcb_app blockquote, 
#gcb_app form, 
#gcb_app fieldset, 
#gcb_app textarea, 
#gcb_app input, 
#gcb_app label, 
#gcb_app iframe, 
#gcb_app code, 
#gcb_app pre {
	display: block;
	position:relative;
}

#gcb_app textarea, #gcb_app input {outline: none;}
#gcb_app input[type="submit"]{appearance:none;   -webkit-appearance: none;}
#gcb_app input{border-radius: 0!important; -webkit-border-radius:0px!important; display:inline-block;}
#gcb_app textarea{-webkit-appearance: none!important; border-radius: 0!important; -webkit-border-radius:0px!important;}
#gcb_app label a{display:inline-block;}
#gcb_app .no-click{pointer-events:none!important;}




/* 3. Reusable Classes*/
.uppercase{text-transform: uppercase;}
.capitalize{text-transform:capitalize;}
.left-text, .center-text, .right-text, .text-center, .text-right, .text-left{display:block;}
.text-left, .left-text{text-align:left;}
.text-right, .right-text{text-align:right;}
.text-center, .center-text{text-align:center; display:block;}
.text-center img, .center-text img{margin:0 auto;}
.boxed-text-huge{width:90%; max-width:340px; text-align:center; margin-left:auto; margin-right:auto;}
.boxed-text-large{width:85%; max-width:300px; text-align:center; margin-left:auto; margin-right:auto;}
.boxed-text-medium{width:80%; max-width:300px; text-align:center; margin-left:auto; margin-right:auto;}
.boxed-text-small{width:70%; max-width:260px; text-align:center; margin-left:auto; margin-right:auto;}
.center-vertical{position:absolute; width:100%; top:50%; transform:translateY(-50%);}
.center-horizontal{margin:0 auto; display:block;}
.center-window{width:300px; margin:0 auto!important;}

/* 4. Line Height Control*/
.line-height-small{line-height:17px!important;}
.line-height-medium{line-height:20px!important;}
.line-height-large{line-height:30px!important;}
.line-height-huge{line-height:34px!important;}

/* 5. Font Weight Control*/
.thin{font-weight:300!important}
.ultrathin{font-weight:100!important}
.thiner{font-weight:400!important}
.bold{font-weight:600!important}
.regularbold{font-weight:500!important}
.bolder{font-weight:700!important}
.ultrabold{font-weight:900!important}
.font-italic{font-style: italic;}
.font-regular{font-style: normal;}
.font-none{text-transform:none!important;}
.font-uppercase{text-transform:uppercase!important;}
.font-lowercase{text-transform:lowercase!important;}
.font-capitalize{text-transform:capitalize!important;}

/* 6. Wrapped Text*/
.wrapped-text-small{padding:2px 10px;}
.wrapped-text-medium{padding:5px 12px;}
.wrapped-text-large{padding:6px 14px;}

/* 7. Floats*/
.float-left{float:left;}
.float-right{float:right;}

/* 8. Columns*/
.clear{clear:both;}
#gcb_app .one-half{width:48%; margin-right:2%; float:left;}
#gcb_app .one-half.last-column{width:48%; margin:0% 0% auto 2%; float:left;}
#gcb_app .one-third{width:31.7%; margin-right:2%; float:left;}
#gcb_app .one-third.last-column{width:31.7%; margin:0% 0% auto 0%; float:left;}
#gcb_app .one-half .content-boxed .content{margin-left:8px; margin-right:8px;}
#gcb_app .one-third .content-boxed .content{margin-left:8px; margin-right:8px;}
#gcb_app .one-half .content-boxed{margin-right:0px;}
#gcb_app .one-half.last-column .content-boxed{margin-right:15px; margin-left:0px;}

/* 9. Columns Div*/
#gcb_app .columns-three .col{width:30%; float:left;  margin-right:5%;}
#gcb_app .columns-three .col:nth-child(3n+3){margin-right:0%;}
#gcb_app .columns-two .col{width:48%; float:left; margin-right:4%;}
#gcb_app .columns-two .col:nth-child(2n+2){margin-right:0%;}

#gcb_app .grid-columns div{width:46%; text-align:center; float:left; margin-left:3%;}
#gcb_app .grid-columns div:nth-child(2n+1){margin-right:3%; margin-left:0%;}
#gcb_app .grid-columns div i{line-height:70px; width:70px; display:block; margin:0 auto; text-align:center; font-size:40px;}
#gcb_app .grid-columns div p{line-height:26px;}

#gcb_app .list-columns-left div i, .list-columns-left img{text-align:center; width:65px!important; position:absolute; top:8px;}
#gcb_app .list-columns-left div h1{padding-left:80px; margin-bottom:0px; font-size:18px;}
#gcb_app .list-columns-left div p{padding-left:80px; line-height:22px; padding-bottom:10px;}

#gcb_app .list-columns-right div i, .list-columns-right img{right:0px; text-align:center; width:65px!important; line-height:65px; position:absolute; margin-top:5px;}
#gcb_app .list-columns-right div h1{padding-right:80px; margin-bottom:0px; font-size:18px;}
#gcb_app .list-columns-right div p{padding-right:80px; line-height:22px;}
#gcb_app .list-columns-right div{min-height:80px;}

/* 10. Preloader */ 
#gcb_app .loader-main{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:999;
    background-color:#FFF;
    will-change: opacity;
    transition:all 250ms ease;
}

#gcb_app .loader-active{
    will-change: opacity;
    transition:all 350ms ease;
    opacity:1!important;
}
#gcb_app .loader-inactive{
    will-change: opacity;
    transition:all 350ms ease;
    opacity:0!important;
    pointer-events: none!important;
}
#gcb_app .preload-spinner, .preload-spinner {
	animation: preload-spin1 1.2s ease infinite;
	clip: rect(0, 40px, 40px, 20px); 
	height: 40px;
	width: 40px;
	position: absolute;
	left: 50%;
	margin-left:-20px;
	top:50%;
	margin-top:-20px;
}
#gcb_app .preload-spinner:after{
	animation: preload-spin2 1.2s ease-in-out infinite;
	clip: rect(0, 40px, 40px, 20px);
	content:'';
	border-radius: 50%; 
	height: 40px;
	width: 40px;
	position: absolute; 
    border-style: solid;
    border-width: 2px;
    border-color:inherit;
} 
@keyframes preload-spin1 {25% {transform: rotate(0deg)}  100% {transform: rotate(185deg)}}
@keyframes preload-spin2 {0% {transform: rotate(-175deg);}	100% {transform: rotate(175deg);}}
#gcb_app .preload-small:after{border-width: 1px;}
#gcb_app .preload-large:after{border-width: 8px;}

#gcb_app .loader-top{position:absolute; top:50px; left:0px; right:0px; z-index:9999; text-align:center;}
#gcb_app .loader-top h1{text-transform:uppercase; font-weight:900; font-size:36px; margin-bottom:0px;}
#gcb_app .loader-top p{font-size:11px;}
#gcb_app .loader-bottom{position:absolute; bottom:0px; left:0px; right:0px;}
#gcb_app .loader-bottom p{text-align:center; font-size:10px; margin-bottom:15px;}


/* 11. Dividers */
#gcb_app .divider{height:1px; display:block; background-color:rgba(0,0,0,0.04); margin-bottom:30px;}
#gcb_app .divider-margins{margin:0px 15px 30px 15px;}
#gcb_app .divider-icon{height:1px; display:block; background-color:rgba(0,0,0,0.08); margin-bottom:50px;}
#gcb_app .content-boxed .divider-icon i{background-color:#FFF;}
#gcb_app .divider-icon i{position:absolute; width:50px; background-color:#FFF; text-align:center; margin-top:-8px; left:50%; transform:translateX(-50%);}
#gcb_app .divider-small{height:2px; width:80px; margin:auto;}

/* 12. Shadows */
#gcb_app .shadow-none, 
#gcb_app .no-shadow{box-shadow:0px 0px 0px 0px rgba(0,0,0,0)!important;}
#gcb_app .shadow-tiny{box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.04)!important;}
#gcb_app .shadow-small{box-shadow: 0 4px 10px 0 rgba(0,0,0,0.10)!important;}
#gcb_app .shadow-medium{box-shadow:0 2px 14px 0 rgba(0,0,0,0.08)!important;}
#gcb_app .shadow-large{box-shadow:0 5px 15px 0 rgba(0,0,0,0.09)!important;}
#gcb_app .shadow-huge{box-shadow:0 15px 30px 0 rgba(0,0,0,0.11), 0 0px 15px 0 rgba(0,0,0,0.08)!important;}
#gcb_app .text-shadow{text-shadow:0px 1px 0px rgba(0,0,0,0.4);}
#gcb_app .text-shadow-large{text-shadow:0px 1px 2px rgba(0,0,0,0.4);}


/* 13. Content Boxes */
@media(max-width:325px){
    #gcb_app .content{margin:0px 10px 30px 10px!important;}
    #gcb_app .caption-margins{margin:0px 10px 30px 10px!important;}
}



#gcb_app .content-boxed{
    background-color:#FFF; 
    margin:15px 15px 30px 15px; 
    display:block; 
    border-radius:13px!important; 
    padding-top:20px;
    overflow:hidden;
    z-index:1;
}
#gcb_app .content-boxed-full{padding:0px!important; margin-top:0px;}
#gcb_app .under-content-button{
    width:200px;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    margin-top:-23px;
}

#gcb_app .content-boxed-caption{
    margin-top:-113px;
    z-index:10;
}


#gcb_app .content{z-index:1; margin:0px 15px 30px 15px;}
#gcb_app .round-none{border-radius:0px!important;}
#gcb_app .round-tiny,   #gcb_app .content-round-tiny,   #gcb_app .menu-box-round-tiny{border-radius:7px!important; overflow:hidden;}
#gcb_app .round-small,  #gcb_app .content-round-small,  #gcb_app .menu-box-round-small{border-radius:10px!important; overflow:hidden;}
#gcb_app .round-medium, #gcb_app .content-round-medium, #gcb_app .menu-box-round-medium{border-radius:15px!important; overflow:hidden;}
#gcb_app .round-large,  #gcb_app .content-round-large,  #gcb_app .menu-box-round-large{border-radius:20px!important; overflow:hidden;}
#gcb_app .round-huge,   #gcb_app .content-round-huge,   #gcb_app .menu-box-round-huge{border-radius:30px!important; overflow:hidden;}
#gcb_app .round-circle{ border-radius:100%;}
#gcb_app .vertical-center{position:absolute; top:50%; width:100%; transform:translateY(-50%);}
#gcb_app .horizontal-center{display:block; margin:0 auto!important;}
#gcb_app .content-box{  padding:20px; margin:0px 0px 30px 0px;}
#gcb_app .content-box p{margin-bottom:0px;}
#gcb_app .content-above{z-index:3;}
#gcb_app .content-overlay, #gcb_app .content-background{z-index:2; position:absolute; left:0px; right:0px; bottom:0px; top:0px;}
#gcb_app .content-background{z-index:1; background-size:cover;}

/* 14. Page Content Settings */
#gcb_app {background-color:#FFF; transition:transform 400ms ease;}
#gcb_app .header, 
#gcb_app .menu-active, 
#gcb_app .menu{transition: transform 400ms ease; will-change: transform, opacity;}
#gcb_app .menu-hider{transition:opacity 400ms ease; will-change:opacity;}
#gcb_app { box-shadow:0 5px 30px 0 rgba(0,0,0,0.11); z-index:90; }
#gcb_app .page-bg{
    position:fixed;
    top:-100px;
    bottom:-100px;
    left:0px;
    right:0px;
    z-index:50;
}


/* 32. Buttons*/
#gcb_app .button{
    color:#FFF;
    display:inline-block;
    margin-bottom:15px;
    overflow:hidden;
    transition:all 250ms ease;
    font-weight:800;
    text-transform:uppercase;
}

#gcb_app .button-icon i{
    position:absolute;
    left:0px;
    top:0px;
    background-color:rgba(0,0,0,0.1);
    text-align:center;
    border-radius:inherit;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#gcb_app .icon-border, #gcb_app .button-border{border:solid 1px;}
#gcb_app .button-margins{margin-left:15px; margin-right:15px;}
#gcb_app .button:active{box-shadow: inset 0 3px 5px 0 rgba(0,0,0,0.3)!important;}
#gcb_app .button-circle{border-radius:65px;}
#gcb_app .button-round{border-radius:6px;}
#gcb_app .button-round-small{border-radius:6px!important;}
#gcb_app .button-round-medium{border-radius:7px!important;}
#gcb_app .button-round-large{border-radius:10px!important;}
#gcb_app .button-round-huge{border-radius:25px!important;}
#gcb_app .button-xxs{padding:5px 12px!important; font-size:11px;}
#gcb_app .button-xs{padding:7px 14px!important; font-size:11px;}
#gcb_app .button-s{padding:8px 22px!important; font-size:11px;}
#gcb_app .button-m{padding:10px 20px!important; font-size:12px;}
#gcb_app .button-l{padding:13px 26px!important; font-size:15px;}
#gcb_app .button-xl{padding:15px 30px!important; font-size:15px;}
#gcb_app .button-xxl{padding:17px 34px!important; font-size:17px;}
#gcb_app .button-full{display:block; text-align:center;}
#gcb_app input.button-full{width:100%;}

#gcb_app .button-center-large{width:220px; margin-left:auto; margin-right:auto;}
#gcb_app .button-center-medium{width:180px; margin-left:auto; margin-right:auto;}
#gcb_app .button-center-small{width:150px; margin-left:auto; margin-right:auto;}
#gcb_app .button-center{left:50%; transform:translateX(-46%); text-align:center; padding-left:20px; padding-right:20px;}
#gcb_app .button-center-large, #gcb_app .button-center-medium, #gcb_app .button-center-small{
    display:block; text-align:center; margin:auto;
}
#gcb_app .button-icon-left i{padding-right:15px;}
#gcb_app .button-icon-right i{padding-left:15px}
#gcb_app .button-icon.button-full{text-align:left;}

#gcb_app .button-xxs.button-icon i{width:36px; line-height:36px}
#gcb_app .button-xxs.button-circle.button-icon i{border-radius:36px}
#gcb_app .button-xxs.button-icon{padding-left:50px}
#gcb_app .button-xxs.button-icon i{width:40px; line-height:33px;}
#gcb_app .button-xxs.button-3d{border-bottom:solid 3px;}
#gcb_app .button-xs.button-icon i{width:40px; line-height:40px;}
#gcb_app .button-xs.button-circle.button-icon i{border-radius:40px}
#gcb_app .button-xs.button-icon{padding-left:52px}
#gcb_app .button-xs.button-3d{border-bottom:solid 4px; padding-top:9px;}
#gcb_app .button-s.button-icon i{width:40px; line-height:40px; font-size:15px;}
#gcb_app .button-s.button-circle.button-icon i{border-radius:43px}
#gcb_app .button-s.button-icon{padding-left:52px!important}
#gcb_app .button-s.button-3d{border-bottom:solid 4px; padding-top:10px;}
#gcb_app .button-m.button-icon i{width:45px; line-height:44px; font-size:16px;}
#gcb_app .button-m.button-circle.button-icon i{border-radius:46px}
#gcb_app .button-m.button-icon{padding-left:60px}
#gcb_app .button-m.button-3d{border-bottom:solid 4px; padding-top:12px;}
#gcb_app .button-l.button-icon i{width:52px; line-height:50px; font-size:18px;}
#gcb_app .button-l.button-circle.button-icon i{border-radius:52px}
#gcb_app .button-l.button-icon{padding-left:63px}
#gcb_app .button-l.button-3d{border-bottom:solid 4px; padding-top:15px;}
#gcb_app .button-xl.button-icon i{width:55px; line-height:55px; font-size:18px;}
#gcb_app .button-xl.button-circle.button-icon i{border-radius:55px}
#gcb_app .button-xl.button-icon{padding-left:68px}
#gcb_app .button-xl.button-3d{border-bottom:solid 6px; padding-top:17px;}
#gcb_app .button-xxl.button-icon i{width:60px; line-height:60px; font-size:20px;}
#gcb_app .button-xxl.button-circle.button-icon i{border-radius:60px}
#gcb_app .button-xxl.button-icon{padding-left:70px}
#gcb_app .button-xxl.button-3d{border-bottom:solid 8px; padding-top:19px;}

/* 33. Icons*/
#gcb_app .icon{
    color:#FFF;
    display:inline-block;
    text-align:center;
    margin-bottom:15px;
    margin-right:3px;
}

#gcb_app .icon-round{border-radius:5px;}
#gcb_app .icon-circle{border-radius:50px;}

#gcb_app .icon-xxs .icon-wrap, #gcb_app .icon-xxs{width:35px; height:35px;}
#gcb_app .icon-xs .icon-wrap, #gcb_app .icon-xs{width:38px; height:38px;}
#gcb_app .icon-s .icon-wrap, #gcb_app .icon-s{width:40px; height:40px;}
#gcb_app .icon-m .icon-wrap, #gcb_app .icon-m{width:45px; height:45px;}
#gcb_app .icon-l .icon-wrap, #gcb_app .icon-l{width:50px; height:50px;}
#gcb_app .icon-xl .icon-wrap, #gcb_app .icon-xl{width:55px; height:55px;}
#gcb_app .icon-xxl .icon-wrap, #gcb_app .icon-xxl{width:60px; height:60px;}

#gcb_app .icon i, #gcb_app .icon  svg{top:50%; left:50%; position:absolute; transform:translate(-50%, -50%);}
#gcb_app .icon i.fa-spin {margin-top:-10px; margin-left:-10px;}
#gcb_app .icon svg.fa-spin {margin-top:-12.5px; margin-left:-12.5px;}





/* 40. Checkboxes & Radios */

#gcb_app .fac {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size:14px;
}
#gcb_app .fac label {
    margin: 0em 1em 0em 0em;
    padding-left: 1.5em;
    cursor:pointer;
    font-weight:inherit;
}
#gcb_app .fac > input + label:before,
#gcb_app .fac > span::after {
    font-family: "Font Awesome 5 Free";
	font-weight:900;
    position:absolute;
    left:0;
	margin-top:0.5px;
}
#gcb_app .fac > input + label:before {transition: opacity 150ms ease-in-out;}
#gcb_app .fac input{display:none;}
#gcb_app .checkboxes-demo .fac{display:block;}
#gcb_app .fac-checkbox > input + label:before, #gcb_app .fac-checkbox-round > input + label:before {opacity: 0;}
#gcb_app .fac-checkbox > input:checked + label:before, #gcb_app .fac > input:checked + label:before {opacity: 1;}

#gcb_app .fac-radio > input + label:before,
#gcb_app .fac-checkbox-o > input + label:before,
#gcb_app .fac-checkbox-round-o > input + label:before {opacity: 0;}
#gcb_app .fac-radio > input:checked + label:before,
#gcb_app .fac-checkbox-o > input:checked + label:before,
#gcb_app .fac-checkbox-round-o > input:checked + label:before {opacity: 1;}

#gcb_app .fac-default > input + label:before, #gcb_app .fac-default > span::after {color: #9d9d9d;}
#gcb_app .fac-blue > input + label:before,    #gcb_app .fac-blue > span::after {color: #428bca;}
#gcb_app .fac-green > input + label:before,   #gcb_app .fac-green > span::after {color: #8CC152;}
#gcb_app .fac-orange > input + label:before,  #gcb_app .fac-orange > span::after {color: #f0ad4e;}
#gcb_app .fac-red > input + label:before,     #gcb_app .fac-red > span::after {color: #d9534f;}

#gcb_app .fac-checkbox > span::after {content: "\f45c"; opacity:1;}
#gcb_app .fac-checkbox > input[type=checkbox] + label:before {content: "\f00c"; color:#FFFFFF!important; font-size:10px!important; padding-left:2px;}
#gcb_app .fac-checkbox-round > span::after {content: "\f111";}
#gcb_app .fac-checkbox-round > input[type=checkbox] + label:before {content: "\f00c"; color:#FFFFFF!important; font-size:8px!important; padding-left:3px;}
#gcb_app .fac-radio > span::after {content: "\f45c";}
#gcb_app .fac-radio > input[type=radio] + label:before {content: "\f00c";  color:#FFFFFF!important; font-size:10px!important; padding-left:2px;} 
#gcb_app .fac-radio-full > span::after {content: "\f00c"; font-size:12px!important;}
#gcb_app .fac-radio-full > input[type=radio] + label:before {content: "\f111";}  


/* 41. Inputs*/
#gcb_app .input-light i{color:#FFF;}
#gcb_app .input-light span{color:#FFF!important;}
#gcb_app .input-light em{color:#7c7c7c!important;}
#gcb_app .input-light input{color:#FFF!important; border-bottom:solid 1px rgba(255,255,255,0.1)!important;}
#gcb_app .input-light input::placeholder{color:#FFF;}
#gcb_app .login-image{position:absolute; width:80px; height:80px; margin-top:-50px; right:10px;}

#gcb_app .content-boxed .input-style span{background-color:#FFF;}
#gcb_app .menu .input-style span{background-color:#FFF;}
#gcb_app .input-style span{background-color:#FFF;}
#gcb_app .input-style-1 input{
    font-size:13px;
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    margin-bottom:10px;
    background-color:transparent;
    border-bottom:solid 1px rgba(0,0,0,0.08);
    transition:all 250ms ease;
}
#gcb_app .input-style-1 textarea{
    font-size:13px;
    display:block;
    width:100%;
    height:50px;
    line-height:28px;
    padding-right:15px;
    padding-top:14px;
    margin-top:-5px;
    margin-bottom:15px;
    background-color:transparent;
    margin-left:0px!important;
    padding-left:0px!important;
    text-indent:0px!important;
    border-bottom:solid 1px rgba(0,0,0,0.08);
    transition:all 250ms ease;
}
#gcb_app .input-style-1 textarea:focus{
    line-height:24px;
    height:150px;
    transition:all 250ms ease;
}
#gcb_app .input-style-1 span{
    color:#2980b9;
    font-weight:500;
    position:absolute;
    font-size:10px;
    margin-top:-3px;  
    opacity:0;
    transition:all 250ms ease;
}
#gcb_app .input-style-1 em{
    position:absolute;
    top:14px;
    font-size:10px;
    font-style:normal;
    right:0px;
    color:rgba(0,0,0,0.3);
}
#gcb_app .input-style-1 em i{
    font-size:12px;
    width:15px;
    text-align:center;
    margin-top:7px;
    display:block;
}
#gcb_app .input-style-1 input[type="date"]{
    font-size:13px;
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    margin-bottom:15px;
    background-color:transparent;
    border-bottom:solid 1px rgba(0,0,0,0.08);
    transition:all 250ms ease;
    color:#818181;
}
#gcb_app .input-style-1 input[type="date"]::-webkit-inner-spin-button{opacity:0;}
#gcb_app .input-style-1 input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;}
#gcb_app .input-style-1 input[type="date"]::-webkit-clear-button{opacity:0;}

#gcb_app .input-style-1-active{opacity:1!important;}
#gcb_app .input-style-1-inactive{color:#cacaca!important;}
#gcb_app .input-style-1 input:focus, #gcb_app .input-style-1 select:focus{border-bottom:solid 1px rgba(0,0,0,1);}
#gcb_app .input-style-1 select {
    color:#818181;
	border-bottom:solid 1px rgba(0,0,0,0.08); 
    box-sizing: border-box;
    margin-bottom:15px;
    height:50px;
    line-height:50px;
    border-radius:0px;
	width:100%;
    box-shadow: none;
    -webkit-appearance: none;
	background-color:transparent;
    font-size:14px;
}
#gcb_app .input-style-1.has-icon .input-icon{
    position:absolute;
    z-index:10;
    margin-top:18px;
    margin-left:0px;
}
#gcb_app .input-style-1.has-icon input{padding-left:30px;}
#gcb_app .input-style-1.has-icon span{margin-left:25px;}
#gcb_app .input-style-1.has-icon .input-style-1-active{
    color:#4A89DC!important;
    transform:translateX(-25px);
    transition:all 150ms ease;
}
#gcb_app input[type="range"]{
	-webkit-appearance:none;
	height:20px;
    width:100%;
	outline: none;
}
#gcb_app input[type="range"]::-webkit-slider-thumb{
	-webkit-appearance:none;
	width:20px;
	height:20px;
	background:#F26B5E;
	position:relative;
	z-index:3;
}
#gcb_app input[type="range"]::-webkit-slider-thumb:after{
	content:" ";
	height:10px;
	position:absolute;
	z-index:1;
	right:20px;
	top:5px;
	background: #ff5b32;
	background: linear-gradient(to right, #f088fc 1%, #AC6CFF 70%);
}
/*Input Style 2*/
#gcb_app .input-style-2{margin-bottom:15px;}
#gcb_app .input-style-2 span{
    pointer-events:none;
    color:#1f1f1f!important;
    position:absolute;
    font-size:13px;
    z-index:1;
    height:22px;
    line-height:20px;
    padding:2px 5px 2px 5px;
    top:14px;
    left:10px;
    right:10px;
    transition:all 150ms ease;
}
#gcb_app span.input-style-1-active{padding-right:10px!important; right:auto!important;}
#gcb_app .input-style-2 .input-style-1-active{
    color:#4A89DC!important;
    transform:translateY(-25px);
    transition:all 150ms ease;
}
#gcb_app .input-style-2 em{
    position:absolute;
    right:10px;
    z-index:2;
    font-size:10px;
    font-style:normal;
    color:#cacaca;
    line-height:53px;
}
#gcb_app .input-style-2 em i{font-size:12px!important; margin-top:5px!important;}
#gcb_app .input-style-2 input, #gcb_app .input-style-2 textarea, #gcb_app .input-style-2 select{
    background-color:transparent;
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:10px!important;
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    padding:0px 14px;
    font-size:13px;
    -webkit-appearance: none;
}
#gcb_app .input-style-2 input[type="date"]::-webkit-inner-spin-button{opacity:0;}
#gcb_app .input-style-2 input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;}
#gcb_app .input-style-2 input[type="date"]::-webkit-clear-button{opacity:0;}
#gcb_app .input-style-2.has-icon .input-icon{
    position:absolute;
    z-index:10;
    margin-top:20px;
    margin-left:15px;
}
#gcb_app .input-style-2.has-icon input{padding-left:40px;}
#gcb_app .input-style-2.has-icon span{margin-left:25px;}
#gcb_app .input-style-2.has-icon .input-style-1-active{
    color:#4A89DC!important;
    transform:translate(-25px, -25px);
    transition:all 150ms ease;
}
#gcb_app .ios-slider{
	height:40px!important;
	background: linear-gradient(to right, #5D9CEC 0%, #5D9CEC 100%);
	background-size:100% 3px;
	background-position:center;
	background-repeat:no-repeat;
}
#gcb_app .ios-slider::-webkit-slider-thumb{
	background-color:#FFF!important;
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:30px;
	height:25px!important;
	width:25px!important;
	box-shadow: -3px 3px 10px 1px rgba(0,0,0,0.2)!important;
}
#gcb_app .material-slider{
	height:40px!important;
	background: linear-gradient(to right, #CCD1D9 0%, #CCD1D9 100%);
	background-size:100% 18px;
	background-position:center;
	background-repeat:no-repeat;
	padding:0px 3px 0px 3px;
}
#gcb_app .material-slider::-webkit-slider-thumb{
	background-color:#434A54!important;
	border:solid 1px rgba(0,0,0,0.1);
	height:10px!important;
	width:30px!important;
}
#gcb_app .classic-slider{
	height:20px!important;
	background-color:#FFF;
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:30px!important;
	background-size:100% 25px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
	padding:0px 3px 0px 3px;
	-webkit-box-shadow:inset 0 2px 2px 1px rgba(0,0,0,0.1);
	box-shadow:inset 0 2px 2px 1px rgba(0,0,0,0.1);
}
#gcb_app .classic-slider::-webkit-slider-thumb{
	background-color:#5D9CEC!important;
	border:solid 1px rgba(0,0,0,0.0);
	height:16px!important;
	border-radius:20px;
	width:16px!important;
	box-shadow: -3px 3px 10px 1px rgba(0,0,0,0.2)!important;
}
#gcb_app .range-slider-icons{padding:0px 30px 0px 30px;}
#gcb_app .range-slider.range-slider-icons i{
	position:absolute;
	top:0px;
	height:44px;
	line-height:44px;
	text-align:center;
}
#gcb_app .range-slider .fa-range-icon-1{left:0px;}
#gcb_app .range-slider .fa-range-icon-2{right:0px;}

/*Progress Slider*/
#gcb_app .progress-container {
    width: 100%;
    height: 3px;
    background: #ccc;
    position:sticky;
    top:0px;
    left:0px;
    right:0px;
    z-index:99;
}
#gcb_app .progress-line {
    height: 3px;
    background: #4caf50;
    width: 0%;
}