@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/MyriadPro-Regular.otf')  format('opentype'),
		url('fonts/MyriadPro-Regular.woff') format('woff'),
		url('fonts/MyriadPro-Regular.ttf')  format('truetype'),
		url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Semibold';
  src: url('fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/MyriadPro-Semibold.otf')  format('opentype'),
        url('fonts/MyriadPro-Semibold.woff') format('woff'),
        url('fonts/MyriadPro-Semibold.ttf')  format('truetype'),
        url('fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.white-icon i.fa{color: white;}
/*.setting-1 div label{font-size: 1.143rem !important;}*/
.setting-1 a, .setting-1 label, .label-cus-color label{color: #67757c;} /*{color: #8f99aa;}*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8f99aa !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8f99aa !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8f99aa !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #8f99aa !important;
}
.setting-1 .btn-primary{
	/*background: #055576;border-color: #055576;border-radius: 40%;width: 100%;*/
    width: 100%;
    background: #055576;
    color: #fff;
    font-family: 'MyriadPro-Regular';
    padding: 4px 0;
    border: 1px solid #055576;
    border-radius: 100px
}
.border-cus{
    width: 100%;
    color: #055576;
    font-size: 23.39px;
    font-family: 'MyriadPro-Regular';
    padding: 9px 20px;
    border: 2px solid #055576;
    border-radius: 100px;
    margin-bottom: 20px;
}
.btn-toggle.btn-secondary.active {
    background-color: #055576 !important;
}
.btn-secondary {
  color: #616a78 !important;
  background-color: #e4e7ea;
  border-color: #e4e7ea;
  color: #fff;
}

.btn-secondary:hover {
  background-color: #edeff1;
  border-color: #edeff1;
  color: #fff;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
}

.btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #e4e7ea;
  border-color: #e4e7ea;
  opacity: 0.5;
}

.btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #dbdfe3;
  border-color: #dbdfe3;
  color: #fff;
}
.table.border-none td{border-top: none;padding-bottom: 0px;}
.table.border-none th{border-bottom: 1px solid #055576;padding-bottom: 10px;font-weight: bold;font-size: 20px;}
.clearfix{clear: both;}
.cards-row{
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    padding: 15px 0 15px;
}
.cards-row h4{padding-bottom: 15px;}
.padding15{padding: 15px 0 15px;}
.border-botm{border-bottom: 1px solid #055576;}
.row.padding15 a.btn{
    width: 100%;
    background: #055576;
    color: #fff;
    padding: 5px 0;
    border-radius: 100px;
    text-align: center;
    margin-top: 25px;
}
.w15{width: 15%;}
.w25{width: 25%;}
.w50{width: 50%;}
.pagination-cus p{float: right;}
.pagination-cus a{color: #c2c2c2;}
.pagination-cus a:hover{color: black;}
.pagination-cus a.current-page{color: white;background: #055576;padding: 3px 10px;border-radius: 3px;}
.request-status{
    color: #fff;
    padding: 5px 19px;
    border-radius: 20px;
}
.approved{background: #84eaa6;}
.rejected{background: #C2C2C2;}
.pending{background: #ea8484;}
.mtopbotm15{margin-top: 15px;margin-bottom: 15px;}
.mbotm, .mbotm20{margin-bottom: 20px;}
.search-cus{
    border: 2px solid #C2C2C2;
    border-radius: 20px;
    padding-left: 15px;
}
.category thead th{color: #055576;border: none;font-size: 23px;}
.category thead th:first-child, .category tr th:first-child, .category tr td:first-child{text-align: left;}
.bootstrap-timepicker .input-group-addon{
    padding: .5rem .75rem;
    color: #495057;
    border: 1px solid rgba(0,0,0,.15);
    display: flex;
    align-items: center;
}
[type=checkbox].cus-checkbox:checked+label:before {
    top: 0;
    left: 0;
    width: 12px;
    height: 22px;
    border: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: none;
    -ms-transform-origin: none;
    transform-origin: none;
}
.category tbody tr:last-child td{border-bottom: 1px solid #000;}
.category [type=radio]{display: none;}
.category .radio-btn{position: relative;}
[type=radio].radio-cus+label:after, [type=radio].radio-cus+label:before {
    content: '';
    background: url('images/icon/inactive.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 100px;
    top: 0px;
    width: 46px;
    height: 35px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
[type=radio].radio-cus:checked+label:after, [type=radio].radio-cus:checked+label:before {
    content: '';
    background: url('images/icon/active.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 100px;
    top: 0px;
    width: 46px;
    height: 35px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
[type=radio].radio-cus-1+label:after, [type=radio].radio-cus-1+label:before {
    content: '';
    background: url('images/icon/noinactive.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 100px;
    top: 0px;
    width: 46px;
    height: 35px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
[type=radio].radio-cus-1:checked+label:after, [type=radio].radio-cus-1:checked+label:before {
    content: '';
    background: url('images/icon/noactive.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 100px;
    top: 0px;
    width: 46px;
    height: 35px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
}
.filters-cus {font-size: 13px;}
.search-filter select.form-control:not([size]):not([multiple]){width: 100%;height: 32px;}
.search-filter label, .fileter-btn label, .settings-cus label{font-weight: 400;font-size: 14.25px;}
.fileter-btn .btn{padding: .175rem .75rem;height: 32px;}
.fileter-btn span{font-size: 14px;}
.font16{font-size: 16.25px;}
.font20{font-size: 20px;}
.nav>li>a:active, .nav>li>a:focus, .nav>li>a:hover{background: transparent !important;}
.dropdown.notifications-menu a.dropdown-toggle span{
    background: #ff0000;
    position: relative;
    font-size: 12px;
    color: #fff;
    width: 41px;
    height: 18px;
    text-align: center;
    border-radius: 100px;
    padding: 0px 4px;
    left: -5px;
    top: -10px;
}
.navbar-custom-menu .navbar-nav li > a.dropdown-toggle, .navbar-custom-menu .navbar-nav > li:last-child > a {
    padding: 0px 5px !important;
    vertical-align: middle;
    line-height: 60px;
    display: block;
    color: white;
    font-size: 1rem;
}
.text-yellow{color: #f7941d;}
.settings-cus select.form-control{padding: .175rem .50rem;}
.bootstrap-timepicker .input-group-addon{height: 35px}
.background-cus .box-body.tab-content {
    background-color: white;
}
.paddingleftright .box-body {
    padding-left: 0;
    padding-right: 0;
}
.nav-tabs-inverse-mode .nav-link.active{background-color: #f9fafb !important;}
.nav-tabs-inverse-mode .nav-link:hover{background-color: #f9fafb !important;}
.language-switcher{position: fixed;right: 0;bottom: 0px;}

.languagepicker {
    background-color: #FFF;
    display: inline-block;
    padding: 0;
    height: 40px;
    overflow: hidden;
    transition: all .3s ease;
    margin: 0 50px 10px 0;
    vertical-align: top;
    float: left;
}

.languagepicker:hover {
    /* don't forget the 1px border */
    height: 81px;
}

.languagepicker a{
    color: #000;
    text-decoration: none;
}

.languagepicker li {
    display: block;
    padding: 0px 20px;
    line-height: 40px;
    border-top: 1px solid #EEE;
}

.languagepicker li:hover{
    background-color: #EEE;
}

.languagepicker a:first-child li {
    border: none;
    background: #FFF !important;
}

.languagepicker li img {
    margin-right: 5px;
}
.nameDetail{text-align: left;margin-bottom: 35px;margin-top: 35px;}
.cards-row .col-5.offset-3{text-align: right;}
.totalCus{text-align: right;padding-top: 10px;}
.width-50{width: 50.333333%;}