/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 2, 2018, 11:53:25 AM
    Author     : Work
*/
/*error message*/
.error {
    color: red !important;
}
.halffull_circle{
    border-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    box-shadow: 0px 5px 25px -3px #5b6be8;
    position: fixed;
    background: -webkit-#5b6be8;/* For Safari 5.1 to 6.0 */   
    background: -o-#5b6be8;/* For Opera 11.1 to 12.0 */   
    background: -moz-#5b6be8;/* For Firefox 3.6 to 15 */    
    background: #5b6be8;
}
.halffull_circle.indigo, .error_page .btn.indigo{
    box-shadow: 0px 5px 25px -3px #3f51b5;
}
.halffull_circle.pink, .error_page .btn.pink{
    box-shadow: 0px 5px 25px -3px #e91e63;
}
.halffull_circle.red, .error_page .btn.red{
    box-shadow: 0px 5px 25px -3px #f44336;
}
.halffull_circle.orange, .error_page .btn.orange{
    box-shadow: 0px 5px 25px -3px #ff9800;
}
.halffull_circle.green, .error_page .btn.green{
    box-shadow: 0px 5px 25px -3px #4caf50;
}
.halffull_circle.cyan, .error_page .btn.cyan{
    box-shadow: 0px 5px 25px -3px #00bcd4;
}
.halffull_circle.deep-purple, .error_page .btn.deep-purple{
    box-shadow: 0px 5px 25px -3px #673ab7;
}
.halffull_circle.teal, .error_page .btn.teal{
    box-shadow: 0px 5px 25px -3px #009688;
}
.halffull_circle.purple, .error_page .btn.purple{
    box-shadow: 0px 5px 25px -3px #9c27b0;
}
.halffull_circle.lime, .error_page .btn.lime{
    box-shadow: 0px 5px 25px -3px #cddc39;
}
.halffull_circle.blue, .error_page .btn.blue{
    box-shadow: 0px 5px 25px -3px #2196f3;
}
.halffull_circle.black, .error_page .btn.black{
    box-shadow: 0px 5px 25px -3px #000000;
}
.halffull_circle.gradient_cyan_cyan, .error_page .btn.gradient_cyan_cyan{
    box-shadow: 0px 5px 25px -3px #0ee1f0;
}
.half-circle-white {
    width: 200px;
    height: 400px;
    border-bottom-left-radius: 400px;
    border-top-left-radius: 400px;
    top: -50px;
    right: 0%;
}
.half-circle-top {
    width: 190px;
    height: 180px;
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    top: -50px;
    right: 52%;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
}
.small-circle-white {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    top: 450px;
    right: 200px;
}
.half-circle-bottom {
    width: 220px;
    height: 450px;
    border-bottom-right-radius: 400px;
    border-top-right-radius: 400px;
    bottom: -50px;
    left: 0px; 
}
.small-circle-bottom, .small-circle-top {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    bottom: 50px;
    right: 35rem;
}
.small-circle-top {
    top: 90px;
    left: 150px
}
/*Pattern styles bg color*/
.container-pages {
    padding-top: 10rem;
    background: #fff;/* For browsers that do not support gradients */       
}
.imgLogo {   
    text-align: center;
    margin-bottom: 30px;
}
.font-bold{
    font-weight: bold;
}

/* [19] Pages & Error Pages (Login , Register , Lock Screen , 404 , 500)*/
/*----------------*/
.page_layout .color_code {
    right: 25px;
    padding-top: 8px;
}
.page_layout .theme_options_layer{
    right: 2rem;
}
section {
    height: 100%;
}
.pages-card {
    z-index: 100; 
    max-width: 400px; 
    margin: auto;
    border-radius: 10px;
}
.text-line {
    position: absolute;
    margin: 350px 20px 0;
    right: 20px
}
#copyright {
    position: fixed;
    bottom: 35px;
    right: 7rem;
    color: #000;
}
#copyright a {
    color: #707387;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: bold;
}
.nav-logo {
    position: absolute;
    color: #53D1E3 !important;
    font-size: 1.5rem;
    margin: 20px;   
    right: 0;
    z-index: 1;
}
.nav-logo a {
    color: #53D1E3 !important;
    text-decoration: none;
}
.pages-card .card-body .profile-img {
    padding-bottom: 20px;
}
.pages-card .card-body .profile-img img {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0px 0px 20px -4px #53D1E3;
    -moz-box-shadow: 0px 0px 20px -4px #53D1E3;
    box-shadow: 0px 0px 20px -4px #53D1E3; 
}
.pages-card .card-body .small {
    margin-top: -5px;
    margin-bottom: 25px;
    font-weight: 800; 
}
.pages-card .card-body .login-btn {
    max-width: 300px;
    display: flex;
    margin: auto; 
}
.fb-ic i{
    color: #3b5998
}
.gplus-ic i{
    color: #dd4b39
}
.tw-ic i{
    color: #55acee
}
.text-line strong{
    font-weight: 600;
}
.register_text{
    float: right;
    margin-top: 7px;
}
.register_text small, .lockscreen small{
    font-size: 12px;
    vertical-align: middle;
}
/*Color Chang Theme*/
.color_code {
    position: fixed;
    left: auto;
    right: 6rem;
    bottom: 20px;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    z-index: 1
}
.color_code i {
    font-size: 23px;
}
.theme_options_layer{
    background-color: #fff;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 300px;
    padding: 5px 20px;
    -webkit-box-shadow: 0px 15px 125px rgba(0,0,0,0.22);
    box-shadow: 0px 15px 125px rgba(0,0,0,0.22);
    border-radius: 6px;
    bottom: 90px;
    z-index: 999; 
    right: 7rem;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translate3d(20px, 40px, 0) scale(0.9);
    transform: translate3d(20px, 40px, 0) scale(0.9);
}
.theme_options_layer.active{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0) scale(1);
    transform: translate3d(0px, 0px, 0) scale(1);
}
.colorbox {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
}
.option_main_label {
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 15px;
}
.close_btn {
    text-align: right;
}
.close_btn i {
    color: #7a7a7a;
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 10px;
}
.slimScrollDiv, .slimscroll{
    height: 100% !important;                
}
.navbar-mini .slimscroll, .navbar-mini .slimScrollDiv{
    overflow: visible !important
}
.slimScrollBar{
    display: none;
}
.themeclr{
    background: #5b6be8 !important;    
}
.gradient_cyan_cyan {
    background: linear-gradient(45deg, #1fa5a5 0%, #00e5ff 100%) !important;
}

/* Loader*/
/*----------------*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    max-width: 100%;
    background: #fff;  
}
div.spinner {
    -moz-animation: rotate 10s infinite linear;
    -webkit-animation: rotate 10s infinite linear;
    animation: rotate 10s infinite linear;
    position: relative;
    display: block;
    margin: auto;
    width: 90px;
    height: 90px;
    top: 20rem;
}
div.spinner i {
    -moz-animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
    -webkit-animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
    animation: rotate 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03);
    -moz-transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    border: solid 6px transparent;
    border-bottom: none;
}
div.spinner i:nth-child(1) {
    -moz-animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
    -webkit-animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
    animation-timing-function: cubic-bezier(0.09, 0.3, 0.12, 0.03);
    width: 44px;
    height: 22px;
    margin-top: -22px;
    margin-left: -22px;
    border-color: #2172b8;
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
}
div.spinner i:nth-child(2) {
    -moz-animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
    -webkit-animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
    animation-timing-function: cubic-bezier(0.09, 0.6, 0.24, 0.03);
    width: 58px;
    height: 29px;
    margin-top: -29px;
    margin-left: -29px;
    border-color: #18a39b;
    border-top-left-radius: 42px;
    border-top-right-radius: 42px;
}
div.spinner i:nth-child(3) {
    -moz-animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
    -webkit-animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
    animation-timing-function: cubic-bezier(0.09, 0.9, 0.36, 0.03);
    width: 72px;
    height: 36px;
    margin-top: -36px;
    margin-left: -36px;
    border-color: #82c545;
    border-top-left-radius: 48px;
    border-top-right-radius: 48px;
}
div.spinner i:nth-child(4) {
    -moz-animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
    -webkit-animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
    animation-timing-function: cubic-bezier(0.09, 1.2, 0.48, 0.03);
    width: 86px;
    height: 43px;
    margin-top: -43px;
    margin-left: -43px;
    border-color: #f8b739;
    border-top-left-radius: 54px;
    border-top-right-radius: 54px;
}
div.spinner i:nth-child(5) {
    -moz-animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
    -webkit-animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
    animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03);
    width: 100px;
    height: 50px;
    margin-top: -50px;
    margin-left: -50px;
    border-color: #f06045;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}
div.spinner i:nth-child(6) {
    -moz-animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
    -webkit-animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
    animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03);
    width: 114px;
    height: 57px;
    margin-top: -57px;
    margin-left: -57px;
    border-color: #ed2861;
    border-top-left-radius: 66px;
    border-top-right-radius: 66px;
}
div.spinner i:nth-child(7) {
    -moz-animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
    -webkit-animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
    animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03);
    width: 128px;
    height: 64px;
    margin-top: -64px;
    margin-left: -64px;
    border-color: #c12680;
    border-top-left-radius: 72px;
    border-top-right-radius: 72px;
}
div.spinner i:nth-child(8) {
    -moz-animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
    -webkit-animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
    animation-timing-function: cubic-bezier(0.09, 2.4, 0.96, 0.03);
    width: 142px;
    height: 71px;
    margin-top: -71px;
    margin-left: -71px;
    border-color: #5d3191;
    border-top-left-radius: 78px;
    border-top-right-radius: 78px;
}

@-moz-keyframes rotate {
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    to {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* [17] Forms*/
/*----------------*/
input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea{
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
input.valid:not([type]), input.valid:not([type]):focus, input[type="text"].valid:not(.browser-default), input[type="text"].valid:not(.browser-default):focus, input[type="password"].valid:not(.browser-default), input[type="password"].valid:not(.browser-default):focus, input[type="email"].valid:not(.browser-default), input[type="email"].valid:not(.browser-default):focus, input[type="url"].valid:not(.browser-default), input[type="url"].valid:not(.browser-default):focus, input[type="time"].valid:not(.browser-default), input[type="time"].valid:not(.browser-default):focus, input[type="date"].valid:not(.browser-default), input[type="date"].valid:not(.browser-default):focus, input[type="datetime"].valid:not(.browser-default), input[type="datetime"].valid:not(.browser-default):focus, input[type="datetime-local"].valid:not(.browser-default), input[type="datetime-local"].valid:not(.browser-default):focus, input[type="tel"].valid:not(.browser-default), input[type="tel"].valid:not(.browser-default):focus, input[type="number"].valid:not(.browser-default), input[type="number"].valid:not(.browser-default):focus, input[type="search"].valid:not(.browser-default), input[type="search"].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border: 1px solid #4CAF50;
    -webkit-box-shadow: 0 1px 0 0 #4CAF50;
    box-shadow: 0 0px 1px 0 #4CAF50;
}
.form-control.error {
    border: 1px solid red !important;
}

.helper-text {
    color: #ccc;
}
.form-group .helper-text::after {
    opacity: 1;
    position: absolute;
    left: 20px;
}
/*Validation Form*/
.error{
    color: red !important
}
/*Layout form*/
.left-addon i {
    width: 3rem;
    position: absolute;
    padding: 9px 7px;
}
/*All Form hover & Focus*/
input:hover{
    border-color: #000 !important;
}
input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #5b6be8 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-field input:not([type]):focus:not([readonly]){
    box-shadow: none !important;
    border: none !important;
}
input.invalid:not([type]), input.invalid:not([type]):focus, input[type="text"].invalid:not(.browser-default), input[type="text"].invalid:not(.browser-default):focus, input[type="password"].invalid:not(.browser-default), input[type="password"].invalid:not(.browser-default):focus, input[type="email"].invalid:not(.browser-default), input[type="email"].invalid:not(.browser-default):focus, input[type="url"].invalid:not(.browser-default), input[type="url"].invalid:not(.browser-default):focus, input[type="time"].invalid:not(.browser-default), input[type="time"].invalid:not(.browser-default):focus, input[type="date"].invalid:not(.browser-default), input[type="date"].invalid:not(.browser-default):focus, input[type="datetime"].invalid:not(.browser-default), input[type="datetime"].invalid:not(.browser-default):focus, input[type="datetime-local"].invalid:not(.browser-default), input[type="datetime-local"].invalid:not(.browser-default):focus, input[type="tel"].invalid:not(.browser-default), input[type="tel"].invalid:not(.browser-default):focus, input[type="number"].invalid:not(.browser-default), input[type="number"].invalid:not(.browser-default):focus, input[type="search"].invalid:not(.browser-default), input[type="search"].invalid:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown, .select-wrapper.invalid > input.select-dropdown:focus {
    border: 1px solid #F44336;
    -webkit-box-shadow: 0 0 0 0 #F44336;
    box-shadow: 0 0 0 0 #F44336;
}
.form-control, .select-dropdown {
    padding: .4rem .5rem !important;
    box-sizing: inherit !important;
}