@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
body {}
h1, h2, p { margin:10px 0 }
.hidden { visibility:hidden }


.message { padding:10px; margin:15px 0; display:block; text-align:left }
.message-title { font-weight:bold; font-size:1.25em }
.message-body { margin-top:4px }
.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4 }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324 }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880 }
.error a { color:#8a1f11 }
.notice a { color:#514721 }
.success a { color:#264409 }


.form-wrapper.login{
	width: 420px;
	margin: 0 auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 30px;
	border: 1px solid #ddd;
	font-size: 14px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#089ac9+0,007cb2+100 */
	 /* Old browsers */
	 /* FF3.6-15 */
	 /* Chrome10-25,Safari5.1-6 */
	 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	 /* IE6-9 fallback on horizontal gradient */
}
.form-wrapper.login h2{
	margin: 0px 0 30px 0;
	text-align: center;
	font-weight: 400;
	font-size: 20px !important;
	color: #3c4550;
}

.form-wrapper.regist{
	margin: 0 20px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #ffffff;
	padding: 20px;
	border: 1px solid #ddd;
	font-size: 14px;
	margin-bottom: 20px;
}
.form-wrapper.regist h2{margin: 0px 0 20px 0;text-align: center;font-weight: 400;}
textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
	border-color:#bbbbbb;
	outline: none;
}
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	width:100%;
	padding: 8px 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 1px solid #ddd;
	font-size: 13px;
	box-sizing:border-box;
}
select{
	width: calc(100% + 2px);
	height: 38px;
	background: #fff;
	color: #333333;
}
.primary-btn{
	display: block;
	-webkit-appearance: none;
	width: 100%;
	background: #3c4550;
	color: #fff;
	border: 1px solid #30353c;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 10px;
	font-size: 14px;
	opacity: 0.8;
	padding: 8px;
	cursor: pointer;
	text-transform: uppercase;
}
.primary-btn:hover{opacity: 0.9;}
.primary-btn-fit{
	display: inline-block;
	-webkit-appearance: none;
	background: #636a73;
	color: #fff;
	border: 1px solid #636a73;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 14px;
	opacity: 0.8;
	padding: 8px;
	cursor: pointer;
	font-weight: normal;
	float: right;
}
.default-btn-fit{
	display: inline-block;
	-webkit-appearance: none;
	background: transparent;
	color: #333;
	border: 1px solid #343B42;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 14px;
	opacity: 0.8;
	padding: 8px;
	cursor: pointer;
	font-weight: normal;
}
.default-btn-fit:hover{
	text-decoration: none;
	color: #ffffff;
	background: #253d59;
}
.primary-btn-fit:hover{opacity: 0.9;text-decoration: none; color: inherit;color: #fff;}
.my-link{color: rgba(52, 61, 71, 0.46);font-size: 14px;}
.my-link:hover{
	text-decoration: none;
	color: #656565;
}
.cb{
	clear: both;
}
.my-link-wrapper{
	padding: 20px 0 0;
}
.new-registration{color: rgba(52, 61, 71, 0.46);text-align: center;}
.new-registration .new-registration-link{font-weight: bold;color: rgba(51, 60, 72, 0.71);}

.registration-options{width: 520px;margin: 0 auto;position: relative;height: 100px;font-family: 'Source Sans Pro', sans-serif;margin-top: 50px;}
.registration-options a{
	display: inline-block;
	width: 50%;
	position: absolute;
	text-align: center;
	background: #fff;
	padding: 40px 24px;
	border: 1px solid #ddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 5px;
	font-size: 18px;
	color: #505458;
	box-sizing: border-box;
}
.registration-options a:hover{
	text-decoration: none;
	background: #F7F7F7;
}
.registration-options a:last-child{
	right: 0;
	border-top-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-left: 0;
}
.registration-options span{
	position: absolute;
	left: 242px;
	z-index: 9;
	border: 1px solid #ddd;
	display: block;
	padding: 10px 10px;
	background: #253D59;
	top: 35px;
	border-radius: 26px;
	height: 15px;
	color: #fff;
}
 



 .user-panel{
	margin:25px 0;
	border: 1px solid #b1b1b1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

 .user-panel header{width: 100%;background: #333c48;min-height: 150px;position: relative;margin-bottom: 65px;}
.user-panel header .logoutbtn{
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 20px;
	color: #ffffff;
	background: #55606f;
	display: block;
	text-align: center;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	opacity: 0.9;
	padding: 4px 10px;
}
.user-panel header .logoutbtn:hover{
	opacity: 1;
}
 .user-panel header .icon-wrapper{
 	background: #333c48;
 	border: 5px solid #fff;
 	border-radius: 50%;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	text-align: center;
 	position: absolute;
 	left: calc(50% - 55px);
 	bottom: -55px;
 	color: #ffffff;
 	font-size: 48px;
 	padding: 21px 25px;
 	display: table-cell;
 	vertical-align: middle;
	 width: 110px;
	 height: 109px;
 }
.user-panel header .icon-wrapper i{
	height: 50px;
	width: 50px;
}






 .user-panel.inner{
    min-height: 400px;
    border: 1px solid #5FBEAA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding-bottom: 20px;
}
.user-panel.inner header{width: 100%;background: rgba(51,60,72,0.95);min-height: 70px;position: relative;margin-bottom: 65px;}
.user-panel.inner header .logoutbtn{position: absolute;right: 20px;top: 20px;font-size: 20px;color: #ffffff;background: #59626d;display: block;text-align: center;border-radius: 20px;-webkit-border-radius: 20px;opacity: 0.9;padding: 4px 7px;}
.user-panel.inner header .logoutbtn:hover{
	opacity: 1;
}
.user-panel.inner header .backbtn{
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 20px;
	color: #ffffff;
	background: #59626d;
	display: block;
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	opacity: 0.9;
	padding: 4px 7px;
}
.user-panel.inner header .backbtn:hover{
	opacity: 1;
}
 .user-panel.inner header .icon-wrapper{
 	background: rgba(51,60,72,1);
 	border: 5px solid #fff;
 	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
 	text-align: center;
 	position: absolute;
 	left: calc(50% - 55px);
 	bottom: -55px;
 	color: #ffffff;
 	font-size: 48px;
 	padding: 21px 25px;
 	display: table-cell;
 	vertical-align: middle;
 }
.user-panel.inner header .icon-wrapper i{
	height: 50px;
	width: 50px;
}



 .panel-body{padding: 0 20px;}
 .panel-body .user-name{font-size: 18px;text-align: center;}
 .panel-body p.company-name{text-align: center;font-size: 16px !important;margin: 20px 0;}
.panel-body p.company-name .company-code{text-transform: uppercase; font-weight: 600;font-family: 'Source Sans Pro', sans-serif;background: #5AB6EA;color: #fff;padding: 3px 5px;margin-left: 5px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;font-size: 12px;}

.panel-btns{list-style: none;padding: 0;margin: 10px auto;text-align: center;}
.panel-btns li{
	display: inline;
	margin-right: 2px;
}
.panel-btns li a{
	display: inline-block;
	background: #333c48;
	padding: 8px 18px;
	color: #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	opacity: 0.8;
}
.panel-btns li a:hover{
	text-decoration: none;
	opacity: 1;
}
.form-horizontal label{
	color: #A2A2A2;
}
.dis-lable{
	margin-bottom: 15px;
	display: block;
	font-size: 18px;
}



.tooltip {outline:none; }
.tooltip strong {line-height:30px;}
.tooltip:hover {text-decoration:none;} 
.tooltip span {
    z-index:10;
    display:none;
    padding: 6px;
    margin-top: 40px;
    margin-left: -58px;
    width: 120px;
    line-height:16px;
    font-size: 12px;
    text-align: center;
}
.tooltip:hover span{
    display:inline;
    position:absolute;
    border: 2px solid #58616d;
    color:#EEE;
    background: #333c48;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
.tooltip span
{
    border-radius:2px;
    box-shadow: 0px 0px 8px 4px rgba(102, 102, 102, 0.38);
    /*opacity: 0.8;*/
}
.tooltip span:before{
	content: "";
	border: solid transparent;
	border-width: 8px;
	border-bottom-color: #58616d;
	position: absolute;
	bottom: 100%;
	left: calc(50% - 8px);
}
.reports-sec{
	padding: 20px;
	text-align: center;
}
.reports-sec hr{border-top: 1px solid #5FBEAA;margin-bottom: 20px;}
.reports-sec .user-name{
	margin-bottom: 20px;
}
.company-code-text{font-size: 12px;}
.panel-body p.company-name .company-code::-moz-selection { color: #4C6078;}
.panel-body p.company-name .company-code::selection { color: #4C6078; }
.company_codeformError img{

}
.true-wrong-icons i.fa{

}
#row_company_code{
	position: relative;
}
#wrong_companycode, #correct_companycode{
	position: absolute;
	right: 5px;
	top: 7px;
}
.info-btn-modal{
	background: #253D59;
	padding: 0;
	margin: 0;
	display: block;
	width: 14px;
	height: 14px;
	padding: 1px;
	border-radius: 30px;
	position: absolute;
	right: -25px;
	top: 9px;
	opacity: 0.8;
}
.info-btn-modal img{
	width: 12px;
	height: 12px;
	position: absolute;
	top: 2px;
	left: 2px;
}
.info-btn-modal:focus{
	outline: none;
}
.info-btn-modal:hover{
	opacity: 1;
}
.regist .company-name{

}
.container_12.divider{
	margin-top: 0;
}
.container_12.divider .grid_12{
	margin: 0;
}
.user-panel.inner.regist{
	padding-bottom: 0;
}
.dangor-small-btn{
    background: #f05050;
    border: 1px solid #f05050;
    padding: 2px 6px;
    border-radius: 57px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    color: #ffffff;
    opacity: 0.8;
    display: block;
    cursor: pointer;
    width: 10px;
    height: 18px;
}
.dangor-small-btn:focus{
	outline: none;
}
.dangor-small-btn:hover{
	color: #ffffff;
	opacity: 1;
}
.normal-field{
	width: inherit !important;
    background: #eee;
}
#company_nametext{
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
    background: #ddd;
    padding: 7px;
}
.default-btn{ background: #ffffff;color: #333;}
.form-wrapper.regist.total-amount input[type="text"]{
width: auto;
}
.form-wrapper.regist.total-amount {
    font-size: 16px;
    overflow: scroll;
    padding: 0;
    border: 20px solid #fff;
}
.print-btn{
	    background: #5FBEAA;
    color: #ffffff;
    padding: 7px 9px 8px 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    opacity: 0.8;
    cursor: pointer;
}
.print-btn:hover{
	opacity: 1;
	color:#ffffff;
}
h3.invoice-to{
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    margin: 8px 0;
}
.table {
  margin-bottom: 10px;
}
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover,
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f4f8fb !important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > th,
.table-bordered {
  border-top: 1px solid #ebeff2;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ebeff2;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ebeff2;
}
tbody {
  color: #797979;
}
th {
  color: #666666;
  font-weight: 600;
}
.table-bordered {
  border: 1px solid #ebeff2;
}
table.focus-on tbody tr.focused th {
  background-color: #5fbeaa;
  color: #ffffff;
}
table.focus-on tbody tr.focused td {
  background-color: #5fbeaa;
  color: #ffffff;
}
.table-rep-plugin .table-responsive {
  border: none !important;
}
.table-rep-plugin tbody th {
  font-size: 14px;
  font-weight: normal;
}
.table-rep-plugin .checkbox-row {
  padding-left: 40px;
}
.table-rep-plugin .checkbox-row label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
}
.table-rep-plugin .checkbox-row label::before {
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #cccccc;
  content: "";
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -20px;
  position: absolute;
  transition: 0.3s ease-in-out;
  width: 17px;
  outline: none !important;
}
.table-rep-plugin .checkbox-row label::after {
  color: #555555;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  left: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  position: absolute;
  top: -1px;
  width: 16px;
}
.table-rep-plugin .checkbox-row input[type="checkbox"] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:focus + label::before {
  outline-offset: -2px;
  outline: none;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
  content: "\f00c";
  font-family: 'FontAwesome';
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::before {
  background-color: #5fbeaa;
  border-color: #5fbeaa;
}
.table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::after {
  color: #ffffff;
}
.fixed-table-container tbody .selected td {
  background-color: #F4F8FB;
}
.modal-block {
  background: transparent;
  margin: 40px auto;
  max-width: 600px;
  padding: 0;
  position: relative;
  text-align: left;
}
table h2{
	text-align: center;
	color: #333;
	font-size: 24px;
	margin-bottom: 20px;
}
#facebox .body .close-btn-pop{
font-family: FontAwesome;background: transparent !important;color: #333 !important;border: 0 !important;font-size: 22px;font-weight: normal;opacity: 0.8;position: absolute;-moz-border-radius: 20px !important;right: 8px;top: 8px;-webkit-transition: background-color 0.5s, color 0.5s;-moz-transition: background-color 0.5s, color 0.5s;transition: background-color 0.5s, color 0.5s;width: 28px;height: 28px;}
#facebox .close-btn-pop:hover{
	opacity: 1;
}
.self-reports-list{
	list-style: none;
 margin: 20px 0 0;
    padding: 0;
}
.self-reports-list li{
	
}
.self-reports-list li a{
	display: block;
	background: #ddd;
	padding: 15px;
	border: 1px solid #C7C7C7;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #519dd1;
}
.self-reports-list li a:hover{
	background: rgba(206, 206, 206, 0.9);
}
.form-horizontal .control-group{
	margin-bottom: 0;
}
.form-horizontal .controls{
	margin-left: 0;
}
td > input[type="text"], td > select{
  margin: 0 !important;
}
.heading-self-report{
    font-size: 18px;
    font-weight: 600;
}









@media screen and (max-width: 560px){
.registration-options{
	max-width: 100%;
}
.registration-options span{
	left: calc(50% - 18px);
	top: calc(50% - 4px);
}
.user-panel .form-wrapper.login{
	max-width: 100%;
	box-sizing:border-box;
	padding: 15px;
}
.panel-body{padding: 0 15px;
}

}

@media screen and (max-width: 500px){
.form-wrapper.login{
	max-width: 100%;
	box-sizing:border-box;
	padding: 15px;
}
.panel-btns li a{
	margin-bottom: 5px;
}

}

/*============= BREADCRUMBS ===================*/

@import url('https://fonts.googleapis.com/css?family=Lora|Nunito:400,700');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
.reg-breadcrumbs {
    font-family: lato;
    width: 1100px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 20px;
}

.reg-breadcrumbs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reg-breadcrumbs ul li {
    text-align: center;
    width: 25%;
    box-sizing: border-box;
    display: block;
    float: left;
    position: relative;
    color: #bbb;
    font-size: 14px;
}

.reg-breadcrumbs ul li >div:before {
    content: "";
    display: block;
    width: 250px;
    height: 5px;
    background: #ddd;
    position: absolute;
    right: 56%;
    top: 53px;
    z-index: -1;
    display: none;
}

.reg-breadcrumbs ul li.active >div:before {
    background: #00c500;
}

.reg-breadcrumbs ul li >div.track-icon {
    border: 1px solid #ddd;
    width: 80px;
    height: 80px;
    padding: 22px;
    box-sizing: border-box;
    text-align: center;
    margin: 0px auto 12px auto;
    border-radius: 50%;
    background: #ffffff;
    z-index: 999;
    position: relative;
}

.reg-breadcrumbs ul li:first-child > div:before {
    display: none;
}

.reg-breadcrumbs ul li i {
    font-size: 30px;
    color: #bbbbbb;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.reg-breadcrumbs ul li.active {
    color: #00c500;
    font-weight: bold;
}

.reg-breadcrumbs ul li .checkmark-circle {
    display: none;
}

.reg-breadcrumbs ul li.active.done .checkmark-circle {
    display: block;
}

.reg-breadcrumbs ul li.active.done .track-icon {
    display: none;
}

.reg-breadcrumbs ul li.active > div {
    border-color: #00c500;
}

.reg-breadcrumbs ul li.active i {
    color: #00c500;
}

.reg-breadcrumbs ul li .border-track {
    width: 250px;
    height: 5px;
    background: #e4e4e4;
    position: absolute;
    right: 56%;
    top: 38px;
}

.reg-breadcrumbs ul li.active .border-track {
    background: #00c500
}

@media screen and (max-width: 1000px) {
    .reg-breadcrumbs ul li .border-track {
        width: 190px;
    }
}

@media screen and (max-width: 670px) {
    .reg-breadcrumbs ul li .border-track {
        width: 112px;
        top: 60px;
    }
    .reg-breadcrumbs ul li {
        font-size: 12px;
        padding: 8px;
    }
}




.checkmark-circle {
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 999;
    display: block;
    margin: 0px auto 12px auto;
}

.checkmark-circle .background {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #2EB150;
    position: absolute;
}

.checkmark-circle .checkmark {
    border-radius: 5px;
}

.checkmark-circle .checkmark.draw:after {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    animation-delay: 100ms;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: checkmark;
    -moz-animation-name: checkmark;
    animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
    -moz-transform: scaleX(-1) rotate(135deg);
    -ms-transform: scaleX(-1) rotate(135deg);
    -o-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.checkmark-circle .checkmark:after {
    opacity: 1;
    height: 55px;
    width: 17.5px;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    border-right: 8px solid white;
    border-top: 8px solid white;
    border-radius: 2.5px !important;
    content: '';
    left: 16px;
    top: 39px;
    position: absolute;
}

@-webkit-keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 17.5px;
        opacity: 1;
    }
    40% {
        height: 35px;
        width: 17.5px;
        opacity: 1;
    }
    100% {
        height: 35px;
        width: 17.5px;
        opacity: 1;
    }
}

@-moz-keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 17.5px;
        opacity: 1;
    }
    40% {
        height: 35px;
        width: 17.5px;
        opacity: 1;
    }
    100% {
        height: 35px;
        width: 17.5px;
        opacity: 1;
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 17.5px;
        opacity: 1;
    }
    40% {
        height: 35px;
        width: 17.5px;
        opacity: 1;
    }
    100% {
        height: 35px;
        width: 17.5px;
        opacity: 1;
    }
}
/*============= /BREADCRUMBS ===================*/

@media only screen and (max-width:1199){
	.fht-tbody,
.fht-thead{overflow: auto !important;}
}