/* Modal
--------------------------------------------------
*/
.modal .close {
    font-size: 32px;
}
.modal .close:focus {
    outline: 0;
}
.modal .modal-dialog {
    -webkit-transition: all .2s !important;
    transition: all .2s !important;
}
.modal .modal-content {
    border: 1px solid #f2f6f7;
    border-radius: 3px;
    box-shadow: none;
}
.modal .modal-content.modal-loading {
    box-shadow: none !important;
    background-color: transparent;
    border: none;
}
.modal .modal-content .modal-content-border {
    height: auto;
    border: 2px dashed #CFCFCF;
    border-radius: 10px;
}
.modal .modal-header {
    border-bottom: 0;
    padding: 15px;
}
.modal .modal-header p {
    /*    color: #8b91a0;*/
}
.modal .modal-header.with-border {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}
.modal .modal-header .modal-title {
    font-size: 16px;
}
.modal .modal-body {
    box-shadow: none;
    padding: 15px;
    white-space: normal;
}
.modal .modal-footer {
    border-top: none;
    box-shadow: none;
    margin-top: 0;
    padding: 15px;
}
.modal .modal-footer.with-border {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}
.modal .drop-shadow {
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36) !important;
}

/* Modal Animation */

.modal.fade {
    opacity: 1 !important;
}
.modal.fade.stick-up .modal-dialog {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    margin-top: -5px;
}
.modal.fade.stick-up.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}
.modal.fade.slide-up .modal-dialog {
    -webkit-transform: translate(0, 75%);
    transform: translate(0, 75%);
    -ms-transform: translate(0, 75%);
}
.modal.fade.slide-up.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}
.modal.fade.scale-up .modal-dialog {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.modal.fade.scale-up.in .modal-dialog {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.modal.fade.slide-right .close {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
    z-index: 10;
}
.modal.fade.slide-right.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0);
}
.modal.fade.slide-right .modal-dialog {
    position: absolute;
    right: 0;
    margin: 0;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -ms-transform: translate(100%, 0);
}
.modal.fade.slide-right .modal-dialog .modal-content-wrapper {
    height: 100%;
}
.modal.fade.slide-right .modal-dialog .modal-content {
    height: 100%;
}
.modal.fade.slide-right .modal-content {
    border-radius: 0px;
}
.modal.center-screen {
    height: 100%;
    top: auto;
}
.modal.center-screen .modal-dialog {
    display: table;
    height: 100%;
    margin-top: 0;
}
.modal.center-screen .modal-content-wrapper {
    display: table-cell;
    vertical-align: middle;
}
.modal.full-screen .modal-dialog {
    margin: 0;
    width: 100%;
}
.modal.full-screen .modal-dialog,
.modal.full-screen .modal-content {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-radius: 0;
}
.modal.full-screen.disable-scroll .modal-dialog,
.modal.full-screen.disable-scroll .modal-content {
    position: absolute;
}
.modal.disable-scroll {
    overflow: hidden;
}
.fill-in-modal .modal-backdrop {
    background-color: transparent;
}
.modal-backdrop {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.modal-backdrop.in {
    opacity: 0.30;
}
@media (max-width: 768px) {
    .modal.fill-in .modal-dialog {
        width: calc(100% - 20px);
    }
    .modal.slide-up .modal-dialog {
        width: calc(100% - 20px);
    }
    .modal.scale-up .modal-dialog {
        width: calc(100% - 20px);
    }
    .modal.full-screen .modal-dialog {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .modal.stick-up .modal-dialog {
        margin: -5px auto;
    }
    .modal.slide-up .modal-dialog {
        margin: 0 auto;
    }
    .modal.scale-up .modal-dialog {
        margin: 0 auto;
    }
    .modal .modal-content {
        box-shadow: none;
    }
}

/* Checkboxes and Radio buttons 
--------------------------------------------------
*/

.radio,
.checkbox {
    margin-bottom: 10px;
    margin-top: 7px;
    padding-left: 0px;
}
.radio.horizontal,
.checkbox.horizontal {
    display: inline-block;
    margin-bottom: 4px;
    margin-top: 5px;
}
.radio.horizontal label {
    margin-bottom: 0 !important;
}
.radio label,
.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px !important;
    margin-right: 15px;
    font-size: 13px;
}
.radio label:before,
.checkbox label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
}
.radio label {
    margin-bottom: 6px;
}
.radio label:before {
    bottom: 2.5px;
    border-radius: 99px;
    -webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}
.radio input[type=radio]:checked + label:before {
    border-width: 5px;
}
.radio input[type=radio] {
    display: none;
}
.radio input[type=radio][disabled] + label {
    opacity: 0.65;
}
.radio.radio-success input[type=radio]:checked + label:before {
    border-color: #22BAA0;
}
.radio.radio-primary input[type=radio]:checked + label:before {
    border-color: #6d5cae;
}
.radio.radio-info input[type=radio]:checked + label:before {
    border-color: #3b4752;
}
.radio.radio-warning input[type=radio]:checked + label:before {
    border-color: #f8d053;
}
.radio.radio-danger input[type=radio]:checked + label:before {
    border-color: #f55753;
}
.radio.radio-complete input[type=radio]:checked + label:before {
    border-color: #48b0f7;
}
.radio.radio-orange input[type=radio]:checked + label:before {
    border-color: #F26F21;
}
.radio.radio-gray input[type=radio]:checked + label:before {
    border-color: #666666;
}
.checkbox input[type=radio][disabled] + label:after {
    background-color: #e6e6e6;
}
.checkbox label {
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
    white-space: nowrap;
}
.checkbox label:before {
    top: 1.4px;
    border-radius: 3px;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3.2px;
    top: 2px;
    font-size: 11px;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.checkbox label:after {
    border-radius: 3px;
}
.checkbox input[type=checkbox] {
    display: none;
}
.checkbox.checkbox-circle label:after {
    border-radius: 99px;
}
.checkbox.checkbox-circle label:before {
    border-radius: 99px;
}
.checkbox input[type=checkbox]:checked + label:before {
    border-width: 8px;
}
.checkbox input[type=checkbox]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    color: #fff;
}
.checkbox input[type=checkbox][disabled] + label {
    opacity: 0.65;
}
.checkbox input[type=checkbox][disabled] + label:before {
    background-color: #eceff3;
}
.checkbox.right label {
    margin-right: 35px;
    padding-left: 0 !important;
}
.checkbox.right label:before {
    right: -35px;
    left: auto;
}
.checkbox.right input[type=checkbox]:checked + label {
    position: relative;
}
.checkbox.right input[type=checkbox]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    position: absolute;
    right: -27px;
    left: auto;
}
.checkbox.check-success input[type=checkbox]:checked + label:before {
    border-color: #22BAA0;
}
.checkbox.check-primary input[type=checkbox]:checked + label:before {
    border-color: #428BCA;
}
.checkbox.check-complete input[type=checkbox]:checked + label:before {
    border-color: #48b0f7;
}
.checkbox.check-warning input[type=checkbox]:checked + label:before {
    border-color: #f8d053;
}
.checkbox.check-danger input[type=checkbox]:checked + label:before {
    border-color: #f55753;
}
.checkbox.check-info input[type=checkbox]:checked + label:before {
    border-color: #3b4752;
}
.checkbox.check-orange input[type=checkbox]:checked + label:before {
    border-color: #F26F21;
}
.checkbox.check-gray input[type=checkbox]:checked + label:before {
    border-color: #666666;
}
.checkbox.check-success input[type=checkbox]:checked + label::after,
.checkbox.check-primary input[type=checkbox]:checked + label::after,
.checkbox.check-complete input[type=checkbox]:checked + label::after,
.checkbox.check-warning input[type=checkbox]:checked + label::after,
.checkbox.check-danger input[type=checkbox]:checked + label::after,
.checkbox.check-info input[type=checkbox]:checked + label::after,
.checkbox.check-orange input[type=checkbox]:checked + label::after,
.checkbox.check-gray input[type=checkbox]:checked + label::after {
    color: #ffffff;
}

/* Progress Indicators 
--------------------------------------------------
*/
.progress {
  height: 4px;
  background-color: rgba(98, 98, 98, 0.2);
  background-image: none;
  box-shadow: none;
  border-radius: 0;
}

.progress.transparent {
  background-color: rgba(0, 0, 0, 0.28);
}

.progress.progress-small {
  height: 3px;
}
/* Circular Progress : indeterminate color
------------------------------------
*/
.progress-bar-indeterminate {
  background: url('../images/progress/progress-bar-master.svg') no-repeat top left;
  width: 100%;
  height: 100%;
  background-size: cover;
}

.progress-bar-indeterminate.progress-bar-primary {
  background-image: url('../images/progress/progress-bar-primary.svg');
  background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-complete {
  background-image: url('../images/progress/progress-bar-complete.svg');
  background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-success {
  background-image: url('../images/progress/progress-bar-success.svg');
  background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-info {
  background-image: url('../images/progress/progress-bar-info.svg');
  background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-warning {
  background-image: url('../images/progress/progress-bar-warning.svg');
  background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-danger {
  background-image: url('../images/progress/progress-bar-danger.svg');
  background-color: transparent;
}

.progress-bar-indeterminate.progress-bar-master {
  background-image: url('../images/progress/progress-bar-master.svg');
  background-color: transparent;
}
/* Progress Bar
------------------------------------
*/
.progress-bar {
  box-shadow: none;
  border-radius: 0;
  background-color: #626262;
  background-image: none;
  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
/* Progress Bar : Color Options
------------------------------------
*/
.progress-bar-primary {
  background-color: #6d5cae;
  background-image: none;
}

.progress-bar-complete {
  background-color: #48b0f7;
  background-image: none;
}

.progress-bar-success {
  background-color: #10cfbd;
  background-image: none;
}

.progress-bar-info {
  background-color: #3b4752;
  background-image: none;
}

.progress-bar-warning {
  background-color: #f8d053;
  background-image: none;
}

.progress-bar-danger {
  background-color: #f55753;
  background-image: none;
}

.progress-bar-white {
  background-color: #ffffff;
  background-image: none;
}

.progress-bar-black {
  background-color: #000000;
  background-image: none;
}

.progress-info .bar,
.progress .bar-info {
  background-color: #232b31;
  background-image: none;
}

.progress-warning .bar,
.progress .bar-warning {
  background-color: #957d32;
  background-image: none;
}

.progress-danger .bar,
.progress .bar-danger {
  background-color: #933432;
  background-image: none;
}

.progress-white .bar,
.progress .bar-white {
  background-color: #ffffff;
  background-image: none;
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success {
  background-color: #10cfbd;
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info {
  background-color: #3b4752;
}
/* Circular Progress : indeterminate 
------------------------------------
*/
.progress-circle-indeterminate {
  background: url('../images/progress/progress-circle-master.svg') no-repeat top left;
  width: 50px;
  height: 50px;
  background-size: 100% auto;
  margin: 0 auto;
}

.progress-circle-indeterminate.progress-circle-warning {
  background-image: url('../images/progress/progress-circle-warning.svg');
}

.progress-circle-indeterminate.progress-circle-danger {
  background-image: url('../images/progress/progress-circle-danger.svg');
}

.progress-circle-indeterminate.progress-circle-info {
  background-image: url('../images/progress/progress-circle-info.svg');
}

.progress-circle-indeterminate.progress-circle-primary {
  background-image: url('../images/progress/progress-circle-primary.svg');
}

.progress-circle-indeterminate.progress-circle-success {
  background-image: url('../images/progress/progress-circle-success.svg');
}

.progress-circle-indeterminate.progress-circle-complete {
  background-image: url('../images/progress/progress-circle-complete.svg');
}
/* Circular Progress 
------------------------------------
*/
.progress-circle {
  display: block;
  height: 45px;
  margin: 0 auto;
  position: relative;
  width: 45px;
  -webkit-backface-visibility: hidden;
}

.progress-circle.progress-circle-warning .pie .half-circle {
  border-color: #f8d053;
}

.progress-circle.progress-circle-danger .pie .half-circle {
  border-color: #f55753;
}

.progress-circle.progress-circle-info .pie .half-circle {
  border-color: #3b4752;
}

.progress-circle.progress-circle-primary .pie .half-circle {
  border-color: #6d5cae;
}

.progress-circle.progress-circle-success .pie .half-circle {
  border-color: #10cfbd;
}

.progress-circle.progress-circle-complete .pie .half-circle {
  border-color: #48b0f7;
}

.progress-circle.progress-circle-thick .pie .half-circle,
.progress-circle.progress-circle-thick .shadow {
  border-width: 5px;
}

.progress-circle .pie {
  clip: rect(0, 45px, 45px, 22.5px);
  height: 45px;
  position: absolute;
  width: 45px;
}

.progress-circle .pie .half-circle {
  border: 3px solid #626262;
  border-radius: 50%;
  clip: rect(0, 22.5px, 45px, 0);
  height: 45px;
  position: absolute;
  width: 45px;
}

.progress-circle .shadow {
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

/* Padding - Margin
------------------------------------
*/

.phf {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.pdn {
  padding: 0 !important;
}
.pdx {
  padding: 3px !important;
}
.pdm {
  padding: 10px !important;
}
.pdl {
  padding: 20px !important;
}
.pdxl {
  padding: 30px !important;
}
.pdxxl {
  padding: 40px !important;
}
.ptn,
.pvn,
.pan {
  padding-top: 0 !important;
}
.ptx,
.pvx,
.pax {
  padding-top: 3px !important;
}
.pts,
.pvs,
.pas {
  padding-top: 5px !important;
}
.ptm,
.pvm,
.pam {
  padding-top: 10px !important;
}
.ptl,
.pvl,
.pal {
  padding-top: 20px !important;
}
.ptxl,
.pvxl,
.paxl {
  padding-top: 30px !important;
}
.ptxxl,
.pvxxl,
.paxxl {
  padding-top: 40px !important;
}
.prn,
.phn,
.pan {
  padding-right: 0 !important;
}
.prx,
.phx,
.pax {
  padding-right: 3px !important;
}
.prs,
.phs,
.pas {
  padding-right: 5px !important;
}
.prm,
.phm,
.pam {
  padding-right: 10px !important;
}
.prl,
.phl,
.pal {
  padding-right: 20px !important;
}
.prxl,
.phxl,
.paxl {
  padding-right: 30px !important;
}
.prxxl,
.phxxl,
.paxxl {
  padding-right: 40px !important;
}
.pbn,
.pvn,
.pan {
  padding-bottom: 0 !important;
}
.pbx,
.pvx,
.pax {
  padding-bottom: 3px !important;
}
.pbs,
.pvs,
.pas {
  padding-bottom: 5px !important;
}
.pbm,
.pvm,
.pam {
  padding-bottom: 10px !important;
}
.pbl,
.pvl,
.pal {
  padding-bottom: 20px !important;
}
.pbxl,
.pvxl,
.paxl {
  padding-bottom: 30px !important;
}
.pbxxl,
.pvxxl,
.paxxl {
  padding-bottom: 40px !important;
}
.pln,
.phn,
.pan {
  padding-left: 0 !important;
}
.plx,
.phx,
.pax {
  padding-left: 3px !important;
}
.pls,
.phs,
.pas {
  padding-left: 5px !important;
}
.plm,
.phm,
.pam {
  padding-left: 10px !important;
}
.pll,
.phl,
.pal {
  padding-left: 20px !important;
}
.plxl,
.phxl,
.paxl {
  padding-left: 30px !important;
}
.plxxl,
.phxxl,
.paxxl {
  padding-left: 40px !important;
}
.mtn,
.mvn,
.man {
  margin-top: 0px !important;
}
.mtx,
.mvx,
.max {
  margin-top: 3px !important;
}
.mts,
.mvs,
.mas {
  margin-top: 5px !important;
}
.mtm,
.mvm,
.mam {
  margin-top: 10px !important;
}
.mtl,
.mvl,
.mal {
  margin-top: 20px !important;
}
.mtxl,
.mvxl,
.maxl {
  margin-top: 30px !important;
}
.mtxxl,
.mvxxl,
.maxxl {
  margin-top: 40px !important;
}
.mrn,
.mhn,
.man {
  margin-right: 0px !important;
}
.mrx,
.mhx,
.max {
  margin-right: 3px !important;
}
.mrs,
.mhs,
.mas {
  margin-right: 5px !important;
}
.mrm,
.mhm,
.mam {
  margin-right: 10px !important;
}
.mrl,
.mhl,
.mal {
  margin-right: 20px !important;
}
.mrxl,
.mhxl,
.maxl {
  margin-right: 30px !important;
}
.mrxxl,
.mhxxl,
.maxxl {
  margin-right: 40px !important;
}
.mbn,
.mvn,
.man {
  margin-bottom: 0px !important;
}
.mbx,
.mvx,
.max {
  margin-bottom: 3px !important;
}
.mbs,
.mvs,
.mas {
  margin-bottom: 5px !important;
}
.mbm,
.mvm,
.mam {
  margin-bottom: 10px !important;
}
.mbl,
.mvl,
.mal {
  margin-bottom: 20px !important;
}
.mbxl,
.mvxl,
.maxl {
  margin-bottom: 30px !important;
}
.mbxxl,
.mvxxl,
.maxxl {
  margin-bottom: 40px !important;
}
.mln,
.mhn,
.man {
  margin-left: 0px !important;
}
.mlx,
.mhx,
.max {
  margin-left: 3px !important;
}
.mls,
.mhs,
.mas {
  margin-left: 5px !important;
}
.mlm,
.mhm,
.mam {
  margin-left: 10px !important;
}
.mll,
.mhl,
.mal {
  margin-left: 20px !important;
}
.mlxl,
.mhxl,
.maxl {
  margin-left: 30px !important;
}
.mlxxl,
.mhxxl,
.maxxl {
  margin-left: 40px !important;
}

@media (max-width: 992px) {
    .col-md-1.plx.presponsive,.col-md-2.plx.presponsive,.col-md-3.plx.presponsive,
    .col-md-4.plx.presponsive,.col-md-5.plx.presponsive,.col-md-6.plx.presponsive,
    .col-md-7.plx.presponsive,.col-md-8.plx.presponsive,.col-md-9.plx.presponsive,
    .col-md-10.plx.presponsive,.col-md-11.plx.presponsive,.col-md-12.plx.presponsive {
        padding-left: 15px !important;
    }
    
    .col-md-1.prx.presponsive,.col-md-2.prx.presponsive,.col-md-3.prx.presponsive,
    .col-md-4.prx.presponsive,.col-md-5.prx.presponsive,.col-md-6.prx.presponsive,
    .col-md-7.prx.presponsive,.col-md-8.prx.presponsive,.col-md-9.prx.presponsive,
    .col-md-10.prx.presponsive,.col-md-11.prx.presponsive,.col-md-12.prx.presponsive {
        padding-right: 15px !important;
    }
}

/* Border (remove)
------------------------------------
*/
.bdan {
    border: none !important;
}
.bdtn {
    border-top: none !important;
}
.bdbn {
    border-bottom: none !important;
}
.bdln {
    border-left: none !important;
}
.bdrn {
    border-right: none !important;
}
.bdvn {
    border-top: none !important;
    border-bottom: none !important;
}
.bdhn {
    border-left: none !important;
    border-right: none !important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}

.alway-on-top {
    z-index: 999999 !important;
}


/* btn-arrow
------------------------------------
*/
.btn-arrow-right,
.btn-arrow-left {
    position: relative;
    padding-left: 18px;
    padding-right: 18px;
}
.btn-arrow-right {
    padding-left: 36px;
}
.btn-arrow-left {
    padding-right: 36px;
}
.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 6px; /* move it down because of rounded corners */
    width: 25px; /* same as height */
    height: 25px; /* button_outer_height / sqrt(2) */
    background: inherit; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
}
.btn-arrow-right:before,
.btn-arrow-right:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-arrow-left:before,
.btn-arrow-left:after {
    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}
.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
    left: -12px;
}
.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
    right: -12px;
}
.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
    z-index: 1;
}
.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
    background-color: transparent;
}

/* Custom Checkbox/Radio: Prefix with .custom- to avoid conflict with Bootstrap 4 */
.custom-radio,
.custom-checkbox {
    margin-bottom: 10px;
    margin-top: 7px;
    padding-left: 0px;
}
.custom-radio.horizontal,
.custom-checkbox.horizontal {
    display: inline-block;
    margin-bottom: 4px;
    margin-top: 5px;
}
.custom-radio.horizontal label {
    margin-bottom: 0 !important;
}
.custom-radio label,
.custom-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px !important;
    margin-right: 15px;
    font-size: 13px;
}
.custom-radio label:before,
.custom-checkbox label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
}
.custom-radio label {
    margin-bottom: 6px;
}
.custom-radio label:before {
    bottom: 2.5px;
    border-radius: 99px;
    -webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}
.custom-radio input[type=radio]:checked + label:before {
    border-width: 5px;
}
.custom-radio input[type=radio] {
    display: none;
}
.custom-radio input[type=radio][disabled] + label {
    opacity: 0.65;
}
.custom-radio.radio-success input[type=radio]:checked + label:before {
    border-color: #22BAA0;
}
.custom-radio.radio-primary input[type=radio]:checked + label:before {
    border-color: #6d5cae;
}
.custom-radio.radio-info input[type=radio]:checked + label:before {
    border-color: #3b4752;
}
.custom-radio.radio-warning input[type=radio]:checked + label:before {
    border-color: #f8d053;
}
.custom-radio.radio-danger input[type=radio]:checked + label:before {
    border-color: #f55753;
}
.custom-radio.radio-complete input[type=radio]:checked + label:before {
    border-color: #48b0f7;
}
.custom-radio.radio-orange input[type=radio]:checked + label:before {
    border-color: #F26F21;
}
.custom-radio.radio-gray input[type=radio]:checked + label:before {
    border-color: #666666;
}
.custom-checkbox input[type=radio][disabled] + label:after {
    background-color: #e6e6e6;
}
.custom-checkbox label {
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
    white-space: nowrap;
}
.custom-checkbox label:before {
    top: 1.4px;
    border-radius: 3px;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.custom-checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3.2px;
    top: 2px;
    font-size: 11px;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.custom-checkbox label:after {
    border-radius: 3px;
}
.custom-checkbox input[type=checkbox] {
    display: none;
}
.custom-checkbox.checkbox-circle label:after {
    border-radius: 99px;
}
.custom-checkbox.checkbox-circle label:before {
    border-radius: 99px;
}
.custom-checkbox input[type=checkbox]:checked + label:before {
    border-width: 8px;
}
.custom-checkbox input[type=checkbox]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    color: #fff;
}
.custom-checkbox input[type=checkbox][disabled] + label {
    opacity: 0.65;
}
.custom-checkbox input[type=checkbox][disabled] + label:before {
    background-color: #eceff3;
}
.custom-checkbox.right label {
    margin-right: 35px;
    padding-left: 0 !important;
}
.custom-checkbox.right label:before {
    right: -35px;
    left: auto;
}
.custom-checkbox.right input[type=checkbox]:checked + label {
    position: relative;
}
.custom-checkbox.right input[type=checkbox]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    position: absolute;
    right: -27px;
    left: auto;
}
.custom-checkbox.check-success input[type=checkbox]:checked + label:before {
    border-color: #22BAA0;
}
.custom-checkbox.check-primary input[type=checkbox]:checked + label:before {
    border-color: #428BCA;
}
.custom-checkbox.check-complete input[type=checkbox]:checked + label:before {
    border-color: #48b0f7;
}
.custom-checkbox.check-warning input[type=checkbox]:checked + label:before {
    border-color: #f8d053;
}
.custom-checkbox.check-danger input[type=checkbox]:checked + label:before {
    border-color: #f55753;
}
.custom-checkbox.check-info input[type=checkbox]:checked + label:before {
    border-color: #3b4752;
}
.custom-checkbox.check-orange input[type=checkbox]:checked + label:before {
    border-color: #F26F21;
}
.custom-checkbox.check-gray input[type=checkbox]:checked + label:before {
    border-color: #666666;
}
.custom-checkbox.check-success input[type=checkbox]:checked + label::after,
.custom-checkbox.check-primary input[type=checkbox]:checked + label::after,
.custom-checkbox.check-complete input[type=checkbox]:checked + label::after,
.custom-checkbox.check-warning input[type=checkbox]:checked + label::after,
.custom-checkbox.check-danger input[type=checkbox]:checked + label::after,
.custom-checkbox.check-info input[type=checkbox]:checked + label::after,
.custom-checkbox.check-orange input[type=checkbox]:checked + label::after,
.custom-checkbox.check-gray input[type=checkbox]:checked + label::after {
    color: #ffffff;
}