@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
    font-family: 'circular-md';
    src: url('../fonts/CircularStd-Medium.eot');
    src: url('../fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Medium.woff2') format('woff2'),
        url('../fonts/CircularStd-Medium.woff') format('woff'),
        url('../fonts/CircularStd-Medium.ttf') format('truetype'),
        url('../fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
}

@font-face {
    font-family: 'circular-std-book';
    src: url('../fonts/CircularStd-Book.eot');
    src: url('../fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Book.woff2') format('woff2'),
        url('../fonts/CircularStd-Book.woff') format('woff'),
        url('../fonts/CircularStd-Book.ttf') format('truetype'),
        url('../fonts/CircularStd-Book.svg#CircularStd-Book') format('svg');
}


@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot);
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;	
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;	
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

a{color:#cc0000;}
a, button{ outline:none;}
html,body{height:100%; margin:0; padding:0; font-size:14px; overflow-x:hidden;font-family:'circular-std-book';}
body{background:#fff; color:#3e3e3e; font-size:1rem;}
.positive-r{position:relative;}
.login-holder{width:100%; height:100%; box-sizing:border-box; padding-bottom:50px; padding-top:50px; vertical-align:middle; background:#f0f0f0; overflow:auto;}
.login-holder > .login-content{margin:auto; min-width:400px; padding:40px 40px 20px 40px; box-sizing:border-box; box-shadow:#e0e0e0 0 0 10px}

.LoginBox #toast-container{margin:auto !important; left:0 !important; right:0!important;}
.LoginBox #toast-container .toast{ float:inherit !important; max-width:400px; margin:auto; background:#00BAAE !important; text-align:center; word-break:inherit;}


.login-holder > .login-content .input-field label{color:#324258; width:100%; left:0;  text-transform:uppercase;}
.login-holder > .login-content .input-field input[type=text], .input-field input[type=email], .input-field input[type=password]{border-bottom:#231F20 solid 2px; text-align:center; color:#231F20; border-width:0 0 2px 0;}
.login-holder > .login-content .input-field input[type=text]:focus + label, .login-holder > .login-content .input-field input[type=password]:focus + label{color:#000;}
.login-holder > .login-content .input-field input[type=text]:focus, .login-holder > .login-content .input-field input[type=password]:focus{border-bottom:2px solid #351E00; box-shadow:none;}
.login-holder > .login-content .input-field input[type=text].valid, .login-holder > .login-content .input-field input[type=password].valid{border-bottom:2px solid #351E00; box-shadow:none;}
.login-holder > .login-content .input-field input[type=text].invalid, .login-holder > .login-content .input-field input[type=password].invalid{border-bottom:2px solid #EF6B00; box-shadow:none;}
.login-holder > .login-content .input-field label.active{color:#001286;}
.login-holder > .login-content .input-field label.active{color:#324258;}
.filled-in[type="checkbox"]:checked + label:after{ background-color:transparent;}
.login-holder > .login-content [type="checkbox"] + label{line-height:20px;}
.login-holder > .login-content a{color:#cc0000;}
.login-holder > .login-content .btn{background:#cc0000 !important; color:#FFF;}
.login-holder > .login-content .btn span{display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; line-height:50px; width:96px; margin:auto;}
.login-holder > .login-content .btn i{font-size:1.6rem; margin-right:10px;}
.login-holder > .login-content .input-field .errormessage{position: relative; top:-15px; width:300px; font-size:12px;}
.login-holder > .login-content .input-field input:-webkit-autofill,
.login-holder > .login-content .input-field input:-webkit-autofill:hover,
.login-holder > .login-content .input-field input:-webkit-autofill:focus,
.login-holder > .login-content .input-field input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; -webkit-text-fill-color:#26a69a;}
.dropdown-content li > a, .dropdown-content li > span{color:#CC0000; font-size:1rem;}
::-webkit-input-placeholder {color:#B6BAC6;}
::-moz-placeholder{color:#B6BAC6;}
:-ms-input-placeholder {color:#B6BAC6;}
input:-moz-placeholder {color:#B6BAC6;}
[type="checkbox"].filled-in:checked + label::after{border: 2px solid #cc0000;}
.filled-in[type="checkbox"]:checked + label::before {transparent #cc0000 #cc0000 transparent}

textarea.admin-textarea{border-width: 0px;height: 150px; padding: 5px !important;}
.articale-checkbox label{line-height:26px !important; margin-right:20px;}
.articale-checkbox
.site-config .collapsible-body .input-field .errormessage{ position: absolute; bottom: 23px; left: 10px; right: 0; top: inherit;}

.report-status{background:#E4E7F8; padding-top:15px; padding-bottom:15px; float:left; width:100%; font-size:1.285rem; color:#303F9F;}
.m-r-10{margin-right:10px !important;}
.m-b-20{margin-bottom:20px}
.m-r-15{margin-right:15px}
.m-t-20{ margin-top:20px}
.m-t-50{margin-top:50px;}
.m-t-30{margin-top:30px;}
.m-t-0{margin-top:0 !important;}
.m-b-0{ margin-bottom:0 !important;}
.w100p{width:100%;}
.new-edit-icons a{}
.view-icons a{}
[type="checkbox"].filled-in:not(:checked) + label:after{ border-radius:4px;}
[type="checkbox"].filled-in:checked + label::after {border-radius:4px;}
.successmessage{color:green; font-size:1rem !important;}
.errormessage{color:red;font-size:1rem !important;}
.list_errormessage{color:red;}

.client-name{font-size:1.285rem; color:#303F9F;}
.light-grey{background:#F3F3F3}
.light-grey > .footable-last-column > .footable-toggle{display:none!important;}
.light-grey > .footable-last-column{font-size:1.2rem;}

header{min-height:70px; padding-left:80px; position:fixed; background:#fff; left:0; right:0; z-index:5; top:0; box-shadow:#bebebe 0 0 5px;}
header > div{ width:100%;}
header > div .user-name{font-size:1.285rem;}
header > div .user-name + .dropdown-button i{font-size:2.285rem; color:#FFF}
.header-logo{position:absolute; left:15px; top:0px;}
.main-content.container{height:calc(100% - 111px); width:100%; max-width:100%; display:table; margin-top:70px;}
footer{padding:10px; line-height:20px; font-size:0.857rem; background:#fff; position:relative; z-index:15; display:inline-block; width:100%;}/*
footer{padding:10px; line-height:20px; font-size:0.857rem; background:#fff; position:relative; z-index:15; display:inline-block; width:100%;}*/
.footer-logo{max-width:168px; margin:auto;}
.footer-logo span{float:left; margin-left:5px;}

.navigation{background:#F4F4F4; width:300px; height:100%; overflow-y:auto; display:table-cell; vertical-align:top; box-shadow:0 2px 5px 0 rgba(0, 21, 47, 0.16), 0 2px 10px 0 rgba(0, 21, 47, 0.12); -webkit-transition: width 0.1s;transition: width 0.1s;}
.small-nav{width:60px; overflow-x:hidden; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.navigation.small-nav + .page-content{width:calc(100% - 50px);}
.page-content{width:calc(100% - 300px); height: calc(100% - 42px); display:table-cell; vertical-align:top; padding-left:15px; padding-right:15px; box-sizing:border-box;}
.page-content h1{ float:left;margin-top:17px; margin-bottom:18px; color:#293848; font-size:1.428rem; font-weight:bold; box-sizing:border-box;}
.navigation > .nav-height > .collapsible > li{ white-space:nowrap; font-size:0.9rem; text-transform:uppercase; letter-spacing:1px; width:100%; float:left;}
.navigation > .nav-height > .collapsible > li > a > span{transform: translateX(0px);transition: all 0.2s ease-in-out 0s; margin-left:10px;}
.navigation > .nav-height > .collapsible > li:hover a{color:#000;-webkit-transition: background-color 1s ease-out;-moz-transition: background-color 1s ease-out;-o-transition: background-color 1s ease-out;transition: background-color 1s ease-out;}
.navigation > .nav-height > .collapsible > li.current a{color: #3CD6BB; }
.navigation > .nav-height > .collapsible > li.current a i{color: #3CD6BB; }
.navigation > .nav-height > .collapsible > li:hover a > span{ padding-left:10px; transform: translateX(10px);}
.navigation > .nav-height{position:absolute; top:0; right:0; bottom:0; left:0; overflow-y:auto; height:100%; overflow-x:hidden;}
.navigation > .nav-height > .collapsible > li > a{height:60px; line-height:60px;}
.navigation > .nav-height > .collapsible > li > a i{ line-height:60px; font-size:1.714rem; color:#CC0000;}
.navigation > .nav-height > .collapsible > li > a i .svg{ width:28px; height:28px; fill:#fff; position:relative; top:5px;}
.navigation > .nav-height > .collapsible > li .collapsible-header{background:transparent; border-bottom-color:/*#123ab9*/ rgba(255,255,255,0.1); color:#000000}
.navigation > .nav-height > .collapsible > li > .collapsible-header.active{background:#CC0000;color:#fff;}
.navigation > .nav-height > .collapsible > li > .collapsible-header.active i{color:#fff;}

.navigation.small-nav > .nav-height > .collapsible > li a.collapsible-header i.material-icons{margin-right:0px;}
text{ display:none;}

.navigation > .nav-height > .collapsible{margin:0; border:0;}
.page-content input[type="text"] ,.page-content input[type="password"],.page-content input[type="email"],.page-content input[type="date"]{border:#E5E5E5 solid 1px; border-width:1px !important; border-radius:3px; box-shadow:none; margin-top:10px; padding-left:10px; padding-right:10px; box-sizing:border-box; height:50px;}
.page-content .input-field input[type=text]:focus, .page-content .input-field input[type=email]:focus, .page-content input[type="date"]:focus .page-content .input-field input[type=password]:focus, .page-content .input-field textarea:focus{box-shadow:none; border-bottom:#888888 solid 1px !important;}
.page-content .input-field .input-field input[type=text], .page-content .input-field  input[type=email], .page-content .input-field  input[type=password]{ text-align:left;}
.page-content .input-field input[type="text"], .page-content input[type="date"], .page-content .input-field input[type="email"], .page-content .input-field input[type="password"],  .page-content .input-field textarea{color:#888888; background:#fff; border:1px solid #e5e5e5; border-radius:0;}
.page-content .input-field input[type=text]:focus + label, .page-content .input-field input[type=password]:focus + label , .page-content .input-field textarea:focus + label, .page-content input[type="date"]:focus + label{color:#888888;}
.page-content label.active{font-size:1.285rem; line-height:1.285rem; color:#888888;}
.page-content .input-field .filled-in + label{ font-size:1rem; line-height:1.600rem;}
.select-wrapper span.caret{right:10px; top:20px; background:#fff; z-index:4;}
.page-content .input-field .errormessage{position: relative; top:-10px; font-size: 12px;}
.page-content .input-field label span{color: #f00;}
.page-content .top-btn-box{float:right; margin-top:10px;}
.page-content .top-btn-box .btn.waves-effect{transition: all 0.3s ease-out 0s;}
.page-content .top-btn-box .btn{ color:#fff !important;font-size:1rem;height:35px; padding-left:0.714rem; padding-right:0.714rem; line-height:36px; box-shadow:none; text-transform:none; min-width:auto; text-transform:inherit; background:#CC0000 !important; }

.page-content .top-btn-box .btn i{ line-height:36px;}
.page-content .top-btn-box .btn.active{ background:#17a565 !important; color: #fff;}
.page-content .top-btn-box .btn.inactive{ background:#e0e0e0 !important; color: grey;}
.page-content .top-btn-box .btn:last-child{margin-right:10px;}
.page-content .filled-in[type="checkbox"]:checked + label:after{background-color:#fff; border:2px solid #cc0000;}
.filled-in[type="checkbox"]:checked + label::before {border-color: transparent #cc0000 #cc0000 transparent !important;}
.filled-in[type="checkbox"]:not(:checked) + label:after{border-color:#C6C9CE;}


.divider{background-color:#e0e0e0;}
.table{background:#fff;}
.table tbody tr td.check-box, .table thead tr th.check-box{ text-align:center;}
.table thead tr th.check-box.first-box{text-align:left; width:50px;}
.table thead tr th.name-title{width:100px;}
.table thead tr th{ background:#f7f7f7}
.table tbody tr td.check-box [type="checkbox"] + label, .table thead tr th.check-box [type="checkbox"] + label{height:20px; line-height: 20px;padding-left: 20px; float: inherit !important;}
.table thead tr th{font-size:1.142rem; white-space:nowrap; padding-left:10px; padding-right:10px; padding-bottom:12px; padding-top:12px; color:#324258;}
.table tbody tr td{ padding-left:10px; padding-right:10px; font-weight:normal !important; color:#324258; vertical-align:top; padding-bottom:10px; padding-top:10px; font-family: 'circular-std-book';}
.footable .email-add a{color: #324258;}
.footable a{color: #cc0000;}
.footable .new-edit-icons a{color: #cc0000 !important;}
.page-title{padding-left:15px;}
.nav-btn, .nav-btn:focus{background:0; border:0; color:#b7c1e8;top:18px; z-index:4; position:relative; left:10px; width:40px; height:24px; background:url(../images/menu-icon.png) no-repeat; outline:none;}
.nav-btn i{display:none}

.popsm .modal-content{ padding:0 !important; border:0 !important;}
.popsm .modal-content h4{ padding:10px; line-height:25px; background:#3C3C3C; color:#fff; font-size:1.125rem; min-height:45px;}
.popsm .modal-content h4 .modal-close{ float:right; color:#fff;}

.white-box{ background:#fff; box-shadow: 0 0 5px #bebebe; width:100%; float:left;}
.filled-in[type="checkbox"] + label:after{ border-radius:0;}
[type="radio"] + label{transform:translateY(0) !important; }
[type="radio"]:not(:checked) + label:before{border-color:#324258;}
[type="radio"]:checked + label:after{background-color:#22b573; border-color:#22b573;}

.card .card-action{font-size:1.5rem}

.dashboard-holder{text-align:center; margin-top:10px;}
.dashboard-holder .item-link{margin-top:15px; margin-bottom:15px;}
.dashboard-holder > .item-link > .valign-wrapper{background:#fff; height:180px; box-shadow:0 0 7px #e5e5e5; border-top:#d0d2d4 solid 4px; transition: all 100ms ease-in 0s;}
.dashboard-holder > .item-link > .valign-wrapper:hover, .dashboard-holder > .item-link > .valign-wrapper.active{background:#fff; border-top:#CC0000 solid 4px; box-shadow:0 0 20px #c8c8c8;}
.dashboard-holder > .item-link > .valign-wrapper:hover a i.material-icons + span, .dashboard-holder > .item-link > .valign-wrapper.active a i.material-icons + span {color:#CC0000;}
.dashboard-holder > .item-link > .valign-wrapper:hover a i.material-icons, .dashboard-holder > .item-link > .valign-wrapper.active a i.material-icons{color:#CC0000;}
.dashboard-holder > .item-link > .valign-wrapper a{ line-height:auto; width:100%; text-align:center; color:#969FC2;}
.dashboard-holder > .item-link > .valign-wrapper a i.material-icons{width:100%; text-align:center; line-height:inherit;}
.dashboard-holder > .item-link > .valign-wrapper a i.material-icons + span{width:100%; text-align:center; line-height:inherit; font-size:1.428rem; color:#999;}
.dashboard-holder > .item-link > .valign-wrapper > a > i.material-icons{line-height:5.714rem; font-size:5.714rem; width:100%; text-align:center; color:#999;}
.dashboard-holder > .item-link > .valign-wrapper > a > i.material-icons .svg{ width:70px; height:70px; fill:#999}
.header-tagline{text-align:center; font-size:2.142rem; position:absolute; right:50px; left:80px; width:auto; top:14px; display: none;}
.table-holder{border:#D2D2D2 solid 1px;}

.nav-close{ display:none}
.btn{font-size:14px; text-transform: inherit; height:45px; font-weight:800; line-height:45px; background:#666 !important; margin-bottom:10px; color:#fff; padding-left:20px; padding-right:20px; min-width:120px;}
.btn:hover, .btn:focus{background:#CC0000 !important; color:#fff;}
h5{color:#231F20}.active-user{color:#7E4F21; font-size:1.285rem; margin-top:21px;}
h2{margin-top:19px; margin-bottom:0px; color:#303F9F; font-size:1.428rem; font-weight:bold; box-sizing:border-box;}
.txt12{font-size:0.857rem;}
.input-field{ margin-top:2rem;}

.message-holder > thead tr th:nth-of-type(1){width:20px;}
.message-h .errormessage{ top: 0 !important}
.btn-floating, .btn-floating:hover, .btn-floating:focus{width:40px; height:40px; background:#5C6BC0; margin-left:3px; margin-right:3px;}

.a-to-z-sort, .arrow_drop_down, .arrow_drop_up{ display: inline-block;height: 24px;width: 24px; position:absolute;}
.a-to-z-sort{background: rgba(0, 0, 0, 0) url(../images/sort-arrow.png) no-repeat 6px 6px;}
.arrow_drop_down{background: rgba(0, 0, 0, 0) url(../images/down-arrow.jpg) no-repeat 6px 10px;}
.arrow_drop_up{background: rgba(0, 0, 0, 0) url(../images/up-arrow.jpg) no-repeat 6px 10px;}
.pagination{margin:0px 0 0 0 !important; }
.pagination table tr td{padding: 0; text-align: center; background: #fff;}
.pagination table tr td a{border:#E9E9E9 solid 1px; padding:5px; font-size:0.8571rem; color:#324258}
.navigation.small-nav > .nav-height > .collapsible > li .collapsible-header span{display: none;}
.modal-overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background:black;}
.display-records{ text-align: right}
.normal-textarea{ border:1px solid #cbcbcb !important; margin-top: 10px !important; margin-bottom: 15px; height:120px !important; line-height: 25px; padding:0px 10px !important; box-sizing:border-box !important;}

.header-dropdown{ margin-top:12px; max-width:400px; position:absolute; right:70px;top:0;}
.header-dropdown select{ border:1px solid #cbcbcb;}

.admin-icon > .menu-title{ position:relative; top:-12px; font-size:0.857rem; color:#324258;}
.dropdown-button > .profile-img{width:55px;height:55px;border-radius: 50%;padding: 5px;margin-bottom: 5px;} 
.admin-icon.active{background:#FFF;}
.admin-icon.active i{color:#CC0000;}
.dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected{ background: #F5F5F5;}
.admin-icon{width:70px; height:70px; text-align:center;}
.admin-h.dropdown-content.active, .admin-h.dropdown-content{width:300px !important; top:70px !important; left:inherit !important; right:0 !important;}
.admin-icon i{font-size:3.3em; width: 55px;height: 55px;border-radius: 50%;padding: 5px;margin-bottom: 5px;}
.material-icons{direction:inherit;}
.admin-h .logout-holder .welcome-text{padding:15px; font-size:16px;}
.admin-h .logout,.admin-h .logout:hover{text-align:center; background:#CC0000;}
.admin-h .logout span{display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:135px; margin:auto; line-height:30px; font-size:1rem; font-weight:600; color:#fff;}
.admin-h li a > .font32{color:#fff; line-height:32px;}
.register-btn{color:#171f4f; margin-bottom:15px; font-size:2.5rem; line-height:2.5rem; font-weight:bold; padding:1.2rem 1.428rem 0.714rem 1.428rem; background:#ffd3b0; min-width:300px; display:inline-block; border-radius:2px;}
.custom-textarea{border:#e5e5e5 solid 1px !important; margin-bottom:20px; border-radius:3px !important; margin-top: 10px !important; height:120px !important; line-height: 30px; padding:0px 10px !important}
i.left{margin-right:5px;}
.font32{font-size:32px;}
.dcustom{ margin-left:-15px !important; margin-right:-25px; clear:both;}
.accordian .collapsible-header{font-size:1rem; font-weight:600; color:#3e3e3e; padding-bottom:10px; padding-top:10px;}
.accordian > li > .collapsible-header{padding-right:50px;}
.accordian > li > .collapsible-header:after{content:''; border-width:2px; border-color:transparent #293848 #293848 transparent; width:8px; height:8px; border-style:solid;position:absolute; right:50px; 
margin-top:20px; -ms-transform: rotate(225deg);-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.accordian > li > .collapsible-header.active:after{content:''; border-width:2px; border-color:transparent #293848 #293848 transparent; width:8px; height:8px; border-style:solid;position:absolute; right:50px; 
margin-top:17px; -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.footable-visible > [type="checkbox"] + label{padding-left:20px;}


.client-dropdown{width:210px !important;}
.client-dropdown li .material-icons{ float:left; font-size:20px; margin-right:10px;}
.client-dropdown li .content{ padding:10px; background:#e1e1e;}

.toast{padding:0 !important; float: inherit;display: inline-block;margin: 0 auto;}
.toast .alert-danger{background:#ee6e73; padding:15px}
.toast .alert-success{background:#00BAAE; padding:15px}
.btn, .btn-large{ margin-bottom: 15px}
.btnbdr{border-bottom:1px solid rgba(160,160,160,0.2)}

#toast-container {
    top: 0%;
    right: 0;
    max-width: 100%;
    left: 0;
    text-align: center;}
/*---------------------------- employee checkin------------------------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.navigation > .nav-height{position:relative;}}
.collapsible.accordian{ float:left; width:100%;}

.t-picker-view{ border:0; background:#303F9F; font-size:1.285rem; color:#fff; border-radius:5px;}
.dropdown-menu{position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, .15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.glyphicon{position: relative;top: 1px;display: inline-block;font-family:'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.glyphicon-time:before{content: "\e023";}
.glyphicon-calendar:before{content: "\e109";}
.glyphicon-chevron-up:before{content: "\e113";}
.glyphicon-chevron-down:before{content: "\e114";}
.glyphicon-chevron-left:before{content: "\e079";}
.glyphicon-chevron-right:before{content: "\e080";}
.norecoard-icon-hide .footable-toggle{display:none !important;}
.page-content .input-field label{font-size:1.1428rem; line-height:1.285rem; color:#888888;-webkit-transform: translateY(-140%);transform: translateY(-140%);}

.tablenew > thead > tr > th, .tablenew > tbody > tr > th, .tablenew > tfoot > tr > th, .tablenew > thead > tr > td, .tablenew > tbody > tr > td, .tablenew > tfoot > tr > td{line-height: 1.42857;padding: 8px;vertical-align: top;}
.tablenew > thead > tr > th{vertical-align: bottom;}

table.user-holder td,  table.user-holder th{ border-radius:0;}
table.user-holder{ border-radius:0;}

table.user-holder > thead tr th.check{width:50px;}
table.user-holder > thead tr th > div > span,table.message-holder > thead tr th > div > span,table.clock-adj-holder > thead tr th > div > span{display:block;height:22px; position:relative; padding-right:5px;}
table.user-holder > thead tr th > div > span > a.left + .material-icons,table.message-holder > thead tr th > div > span > a.left + .material-icons,table.clock-adj-holder > thead tr th > div > span > a.left + .material-icons{position:absolute;}
table.user-holder > tbody tr td span,table.message-holder > tbody tr td span,table.clock-adj-holder > tbody tr td span{color:#7985CB;}
table.user-holder > thead tr th a,table.message-holder > thead tr th a,table.clock-adj-holder > thead tr th a{color:#324258;}
table.user-holder > thead tr th.active-box, table.user-holder > tbody tr td.active-box{position:relative; width: 10px; overflow:hidden; padding:0 !important;}
table.user-holder > thead tr th.active-box > a{height:54px !important;}
table.user-holder > thead tr th.active-box > a, table.user-holder > tbody tr td.active-box > a{background-color:#E0E0E0; width:8px; bottom:0; position:absolute !important; top:0; bottom:0;}
table.user-holder > thead tr th.active-box > a, table.user-holder > tbody tr td.active-box > a.active{background:#81C784;}
table.user-holder > thead tr th.active-box > a, table.user-holder > tbody tr td.active-box > a.inactive{background:#E0E0E0}

table.user-holder > thead tr th.active-box > a.active{background:#17a565;}
table.user-holder > thead tr th.active-box > a.inactive{background:#E0E0E0}
table.user-holder > thead tr th.check-box{ width: 50px;}
table.user-holder > thead tr th.check-box [type="checkbox"] + label, table.user-holder > tbody tr td.check-box [type="checkbox"] + label{ padding-left:20px; height:20px; float:left; width:20px;}
table.user-holder > tbody tr.footable-row-detail td.active-box{padding:10px;}
.email-add{word-break: break-all;}
.file-field .btn, .file-field .btn-large{margin-top:12px;}
table.bordered > thead > tr, table.bordered > tbody > tr{border-bottom: 1px solid #e9e9e9;}

.training-link{border:#EB6B00 solid 1px; padding-bottom:20px !important; padding-top:20px !important; color:#EB6B00; display:inline-block; font-size:1.428rem;}
.training-menu .nav-height ul{margin:0 0 0 0; padding:0;}

.border-none{border:0!important;}
.timeclock-icon{display:none !important;}
.browse-btn .btn{ color:white; height:50px; margin-top:10px; line-height:50px;} 

.sub-heading{background:#F0F1F9; margin-top:10px; color:#EB6B00; padding-top:15px !important; padding-bottom:15px !important; box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.15);}
.picker__date-display{display:none;}

input:not([type]){width:auto; margin:0;}
.mce-window{position:absolute!important;}
#filenameview ,#filename2view{width:100px; height:100px; margin-top:5px;}
#filenameview img, #filename2view img{max-width:100%; max-height:100%;}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{ background-color:#c2ae19;}
.picker__close, .picker__today, .picker__day.picker__day--today{color:#c2ae19;}
.picker__day.picker__day--today.picker__day--selected{ color:#FFF!important}
button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus, .picker__nav--prev:hover, .picker__nav--next:hover{background-color:#F2F2E6;}

.fileinput-button{margin:0;}
.progress{background-color:#22b573; border-radius:0; margin:0.5rem 0 0.5rem;}
.footable.breakpoint > tbody > tr > td > span.footable-toggle{float:left;}

.page-content .input-group.date input[type="text"]{ width: calc(100% - 60px) !important;}
.input-group.date .input-group-addon{width: 40px; text-align: center; display: inline-block; background:#f1f1f1; padding:14px 10px;}


.bootstrap-datetimepicker-widget .btn{ min-width:auto; box-shadow:none;  min-height:50px; padding:0; margin:0;}
.bootstrap-datetimepicker-widget .btn span{margin:0 !important; padding:0 !important; height:50px; line-height:50px; position:relative; top:-6px;}
.bootstrap-datetimepicker-widget .btn:hover span{ background:#22b573 !important;}
.timepicker-table .table tbody tr td{ vertical-align:bottom;}

/*drag drop function*/
.photos-main .photo-main-table { display:table; width:100%; border:0 !important }
.photos-main .photo-main-table tr  { float:left; position:relative; margin:0 5px 10px 5px; width:150px; height:180px; border-size:2px; border:3px solid #999; background:#f2f2f2; text-decoration:none; overflow:hidden; }
.photos-main .photo-main-table tr.active { border-color:#73B74F }
.photos-main .photo-main-table tr.inactive { border-color:#C4C4C4 }
.photos-main .photo-main-table tr.selected { border-color:#0B6CBC !important }
.photos-main .photo-main-table tr td { padding:0 !important; border-top:0 !important  }
.photos-main .photo-main-table tr td:first-child { width:auto !important; }
.photos-main .photo-main-table tr td.checkbox { position:absolute; margin:0; padding:0; width:35px; height:35px; left:4px; top:4px; z-index:1000; border-radius: 0; }
.photos-main .photo-main-table tr td.checkbox .check-box{width:20px; height:20px; background:rgba(255,255,255,0.8); }
.photo-main-table tr td.checkbox label { margin-bottom:0 !important; }
.photo-main-table tr td.checkbox label input[type="checkbox"] { width:36px !important; height:36px !important; margin-top:0 !important; }
.photo-main-table tr td.checkbox label input[type="checkbox"] + .lbl:before, input[type="radio"] + .lbl:before { border-radius:20px !important; width:34px !important; height:34px !important; font-size:18px !important; line-height:34px !important; content: "\f00c"; color:#e1e1e1 !important; }
.photo-main-table tr td.checkbox label input[type="checkbox"]:checked + .lbl:before { border-color:#0B6CBC !important; background:#0B6CBC !important; color:#FFF !important; }
.photo-main-table tr td.checkbox [input:checked] + .thumb { border-color:#0B6CBC }
.photo-main-table thead tr { float:none; background:transparent !important; border:0 !important; margin:0 0 10px 0 !important; height:auto !important; width:auto !important; }
.photo-main-table tr th.checkbox label { font-size:14px; float:left; display:inline; width:100px; cursor:pointer !important; }
.photo-main-table tr th.checkbox label input[type="checkbox"] + .lbl:before { width:36px; height:36px;  content: "\f00c"; color:#999;  font-size:16px !important; line-height:36px !important; background:transparent; border-radius:20px; }
.photo-main-table tr th.checkbox label input[type="checkbox"]:checked + .lbl:before { background:#0B6CBC !important; color:#FFF !important; }

.photo-main-table td.thumb { float:left; width:150px; height:150px; text-decoration:none; background:#fff; }
.photo-main-table td.thumb a { display:block; }
.photo-main-table td.thumb .img_h { float:left; width:150px; height:150px; background:#FFF }
.photo-main-table td.thumb img{ width:100%;}

.photo-main-table td.album_detail { position:relative; float:left; width:100%; }
.photo-main-table td.album_detail .album_title {color: #000000; font-size: 12px; left:0; line-height: normal; position: absolute; right:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;display:inherit !important; height:auto !important; padding:5px 5px 0; }
.photo-main-table td.album_detail .album_title span.title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-bottom:3px; }
.photo-main-table td.album_detail .album_title span.totlepics { display:block;  font-size:11px; color:#666; }
.photo-main-table thead{border-bottom: none;}
/*drag drop function end*/

.select2-container{ margin-top:10px !important;}
.select2-container-multi .select2-choices .select2-search-field{height:50px !important;}
.select2-choices input[type="text"]{ margin-top: 0;}
.select2-container-multi .select2-choices{ border-radius:0px !important;}
.select2-results li:hover{ background: #eee !important;}
.padd-lr-15{ padding-left:15px; padding-right:15px}
.helightedbox {border: 1px solid #e0e0e0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.title-highlight {background: #f0f0f0 none repeat scroll 0 0;margin: 0;padding: 10px;}
.heading-green {color: #22b573;font-size: 1.25rem;}
.mt-20{ margin-top:20px}
.blue-txt{ color:#29abe2;}
.bg-blue {
    background: #29abe2 none repeat scroll 0 0;
}
.bubble-pop .bubble{position: absolute;width: calc(100% - 280px); min-height:70px;padding: 7px;
background: #22b573;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: #fff solid 3px; bottom:110px; right: 6px; font-size:1.4rem; color:#fff; z-index:9;}
.bubble-pop .bubble:after{content: '';position: absolute;border-style: solid;border-width: 12px 0 12px 17px;border-color: transparent #22b573;display: block;width: 0;z-index: 1;left: -17px;top: 24px; transform:rotate(180deg);   -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */}
.bubble-pop .bubble:before{content: '';position: absolute;border-style: solid;border-width: 13px 0 13px 18px;border-color: transparent #fff;display: block;width: 0;z-index: 0;left: -20px;top: 23px; transform:rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */}
.bubble-pop .btn-green{min-width: auto;}
.popup-footer{ background:#fff;}
.bubble-pop .modal-body{}
.bubble-pop .modal-footer{ background:#fff;bottom: 0;left: 0;position: absolute;right: 0;}
.pop-dog-holder{ position:relative; top:27px; padding: 10px 10px 0;}
.pop-dog-holder img{ position: relative;z-index: 5;}
.axel-img-holder{ width:310px;}
.axel-info-text{ width:600px; margin:0 auto;}
.axel-info-text .bubble{position:relative;width: calc(100% - 305px); min-height:70px;padding: 7px;
background: #22b573;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: #fff solid 3px; font-size:1.1rem; color:#fff; float:right; top:10px; right:20px}
.axel-info-text .bubble:after{content: '';position: absolute;border-style: solid;border-width: 12px 0 12px 17px;border-color: transparent #22b573;display: block;width: 0;z-index: 1;left: -14px;top: 24px; transform:rotate(180deg); background:none; -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */}
.axel-info-text .bubble:before{content: '';position: absolute;border-style: solid;border-width: 13px 0 13px 18px;border-color: transparent #fff;display: block;width: 0;z-index: 0;left: -20px;top: 23px; transform:rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */}
.modal.congrate-popup .modal-content{ padding:0 0 10px}
.small-btn{font-size:0.875rem;height: 35px;padding-left: 0.714rem;padding-right: 0.714rem;line-height: 33px;box-shadow: none;text-transform: none;min-width: auto;background: #ffc002 !important; color: #3e3e3e;}
.modal-content h4{font-size: 1.5rem;}
.modal{border:1px solid #ddd;}
.modal hr{border-top: 1px solid #eee;}
.reward-pop-up .col{text-align:center; margin:10px 0 5px;}
.reward-pop-up .col span{font-size:2.5rem; color:#123ab9; margin-left:10px;}
.modal.reward-pop-up{width:40%;}
td, th {
padding: 5px 5px;}

 .dropify-wrapper {
    display: block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 252px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 22px;
    color: #777;
    background-color: #FFF;
    text-align: center;
    border: 2px solid #E5E5E5;
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent);
}
.dropify-wrapper:hover {
    
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
}
.dropify-wrapper .dropify-message {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.dropify-wrapper .dropify-message .progress{
    display:none;
}
.dropify-wrapper.inprocess .progress{
    display:block;
}
.dropify-wrapper.inprocess.has-preview .dropify-preview{
  opacity: 0;  
} 
.dropify-wrapper.error.has-preview .dropify-preview{
  opacity: 0.5;  
} 
.dropify-wrapper .dropify-message p{text-align:center;}
.dropify-wrapper .dropify-message p.dropify-error {
    color: #F34141;
    font-weight: 700;
}.dropify-wrapper input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
}
.dropify-wrapper .dropify-clear {
    display: none;
    position: absolute;
    opacity: 0;
    z-index: 7;
    top: 10px;
    right: 10px;
    background: 0 0;
    border: 2px solid #FFF;
    text-transform: uppercase;
    font-size: 11px;
    padding: 4px 8px;
    font-weight: 700;
    color: #FFF;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
}
.dropify-wrapper .dropify-preview {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #FFF;
    padding: 5px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-align: center;
}

.dropify-wrapper .dropify-preview .dropify-infos {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-40%);
    -ms-transform: translate(0,-40%);
    transform: translate(0,-40%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    padding: 0 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFF;
    text-align: center;
    line-height: 25px;
    font-weight: 700;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
    margin-top: 15px;
    padding-top: 15px;
    font-size: 12px;
    position: relative;
    opacity: .5;
}
.dropify-wrapper .dropify-message span.file-icon {
    font-size: 50px;
    color: #CCC;
}
.dropify-wrapper .dropify-preview .dropify-render img {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    position: relative;
    max-width: 100%;
    max-height: 100%;
    background-color: #FFF;
    -webkit-transition: border-color .15s linear;
    transition: border-color .15s linear;
}
.dropify-wrapper.has-preview .dropify-preview,.dropify-wrapper.has-preview .dropify-clear{display:block}
.dropify-wrapper:hover .dropify-clear, .dropify-wrapper:hover .dropify-preview .dropify-infos {
    opacity: 1;
}
@media(max-width:680px){
	.axel-info-text{ width:400px;}
	.axel-info-text img{ width:230px;}
	.axel-info-text .bubble{width: calc(100% - 230px); font-size:0.9rem;}
}
@media(max-width:480px){
	.axel-info-text{ width:360px;}
	.axel-info-text img{ width:170px;}
	.axel-info-text .bubble{width: calc(100% - 180px); font-size:0.8rem; top:-10px;}
	.bubble-pop .modal-body{ height:350px}
	.pop-dog-holder{ position:relative; top: auto; margin:0 auto;}
	.pop-dog-holder img {width: 150px;}
	.pop-dog-holder { bottom: -160px;max-width: 150px; position: relative; top: auto;}
	.bubble-pop .bubble{position: absolute;width:100% ; min-height:70px;padding: 7px;
	background: #22b573;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border: #fff solid 3px; bottom:170px; right: 0px; font-size:1.25rem; color:#fff; z-index:9;}
	.bubble-pop .bubble:after{content: '';position: absolute;border-style: solid;border-width: 11px 0 11px 16px;border-color: transparent #22b573;display: block;width: 0;z-index: 1;bottom: -17px;top:auto; transform:rotate(90deg);  -ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ margin:0 auto;}
	.bubble-pop .bubble:before{content: '';border-width: 13px 0 13px 18px;border-color: transparent #fff; background-color:transparent;bottom: -23px;top: inherit; transform:rotate(90deg);   -ms-transform: rotate(90deg); /* IE 9 */-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ margin:0 auto;}	
}
@media(max-width:380px){
	.axel-info-text{ width:300px;}
	.axel-info-text img{ width:120px;}
	.axel-info-text .bubble{width: calc(100% - 120px); font-size:0.8rem; top:-10px; right: 5px;}
}
.cancel-subscription{ max-width:400px;}
.preloader-background{ display: none;}
.preloader-background.active{display: flex;align-items: center;justify-content: center;background:rgba(0,0,0,0.8);position: fixed;z-index: 999;top: 0;left: 0;right: 0;bottom: 0;}

.my_checkbox{
    margin-top: 45px;
  }
  .main_title_nav, .dash_title{background: #3CD6BB;color: #000;}
  .main_title_nav a{color: #000 !important}
  .dash_title{ text-align: left; padding: 8px 12px; font-size: 1.2rem; }
.text-align-left{text-align:left;}
.resetpassword{padding-left: 30px; font-size:13px;  }
.resetpassword-li{text-align:left;list-style-type:disc !important;}
.password-ptag{margin: 0; }