@font-face {
    font-family: 'notika-icon';
    src:  url('../fonts/notika-icon.eot?qzfrsz');
    src:  url('../fonts/notika-icon.eot?qzfrsz#iefix') format('embedded-opentype'),
      url('../fonts/notika-icon.ttf?qzfrsz') format('truetype'),
      url('../fonts/notika-icon.woff?qzfrsz') format('woff'),
      url('../fonts/notika-icon.svg?qzfrsz#notika-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*----------------------------------------*/
/*  38.  Login Register CSS
/*----------------------------------------*/
.login-content, .error-page-area{
    min-height:100vh;
    text-align:center;
    background-color:#00c292;
}
.login-content:before, .error-page-area:before{
    content:'';
    height:100vh;
    width:1px;
}
.nk-block, .error-page-wrap{
    max-width:500px;
    padding:20px 0;
    width:80%;
    position:relative;
	margin: 0 auto;
}
.nk-navigation a, .nk-navigation a i{
    vertical-align:top;
    display:inline-block;
}
.nk-block:not(.toggled){
    display:none;
}
.nk-block.toggled{
    -webkit-animation-name:rollIn;
    animation-name:rollIn;
    -webkit-animation-duration:.9s;
    animation-duration:.9s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    z-index:10;
}
.nk-block:not(.lc-block-alt) .nk-form{
    padding:40px;
}
.nk-block:not(.lc-block-alt) .btn-login{
    top:50%;
    margin-top:-50px;
    right:-25px;
}
.nk-form, .error-page-wrap{
    background:#fff;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    border-radius:2px;
}
.nk-navigation{
    margin-top:15px;
}
.nk-navigation a,.nk-navigation a span{
    -webkit-transition:width;
    -o-transition:width;
    transition:width;
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
}
.nk-navigation a{
    color:#fff;
    background:rgba(255,255,255,.2);
    margin:0 1px;
    width:30px;
    height:30px;
    border-radius:20px;
    white-space:nowrap;
    text-align:left;
}
.nk-navigation a i{
    width:30px;
    font-style:normal;
    font-size:16px;
    text-align:center;
    line-height:30px;
}
.nk-lg-ic .notika-plus-symbol{
    font-size:12px;
}
.nk-navigation a span{
    width:0;
    overflow:hidden;
    display:inline-block;
    line-height:29px;
    margin-left:-3px;
}
.nk-navigation a:hover span{
    width:100%;
}
.nk-navigation a[data-ma-block="#l-register"]:hover{
    width:115px;
}
.nk-navigation a[data-ma-block="#l-forget-password"]:hover{
    width:147px;
}
.nk-navigation a[data-ma-block="#l-login"]:hover{
    width:120px;
}
.lc-block-alt .nk-form{
    padding:70px 35px 60px;
}
.lc-block-alt .btn-login{
    bottom:0;
    left:50%;
    margin-left:-25px;
}
.lcb-user{
    width:100px;
    height:100px;
    border-radius:50%;
    border:5px solid #fff;
    position:absolute;
    top:-35px;
    left:50%;
    margin-left:-50px;
    box-shadow:0 -4px 10px rgba(0,0,0,.18);
}
.input-group-addon.nk-ic-st-pro {
    border: 0px solid #ccc;
    background: #fff;
    font-size: 20px;
}
.nk-block .fm-checkbox {
    margin: 15px 0 0 41px;
    text-align: left;
}
.btn-float{
    width:50px;
    height:50px;
    border-radius:50%;
    line-height:46px!important;
}
.btn-float:not(.m-btn){
    position:absolute!important;
}
.btn-login.btn-float i{
    font-size:20px;
}
.btn-float:not(.bgm-white):not(.bgm-gray)>i{
    color:#fff;
}
.btn-login.btn-success, .images-cropper-pro .btn, .images-action-pro .btn, .notika-todo-btn .btn, .btn.notika-add-todo, .btn.notika-chat-btn{
	background-color: #19c99df8;
    border-color: #19c99df8;
	border:0px solid #19c99df8;
	outline:none;
	box-shadow:none;
}
.btn-login.btn-success:hover, .btn-login.btn-success:focus, .btn-login.btn-success:active, .images-cropper-pro .btn:hover, .images-cropper-pro .btn:focus, .images-cropper-pro .btn:active, .images-action-pro .btn:hover, .images-action-pro .btn:focus, .images-action-pro .btn:active, .notika-todo-btn .btn:hover, .notika-todo-btn .btn:focus, .notika-todo-btn .btn:active, .btn.notika-add-todo:hover, .btn.notika-add-todo:focus, .btn.notika-add-todo:active, .btn.notika-chat-btn:hover, .btn.notika-chat-btn:focus, .btn.notika-chat-btn:active{
	background-color: #13aa84e3;
    border-color: #13aa84e3;
	border:0px solid #13aa84e3;
	outline:none;
	box-shadow:none;
}
.rg-ic-stl .notika-right-arrow{
	font-size: 14px;
}
.nk-block, .login-content:before, .error-page-wrap, .error-page-area:before{
    vertical-align: middle;
    display: inline-block;
}
.nk-form p{
	font-size:14px;
	color:#333;
	line-height:24px;
}
.nk-block:not(.lc-block-alt) .nk-form{
    padding:40px;
}

.nk-int-st input[type="text"], .nk-int-st textarea, .nk-int-st [type="number"], .nk-int-st [type="password"], .nk-int-st [type="email"]{
	box-shadow: none;
    border-top: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0px;
	resize: none;
	border-radius:0px;
}
.nk-int-st textarea:active, .nk-int-st textarea:focus, .nk-int-st textarea:hover, .nk-int-st [type="password"]:focus, .nk-int-st [type="password"]:active{
	box-shadow: none;
}
.nk-int-st {
    position: relative;
    vertical-align: top;
}
.nk-int-st:not([class*=has-]):after {
    background: #00c292;
}
.nk-int-st:not(.disabled):after, .nk-int-st:not(.readonly):after {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    content: "";
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.nk-int-st:not(.form-group) {
    display: inline-block;
    width: 100%;
}
.nk-int-st.nk-toggled:after {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.nk-int-st .form-control[disabled], .nk-int-st .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
}
.nk-int-st .input-group-addon{
	padding: 0px;
}
.form-single.nk-int-st.widget-form textarea{
	height: 132px;
}
.nk-block, .error-page-wrap{
    max-width:500px;
    padding:20px 0;
    width:80%;
    position:relative;
	margin: 0 auto;
}
.nk-block:not(.toggled){
    display:none;
}
.nk-block.toggled{
    -webkit-animation-name:rollIn;
    animation-name:rollIn;
    -webkit-animation-duration:.9s;
    animation-duration:.9s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    z-index:10;
}
.nk-block:not(.lc-block-alt) .nk-form{
    padding:40px;
}
.nk-block:not(.lc-block-alt) .btn-login{
    top:50%;
    margin-top:-50px;
    right:-25px;
}
.nk-block .fm-checkbox {
    margin: 15px 0 0 41px;
    text-align: left;
}
.nk-block, .login-content:before, .error-page-wrap, .error-page-area:before{
    vertical-align: middle;
    display: inline-block;
}
.nk-container .input-group-addon{
	border: 0px solid #ccc;
	background-color: #fff;
}
.nk-container>.input-group .dropdown-menu {
    padding: 20px;
	border: 0px solid #ccc;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.nk-datapk-ctm .input-group-addon{
	background-color: #fff;
    border: 0px solid #ccc;
}
.nk-container>.input-group input.nk-value {
    color: #000!important;
    background: 0 0!important;
}
.mg-t-15{
	margin-top:15px;
}
.fm-checkbox label{
	font-weight:400;
}
.fm-checkbox{
	margin:10px 0px;
}
.fm-checkbox.form-elet-mg {
    margin-bottom: 0px;
}
.fm-checkbox.form-elet-mg label {
    margin-bottom: 0px;
}
.form-example-st .form-group, .form-example-st .fm-checkbox {
    margin-bottom: 0px;
}
.icheckbox_square-green.checked {
    background-position: -44px 0;
}
.icheckbox_square-green.checked.disabled {
    background-position: -88px 0;
}
.icheckbox_square-green, .iradio_square-green {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../img/green1.png) no-repeat;
    border: none;
    cursor: pointer;
}
.icheckbox_square-green {
    background-position: 0 0;
}
.icheckbox_square-green.hover {
    background-position: -22px 0;
}
.icheckbox_square-green.checked {
    background-position: -44px 0;
	transition: all 0.3s ease 0s;
}
/*----------------------------------------*/
/*  34.  Data Table CSS
/*----------------------------------------*/
.dataTables_filter, .dataTables_length {
    padding: 20px 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.dataTables_filter label, .dataTables_length label {
    font-weight: 400;
}
.dataTables_length select {
    margin: 0 8px;
}
.dataTables_filter input, .dataTables_filter select, .dataTables_length input, .dataTables_length select {
    border: 1px solid #a1a1a1;
    height: 35px;
    padding: 7px 15px;
    font-size: 13px;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 100%;
    background-color: #fff;
	outline:none;
}
.dataTables_filter input:focus, .dataTables_filter select:focus, .dataTables_length input:focus, .dataTables_length select:focus, .dataTables_length option:focus {
    border: 1px solid #00c292;
}
.dataTables_wrapper .dataTables_filter {
    width: 40%;
}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_filter label {
    width: 100%;
}
.dataTables_filter label:after {
    content: '\e928';
    font-family: 'notika-icon';
    position: absolute;
    font-size: 14px;
    right: 0px;
    top: 50%;
}
.dataTables_wrapper .dataTables_filter input {
    margin: 0!important;
    padding: 0px 0px 0px 10px;
}
.dataTables_filter label {
    position: relative;
    font-size: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
    content: '\e903';
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:before, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
    font-family: 'notika-icon';
    font-size: 14px;
    line-height: 35px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    font-size: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
    content: '\e91e';
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #00c292;
    color: #fff!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #f1f1f1;
    vertical-align: top;
    color: #7E7E7E!important;
    margin: 0 2px;
    border: 0!important;
    line-height: 21px;
    box-shadow: none!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    color: white !important;
    border: 0px solid #ccc;
    background: #00c292 !important;
}
#data-table-basic {
    padding: 20px 0px;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{
	padding-top:10px;
}
#data-table-basic_filter label, #data-table-basic_length label{
	margin-bottom: 0px;
}