/*
primary normal 288990
primary hover 34ccff
primary active 0f9ac9
*/

a[type="button"] {-webkit-appearance:none;}

.buttons {margin-top:15px; margin-bottom: 15px;}
.btn {font-size: 16px; font-weight: 500; font-family: "Ubuntu", Arial, sans-serif; border-radius: 5px; text-align: center; border:none; color:#fff; text-transform: uppercase;}
.btn i {margin: 0 10px 0 0;}

.btn-primary { color: #fff; background-color: #288990; border:none; line-height: 50px; padding: 0 30px;}
.btn-primary:visited { color: #fff; background-color: #288990; border:none; line-height: 50px; padding: 0 30px;}
.btn-primary:hover {color: #fff; background-color: #34ccff;}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgba(52, 204, 255, 0.4); background-color: #0f9ac9;color: #fff;}
.btn-primary:active, .btn-primary.active {box-shadow: 0 0 0 0.2rem rgba(52, 204, 255, 0.4); background-color: #0f9ac9;color: #fff;}
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #c1c1c1;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active { color: #fff;  background-color: #0f9ac9; box-shadow: 0 0 0 0.2rem rgba(52, 204, 255, 0.4);}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {  box-shadow: 0 0 0 0.2rem rgba(52, 204, 255, 0.4); background-color: #0f9ac9; color: #fff;}
.btn-primary a {color:#fff;}


.btn-secondary {color: #fff; background-color: #a4c4c4; line-height: 50px; padding: 0 30px; border:none;}
.btn-secondary a {color:#fff;}
.btn-secondary:visited {color: #fff; background-color: #a4c4c4; line-height: 50px; padding: 0 30px; border:none;}
.btn-secondary:hover {color: #fff; background-color: #727b84;}
.btn-secondary:focus, .btn-secondary.focus {box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.4); background-color: #515860;}
.btn-secondary.disabled, .btn-secondary:disabled {color: #fff; background-color: #c1c1c1;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {color: #fff; background-color: #515860; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.4);}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.4); background-color: #515860;}


.btn-danger {color: #fff; background-color: #dc3545; line-height: 50px; padding: 0 30px; border:none;}
.btn-danger:visited {color: #fff; background-color: #dc3545; line-height: 50px; padding: 0 30px; border:none;}
.btn-danger:hover {color: #fff; background-color: #be0d1e;}
.btn-danger:focus, .btn-danger.focus {box-shadow: 0 0 0 0.2rem rgba(190, 13, 30, 0.4); background-color: #9b000f; color:#fff;}
.btn-danger.disabled, .btn-danger:disabled {color: #fff; background-color: #c1c1c1;}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {color: #fff; background-color: #9b000f; box-shadow: 0 0 0 0.2rem rgba(190, 13, 30, 0.4);}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {box-shadow: 0 0 0 0.2rem rgba(190, 13, 30, 0.4); background-color: #9b000f;}


.btn-warning {color: #212529; background-color: #ffc107;line-height: 50px; padding: 0 30px; border:none;}
.btn-warning:visited {color: #212529; background-color: #ffc107;line-height: 50px; padding: 0 30px; border:none;}
.btn-warning:hover {color: #212529; background-color: #e0a800;}
.btn-warning:focus, .btn-warning.focus {box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.4);}
.btn-warning.disabled, .btn-warning:disabled {color: #212529; background-color: #ffc107;}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {color: #212529; background-color: #d39e00;}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.4);}


.btn-icon {width: 50px; padding:0px!important; line-height: 50px; margin:0px;}
.btn-icon i {margin:0px;}
.btn-icon-small {width: 30px; padding:0px!important; line-height: 30px; height: 30px; color:#333!important; background:none;}
.btn-icon-small i {margin:0;}
.btn-icon-small:hover {color:#fff!important;}

.table thead th {vertical-align:top; border-bottom:none; }
.table th, .table td {padding-top:0; padding-bottom:0; border-top:none;}

.dataTables_filter label {width:100%;}
.dataTables_filter .form-control {width:100%;}
.dataTables_length label {width:100%;}
.dataTables_length select {width:100%;}

.page-item.active .page-link {background-color:#288990; border:1px solid #288990;}