html{font-size:16px;}
@font-face {
    font-family: 'Inter-Regular';
    src: url('fonts/Inter-Regular.eot');
    src: url('fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Inter-Regular.woff') format('woff'),
         url('fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Prompt-Light';
    src: url('fonts/Prompt-Light.eot');
    src: url('fonts/Prompt-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Prompt-Light.woff') format('woff'),
         url('fonts/Prompt-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Prompt-Medium';
    src: url('fonts/Prompt-Medium.eot');
    src: url('fonts/Prompt-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Prompt-Medium.woff') format('woff'),
         url('fonts/Prompt-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Prompt-Bold';
    src: url('fonts/Prompt-Bold.eot');
    src: url('fonts/Prompt-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Prompt-Bold.woff') format('woff'),
         url('fonts/Prompt-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: 'Prompt-Light';
	cursor: default;
	position: relative;
	line-height:normal;
	font-size: 1rem;
    color: #275556;
    background: #E1E3E6;
    letter-spacing: normal ;
}
.eng-font{font-family: 'Inter-Regular';}
img{ border:0; margin:auto;}
a{
    text-decoration:none;
    color:inherit;
}
a:hover{
    color:inherit; 
    text-decoration: none;
}
.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}
.h5{clear:both; width:100%; height:5px;}

.top5{ margin-top:2px;}
.top10{ padding-top:10px;}
.top15{ padding-top:15px;}
.top20{ padding-top:20px;}
.top30{ padding-top:30px;}
ul{	padding-left: 0;margin-bottom: 0;}
h1, h2, h3{line-height: normal;}
button:focus {
    outline: none;
}
label{margin-bottom: 0;}
.navbar-expand .navbar-toggler{display: block;}
#nav-icon3{
	z-index: 88;
	width: 35px;
	height: 30px;
	position: relative;
    top: auto;
    right: auto;
	margin:0px 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;

}
#nav-icon3 span{
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
    background: #017706;
    border-radius: 4px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
	top: 0px;
}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	top: 10px;
    width: 75%;
}
#nav-icon3 span:nth-child(4) {
	top: 20px;
}
#nav-icon3.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}
#nav-icon3.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}
#nav-icon3.open span:nth-child(2),#nav-icon3.open span:nth-child(3) {
    width: 100%;
}
/*head--//////////////////////////////////////////////////////////////////////////*/
.hamburgers-box{
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.navbar-expand .navbar-nav{
    justify-content: flex-end;
    margin-bottom: .5rem;
}
.navbar-expand .navbar-nav li{
    margin: 0 8px;
}
.navbar-expand .navbar-nav li:last-child{margin-right: 0;}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav, .sb-nav-fixed .sb-topnav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #FFF;
}



#layoutAuthentication {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#layoutAuthentication #layoutAuthentication_content {
  min-width: 0;
  flex-grow: 1;
}

#layoutSidenav {
  display: flex;
}
#layoutSidenav #layoutSidenav_nav {
  flex-basis: 260px;
  flex-shrink: 0;
  transition: transform 0.5s ease-in-out;
  z-index: 1038;
  transform: translateX(-260px);
}
#layoutSidenav #layoutSidenav_content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  flex-grow: 1;
  min-height: calc(100vh - 56px);
  margin-left: -260px;
}

.sb-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
  transform: translateX(0);
}
.sb-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1037;
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}

.sb-nav-fixed .sb-topnav {
    z-index: 1039;
    padding: .75rem .3rem;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {
  width: 260px;
  height: 100vh;
  z-index: 1038;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {
  padding: 7rem 1rem;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav .sb-sidenav-menu {
    overflow-y: auto;
    overflow-x: hidden;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_content {
  padding-left: 260px;
  top: 56px;
}



.nav .nav-link .sb-nav-link-icon,
.sb-sidenav-menu .nav-link .sb-nav-link-icon {
  margin-right: 0.5rem;
}
.sb-topnav .navbar-brand img{
    margin: 0;
    width: 195px;
}
.sb-topnav .navbar-brand {
  padding:0;
  margin: 0 0 0 20px;
}



.sb-sidenav {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-wrap: nowrap;
    overflow: hidden;    
}
.sb-sidenav .sb-sidenav-menu {
  flex-grow: 1;
}
.sb-sidenav .sb-sidenav-menu .nav {
  flex-direction: column;
  flex-wrap: nowrap;
}

.sb-sidenav .sb-sidenav-menu .nav .nav-link {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  position: relative;
}

.sb-sidenav .sb-sidenav-menu .nav .nav-link .sb-sidenav-collapse-arrow {
  display: inline-block;
  margin-left: auto;
  transition: transform 0.15s ease;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link.collapsed .sb-sidenav-collapse-arrow {
  transform: rotate(-90deg);
}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested {
  margin-left: 1.5rem;
  flex-direction: column;
}


.sb-sidenav-dark {
  background-color: #275556;
  color: #FFF;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
  color: #FFF;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link.active, .sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
  background: #306263;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link img {
  filter: brightness(0) invert(1);
}




.menushow2active.submenu-collapse{
    display: block !important;
}
.submenu-collapse {
    background: none;
    padding-left: 2rem;
    margin: .5rem 0;
    position: relative;
}
.submenu-collapse::before{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 1rem;
    z-index: 1;
    background: #FFF;
}
.submenu-collapse a{
    display: flex;
    align-items: flex-start;
    padding: 0.7rem .5rem;
    border-radius: 8px;
    margin: .3rem 0;
}
.submenu-collapse a img{
    margin: 0 15px 0 0;
    filter: brightness(0) invert(1);
}
.submenu-collapse a:hover, .menushow2active.submenu-collapse a.active{
    color: #FFF;
    background: #306263;
}

.sb-sidenav-dark .sb-sidenav-menu .nav-link{color: #FFF;}
.sb-sidenav .sb-sidenav-menu .nav .nav-link {
    display: flex;
    align-items: center;
    padding: 0.75rem .3rem;
    position: relative;
    border-radius: 8px;
    margin-bottom: .5rem;
}
.sb-sidenav .sb-sidenav-menu .nav .nav-link img{margin: 0 15px 0 0;}

/*--////content//////////////////////////////////////////////--*/
.content-box{padding: 20% 0;}
.his-page {margin-bottom: 2rem;}
.his-page ul{
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.his-page ul li{
    width: auto;
    margin: 0 0 15px 15px;
    font-size: 12px;
}
.his-page ul li a{display: inline-block;}
.his-page ul li img{
    width: 1.5em;
    filter: invert(53%) sepia(6%) saturate(577%) hue-rotate(201deg) brightness(89%) contrast(90%);
    transition: all 0.5s;
}
.his-page ul li.active img, .his-page ul li:hover img {filter: invert(12%) sepia(20%) saturate(705%) hue-rotate(201deg) brightness(97%) contrast(83%);}

.title-big{margin: 1rem auto;}
.title-big h1{
    font-size: 30px;
    margin:  0;
    color: #275556;
    font-family: 'Prompt-Bold';
}
.title-big p{margin-bottom: 0;font-size: 16px;}




/*--///Login////////////////////////////////////*/
.content-fullpage{
    background: #FFF;
}
.content-fullpage{
    height: 100%;
    padding: 10% 0;
    background: url( "../images/Rectangle 187.png") top left no-repeat #FFF;
    background-size: 100%;
}
.logo-login{margin-bottom: 5rem;}
.img-login{
    text-align: center;
    position: relative;
}
.img-login img{max-width: 100%;}

.loging-box{margin-top: 3rem;}
.loging-box h1{
    font-size: 33px;
    margin-bottom: 0;
    color: #275556;
    line-height: 1.3;
    font-family: 'Prompt-Bold';
}
.loging-box h1 span{color: #008C8C;}
.loging-box p{
    color: #787885;
    margin-bottom: 3rem;
    font-size: 22px;
}
.form-group .form-control{
    background: #f7fbfc;
    width: 100%;
    height: 55px;
    padding: 8px 15px;
    color: #275556;
    border-radius: 8px;
    border: 1px solid #e3e5e8;
}
.form-group .form-control::placeholder{color: #93B6B7;}
.form-group .form-control:focus{
    background-color: #FFF;
    border-color: #008C8C;
}
.form-group .reset-btn{
    position: absolute;
    top: 50%;
    right: 3%;
    box-shadow: none;
    border: none;
    background: none;
    opacity: 0;    
}
.form-group .form-control:focus + .reset-btn{opacity: 1;}
.form-group{
    color: #93B6B7;
    margin-top: 2rem;
    position: relative;
}
.btn-login{
    width: 100%;
    padding: 8px 15px;
    height: 55px;
    border: none;
    box-shadow: none;
    border-radius: 8px;
    background: #008C8C;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}
.btn-login:hover{    
    background: #275556;
    color: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.forget-check{
    text-align: right;
    margin-top: 4rem;
    margin-bottom: 1rem;
}
.forget-check a{padding: 10px 0;}
.forget-check a:hover{color: #787885;text-decoration: underline;}

/*--///Login////////////////////////////////////*/

.btn-cardstyle{
    width: 320px;
    height: 60px;
    text-align: center;
    padding: 8px;
    border-radius: 8px;
    display: block;
    box-shadow: none;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
}
.btn-cardstyle.btn-graybox {
    width: auto;
    height: auto;
    background: #275556;
    padding: 10px;
    color: #FFF;
    border: 1px solid #275556;
}
.btn-cardstyle.btn-graybox:hover{
    color: #275556;
    background: #FFF;
    transform: scale(.95);
}
.btn-cardstyle.btn-graybox img{filter: brightness(0) invert(1);}
.btn-cardstyle.btn-graybox:hover img{filter: invert(30%) sepia(34%) saturate(5066%) hue-rotate(162deg) brightness(94%) contrast(103%);}


/*--///btn////////////////////////////////////*/
.btn-boxtyle{
    width: 172px;
    height: 42px;
    text-align: center;
    padding: 8px;
    border-radius: 8px;
    display: block;
    box-shadow: none;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
}
.btn-whitebox{
    background: #FFF;
    color: #008C8C;
}
.btn-whitebox:hover{
    background: #275556;
    color: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.btn-whitebox img{filter: invert(30%) sepia(34%) saturate(5066%) hue-rotate(162deg) brightness(94%) contrast(103%);}
.btn-whitebox:hover img{filter: brightness(0) invert(1);}

.btn-greensearch{
    width: 100%;
    color: #FFF;
    margin-bottom: 20px;
    background: linear-gradient(180deg, #08B395 0%, #0C977F 100%);
}
.btn-greensearch:hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}

.checkedit-box{text-align: right;}
.checkedit-box img{filter: invert(24%) sepia(82%) saturate(295%) hue-rotate(132deg) brightness(95%) contrast(88%);}

.btn-boxtyle.btn-graybox {
    width: auto;
    height: auto;
    background: #275556;
    padding: 10px;
    color: #FFF;
    border: 1px solid #275556;
}
.btn-boxtyle.btn-graybox:hover{
    color: #275556;
    background: #FFF;
    transform: scale(.95);
}
.btn-boxtyle.btn-graybox img{filter: brightness(0) invert(1);}
.btn-boxtyle.btn-graybox:hover img{filter: invert(30%) sepia(34%) saturate(5066%) hue-rotate(162deg) brightness(94%) contrast(103%);}
/*--///btn////////////////////////////////////*/


/*--///form-list////////////////////////////////////*/
.redtext{color: #f00;}
.form-filter{margin-top: 1rem;}
.form-filter .row{align-items: flex-end;}
.form-list{
    margin: 0 -5px 20px;
}
.form-list img{
    width: 1.3em;
    filter: invert(24%) sepia(82%) saturate(295%) hue-rotate(132deg) brightness(95%) contrast(88%);
}
.form-list p{font-size: .95rem;}
.form-style{
    background: #FFF;
    width: 100%;
    height: 45px;
    padding: 8px 15px;
    color: #275556;
    border-radius: 8px;
    border: 1px solid #e3e5e8;
}
.form-style::placeholder{color: #93B6B7;}
.form-style:focus{
    background-color: #FFF;
    border-color: #008C8C;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
select.form-style{
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: url("../images/chevron-down.png") ;
    background-position: right 10px center ;
    background-repeat: no-repeat;
}

/*select.form-style.selectpassport{color: #f00;}*/

.notitext{
    padding: 3px 0px;
    color: #FFF;
    background: #f00;
    display: inline-block;
    border-radius: 5px;
    width: 27px;
    margin-left: 5px;
}

.checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 25px;
    width: 25px;
    background: url(../images/box.png) center left no-repeat;
    transform: translate(0, -50%);
}


/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background: url("../images/check.png") center left no-repeat;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sexradio {
  display: block;
  position: relative;
  padding-left:  40px;
  cursor: pointer;
  margin-bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.sexradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmarkradio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #e1e3e6;
  border-radius: 50%;
  border:2px solid #275556;
}


/* When the radio button is checked, add a blue background */
.sexradio input:checked ~ .checkmarkradio {
  background-color: #275556;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkradio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.sexradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.sexradio .checkmark:after {
 	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
    transform: translate(-50%,-50%);
}


/*--///form-list////////////////////////////////////*/
.text-lightgreen{color: #008C8C;}
.text-lightpink{color: violet}
.fullcrop-datatable{margin: 2rem 0 .5rem;}
.fullcrop-datatable p{margin-bottom: 0;}
.fullcrop-datatable table.dataTable thead th, .fullcrop-datatable table.dataTable thead td, .fullcrop-datatable table.dataTable.no-footer{border-bottom: none;}
.fullcrop-datatable{
    width: 100%;
    border-radius: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    /*display: none;*/
}
.fullcrop-datatable table{min-width:1600px;margin-bottom: 2rem;}
.fullcrop-datatable table#datatableManagebranch{min-width:inherit;}
.fullcrop-datatable .right{
    display: block;
    float: left;
    clear: both;
}
.fullcrop-datatable thead{
    background: #D9EEEE;
    border-radius: 8px;
    overflow: hidden;
}
.fullcrop-datatable thead th:first-child{border-radius: 8px 0 0 8px;}
.fullcrop-datatable thead th:last-child{border-radius: 0 8px 8px 0;}
.fullcrop-datatable tbody tr:first-child td:first-child{border-radius: 8px 0 0 0;}
.fullcrop-datatable tbody tr:first-child td:last-child{border-radius: 0 8px 0 0;}
.fullcrop-datatable tbody tr:last-child td:first-child{border-radius: 0 0 0 8px;}
.fullcrop-datatable tbody tr:last-child td:last-child{border-radius: 0 0 8px 0;}
.fullcrop-datatable table thead th{    
    padding: 15px 8px;
    vertical-align: middle;
}
.fullcrop-datatable tbody{background: #FFF;}
.fullcrop-datatable table tbody tr:hover, .fullcrop-datatable table tbody tr:hover .text-lightgreen{
    color: #FFF;
    background: #008C8C;
}

.fullcrop-datatable tbody tr.highlight{
    color: #FFF;
    background: #008C8C;
}
/*.fullcrop-datatable tbody tr.highlight .redtext{color: #FFF;}*/
.fullcrop-datatable tbody tr.highlight img, .fullcrop-datatable tbody tr:hover img{filter: brightness(0) invert(1);}
.fullcrop-datatable tbody tr.highlight .text-lightgreen{color: #FFF;}
.checkbox input:checked .fullcrop-datatable tbody tr{
    color: #FFF;
    background: #008C8C;
}
.fullcrop-datatable table tbody td{  
    padding: 15px 8px;
    vertical-align: top;
}

.fullcrop-datatable .dataTables_wrapper .dataTables_paginate{float: left;}
.fullcrop-datatable .dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 4px 8px;
    background: #FFFFFF;
    border: 1px solid #E1E3E6;
    border-radius: 4px;
}
.fullcrop-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: 1px solid #008C8C;
    border-radius: 2px;
    color: #008C8C !important;
    background: #FFF;
}
.fullcrop-datatable .dataTables_wrapper .dataTables_info{padding: 4px;}
.fullcrop-datatable .dataTables_wrapper .dataTables_length select {
    border: none;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 4px;
}
.fullcrop-datatable .dataTables_wrapper .dataTables_paginate{padding: 4px;margin: 6px 0;}
.trash-box{
    color: #B0B7C3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.trash-box p{
    width: 42px;
    height: 42px;
    border-radius: 50px;
    background: #008C8C;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    margin-bottom: 0;
}

.show-formdetail {margin-bottom: 1rem;}
.show-formdetail ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1rem;
}
.show-formdetail p{font-weight:700;}
.show-formdetail ul li{
    width: auto;
    margin: 0 15px 0 0;
    text-align: center;
}
.show-formdetail .btn-whitebox{
    margin-bottom: 1.5rem;
    float:inherit;
}
.show-formdetail textarea.form-style{vertical-align: middle;}
.show-formdetail .col-md-6, .show-formdetail .col-md-3{margin-bottom: 1rem;}
.show-formdetail.address-show .form-style{
    height: auto;
    text-align: left;
}

.pagelist{
 text-align: center;
 padding:1rem 0;
 border-radius:0px;
/* margin:0 5px 20px 5px;*/
 margin: auto;
}
.pagelist li{
	display:inline-block;
	font-size:1rem;
	cursor:pointer;
	/*padding: 0.3rem 0rem;*/
	margin: 0.2rem;
	border:2px solid #777;
	border-radius: 5px;
}
.pagelist li.disabled a,
.pagelist li.disabled a:hover{
	 color:#0e0e0e;
	 transition: all 0.4s;
}
.pagelist li.disabled a,
.pagelist li.disabled a:hover{
	color:#d4d4d4;
}
.pagelist li a{
	color:#777;
	display:block;
	padding:0 0.5rem;
	font-weight:bold;
}
.pagelist li a i.fa{
 font-size:1rem;
 vertical-align: middle;
}

.pagelist>li:first-child>a, .pagelist>li:first-child>span , .pagelist>li:last-child>a, .pagelist>li:last-child>span {
 border-radius:0px;
}
.pagelist li.active{
    background: #78aac3;
    transition: all 0.4s;
    border: 2px solid #78aac3;
}
.pagelist li a:hover{
    /*color: #ea5d2f ;*/
	transition: all 0.4s;
}
.pagelist li:hover{
	border:2px solid #78aac3;
}
/*.pagelist li svg { vertical-align: middle; }*/
.pagelist li svg {    height: 0.8rem; }
.pagelist li.active a {
    color: #FFF;
}

.display-none{
	display:none !important;
}

.tablelist td{
	font-size: 0.8rem;
}

.backBtn
{
	padding:7px 10px;
	border:solid 2px #275556;
	background:#fff;
	border-radius:5px;
	margin:20px;
	cursor: pointer;
}
.backBtn:hover
{
	box-shadow:0px 1px 7px 0px #ccc;
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 767px) {
    
.fullcrop-datatable .dataTables_wrapper .dataTables_info, .fullcrop-datatable .dataTables_wrapper .dataTables_length{float: left;text-align: left;}
}