.inline
{
   display: inline !important;
}

.inline-block
{
   display: inline-block !important;
}

.block
{
   display: block !important;
}

.text-break
{
   white-space: normal;
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   hyphens: auto;

   -ms-hyphens: auto;
}

.text-top
{
   vertical-align: top !important;
}

.text-middle
{
   vertical-align: middle !important;
}

.text-bottom
{
   vertical-align: bottom !important;
}

.font-weight-unset
{
   font-weight: unset !important;
}

.font-weight-100
{
   font-weight: 100 !important;
}

.font-weight-200
{
   font-weight: 200 !important;
}

.font-weight-300
{
   font-weight: 300 !important;
}

.font-weight-400
{
   font-weight: 400 !important;
}

.font-weight-500
{
   font-weight: 500 !important;
}

.font-weight-600
{
   font-weight: 600 !important;
}

.font-weight-700
{
   font-weight: 700 !important;
}

.font-weight-800
{
   font-weight: 800 !important;
}

.font-weight-900
{
   font-weight: 900 !important;
}

.font-weight-light
{
   font-weight: 100 !important;
}

.font-weight-normal
{
   font-weight: 300 !important;
}

.font-weight-medium
{
   font-weight: 400 !important;
}

.font-weight-bold
{
   font-weight: 500 !important;
}

.font-size-0
{
   font-size: 0 !important;
}

.font-size-10
{
   font-size: 0.7143rem !important;
}

.font-size-12
{
   font-size: 0.8571rem !important;
}

.font-size-14
{
   font-size: 1rem !important;
}

.font-size-16
{
   font-size: 1.143rem !important;
}

.font-size-18
{
   font-size: 1.286rem !important;
}

.font-size-20
{
   font-size: 1.429rem !important;
}

.font-size-24
{
   font-size: 1.714rem !important;
}

.font-size-26
{
   font-size: 1.857rem !important;
}

.font-size-30
{
   font-size: 2.143rem !important;
   line-height: 1.2;
}

.font-size-40
{
   font-size: 2.857rem !important;
   line-height: 1.2;
}

.font-size-50
{
   font-size: 3.571rem !important;
   line-height: 1.2;
}

.font-size-60
{
   font-size: 4.286rem !important;
   line-height: 1.2;
}

.font-size-70
{
   font-size: 5rem !important;
   line-height: 1.2;
}

.font-size-80
{
   font-size: 5.714rem !important;
   line-height: 1.2;
}

.m-0
{
   margin: 0 !important;
}

.mt-0
{
   margin-top: 0 !important;
}

.mr-0
{
   margin-right: 0 !important;
}

.mb-0
{
   margin-bottom: 0 !important;
}

.ml-0
{
   margin-left: 0 !important;
}

.mx-0
{
   margin-right: 0 !important;
   margin-left: 0 !important;
}

.my-0
{
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}

.m-3
{
   margin: 3px !important;
}

.mt-3
{
   margin-top: 3px !important;
}

.mr-3
{
   margin-right: 3px !important;
}

.mb-3
{
   margin-bottom: 3px !important;
}

.ml-3
{
   margin-left: 3px !important;
}

.mx-3
{
   margin-right: 3px !important;
   margin-left: 3px !important;
}

.my-3
{
   margin-top: 3px !important;
   margin-bottom: 3px !important;
}

.m-5
{
   margin: 5px !important;
}

.mt-5
{
   margin-top: 5px !important;
}

.mr-5
{
   margin-right: 5px !important;
}

.mb-5
{
   margin-bottom: 5px !important;
}

.ml-5
{
   margin-left: 5px !important;
}

.mx-5
{
   margin-right: 5px !important;
   margin-left: 5px !important;
}

.my-5
{
   margin-top: 5px !important;
   margin-bottom: 5px !important;
}

.m-10
{
   margin: 10px !important;
}

.mt-10
{
   margin-top: 10px !important;
}

.mr-10
{
   margin-right: 10px !important;
}

.mb-10
{
   margin-bottom: 10px !important;
}

.ml-10
{
   margin-left: 10px !important;
}

.mx-10
{
   margin-right: 10px !important;
   margin-left: 10px !important;
}

.my-10
{
   margin-top: 10px !important;
   margin-bottom: 10px !important;
}

.m-15
{
   margin: 15px !important;
}

.mt-15
{
   margin-top: 15px !important;
}

.mr-15
{
   margin-right: 15px !important;
}

.mb-15
{
   margin-bottom: 15px !important;
}

.ml-15
{
   margin-left: 15px !important;
}

.mx-15
{
   margin-right: 15px !important;
   margin-left: 15px !important;
}

.my-15
{
   margin-top: 15px !important;
   margin-bottom: 15px !important;
}

.m-20
{
   margin: 20px !important;
}

.mt-20
{
   margin-top: 20px !important;
}

.mr-20
{
   margin-right: 20px !important;
}

.mb-20
{
   margin-bottom: 20px !important;
}

.ml-20
{
   margin-left: 20px !important;
}

.mx-20
{
   margin-right: 20px !important;
   margin-left: 20px !important;
}

.my-20
{
   margin-top: 20px !important;
   margin-bottom: 20px !important;
}

.m-25
{
   margin: 25px !important;
}

.mt-25
{
   margin-top: 25px !important;
}

.mr-25
{
   margin-right: 25px !important;
}

.mb-25
{
   margin-bottom: 25px !important;
}

.ml-25
{
   margin-left: 25px !important;
}

.mx-25
{
   margin-right: 25px !important;
   margin-left: 25px !important;
}

.my-25
{
   margin-top: 25px !important;
   margin-bottom: 25px !important;
}

.m-30
{
   margin: 30px !important;
}

.mt-30
{
   margin-top: 30px !important;
}

.mr-30
{
   margin-right: 30px !important;
}

.mb-30
{
   margin-bottom: 30px !important;
}

.ml-30
{
   margin-left: 30px !important;
}

.mx-30
{
   margin-right: 30px !important;
   margin-left: 30px !important;
}

.my-30
{
   margin-top: 30px !important;
   margin-bottom: 30px !important;
}

.m-35
{
   margin: 35px !important;
}

.mt-35
{
   margin-top: 35px !important;
}

.mr-35
{
   margin-right: 35px !important;
}

.mb-35
{
   margin-bottom: 35px !important;
}

.ml-35
{
   margin-left: 35px !important;
}

.mx-35
{
   margin-right: 35px !important;
   margin-left: 35px !important;
}

.my-35
{
   margin-top: 35px !important;
   margin-bottom: 35px !important;
}

.m-40
{
   margin: 40px !important;
}

.mt-40
{
   margin-top: 40px !important;
}

.mr-40
{
   margin-right: 40px !important;
}

.mb-40
{
   margin-bottom: 40px !important;
}

.ml-40
{
   margin-left: 40px !important;
}

.mx-40
{
   margin-right: 40px !important;
   margin-left: 40px !important;
}

.my-40
{
   margin-top: 40px !important;
   margin-bottom: 40px !important;
}

.m-45
{
   margin: 45px !important;
}

.mt-45
{
   margin-top: 45px !important;
}

.mr-45
{
   margin-right: 45px !important;
}

.mb-45
{
   margin-bottom: 45px !important;
}

.ml-45
{
   margin-left: 45px !important;
}

.mx-45
{
   margin-right: 45px !important;
   margin-left: 45px !important;
}

.my-45
{
   margin-top: 45px !important;
   margin-bottom: 45px !important;
}

.m-50
{
   margin: 50px !important;
}

.mt-50
{
   margin-top: 50px !important;
}

.mr-50
{
   margin-right: 50px !important;
}

.mb-50
{
   margin-bottom: 50px !important;
}

.ml-50
{
   margin-left: 50px !important;
}

.mx-50
{
   margin-right: 50px !important;
   margin-left: 50px !important;
}

.my-50
{
   margin-top: 50px !important;
   margin-bottom: 50px !important;
}

.m-60
{
   margin: 60px !important;
}

.mt-60
{
   margin-top: 60px !important;
}

.mr-60
{
   margin-right: 60px !important;
}

.mb-60
{
   margin-bottom: 60px !important;
}

.ml-60
{
   margin-left: 60px !important;
}

.mx-60
{
   margin-right: 60px !important;
   margin-left: 60px !important;
}

.my-60
{
   margin-top: 60px !important;
   margin-bottom: 60px !important;
}

.m-70
{
   margin: 70px !important;
}

.mt-70
{
   margin-top: 70px !important;
}

.mr-70
{
   margin-right: 70px !important;
}

.mb-70
{
   margin-bottom: 70px !important;
}

.ml-70
{
   margin-left: 70px !important;
}

.mx-70
{
   margin-right: 70px !important;
   margin-left: 70px !important;
}

.my-70
{
   margin-top: 70px !important;
   margin-bottom: 70px !important;
}

.m-80
{
   margin: 80px !important;
}

.mt-80
{
   margin-top: 80px !important;
}

.mr-80
{
   margin-right: 80px !important;
}

.mb-80
{
   margin-bottom: 80px !important;
}

.ml-80
{
   margin-left: 80px !important;
}

.mx-80
{
   margin-right: 80px !important;
   margin-left: 80px !important;
}

.my-80
{
   margin-top: 80px !important;
   margin-bottom: 80px !important;
}

.p-0
{
   padding: 0 !important;
}

.pt-0
{
   padding-top: 0 !important;
}

.pr-0
{
   padding-right: 0 !important;
}

.pb-0
{
   padding-bottom: 0 !important;
}

.pl-0
{
   padding-left: 0 !important;
}

.px-0
{
   padding-right: 0 !important;
   padding-left: 0 !important;
}

.py-0
{
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

.p-3
{
   padding: 3px !important;
}

.pt-3
{
   padding-top: 3px !important;
}

.pr-3
{
   padding-right: 3px !important;
}

.pb-3
{
   padding-bottom: 3px !important;
}

.pl-3
{
   padding-left: 3px !important;
}

.px-3
{
   padding-right: 3px !important;
   padding-left: 3px !important;
}

.py-3
{
   padding-top: 3px !important;
   padding-bottom: 3px !important;
}

.p-5
{
   padding: 5px !important;
}

.pt-5
{
   padding-top: 5px !important;
}

.pr-5
{
   padding-right: 5px !important;
}

.pb-5
{
   padding-bottom: 5px !important;
}

.pl-5
{
   padding-left: 5px !important;
}

.px-5
{
   padding-right: 5px !important;
   padding-left: 5px !important;
}

.py-5
{
   padding-top: 5px !important;
   padding-bottom: 5px !important;
}

.p-10
{
   padding: 10px !important;
}

.pt-10
{
   padding-top: 10px !important;
}

.pr-10
{
   padding-right: 10px !important;
}

.pb-10
{
   padding-bottom: 10px !important;
}

.pl-10
{
   padding-left: 10px !important;
}

.px-10
{
   padding-right: 10px !important;
   padding-left: 10px !important;
}

.py-10
{
   padding-top: 10px !important;
   padding-bottom: 10px !important;
}

.p-15
{
   padding: 15px !important;
}

.pt-15
{
   padding-top: 15px !important;
}

.pr-15
{
   padding-right: 15px !important;
}

.pb-15
{
   padding-bottom: 15px !important;
}

.pl-15
{
   padding-left: 15px !important;
}

.px-15
{
   padding-right: 15px !important;
   padding-left: 15px !important;
}

.py-15
{
   padding-top: 15px !important;
   padding-bottom: 15px !important;
}

.p-20
{
   padding: 20px !important;
}

.pt-20
{
   padding-top: 20px !important;
}

.pr-20
{
   padding-right: 20px !important;
}

.pb-20
{
   padding-bottom: 20px !important;
}

.pl-20
{
   padding-left: 20px !important;
}

.px-20
{
   padding-right: 20px !important;
   padding-left: 20px !important;
}

.py-20
{
   padding-top: 20px !important;
   padding-bottom: 20px !important;
}

.p-25
{
   padding: 25px !important;
}

.pt-25
{
   padding-top: 25px !important;
}

.pr-25
{
   padding-right: 25px !important;
}

.pb-25
{
   padding-bottom: 25px !important;
}

.pl-25
{
   padding-left: 25px !important;
}

.px-25
{
   padding-right: 25px !important;
   padding-left: 25px !important;
}

.py-25
{
   padding-top: 25px !important;
   padding-bottom: 25px !important;
}

.p-30
{
   padding: 30px !important;
}

.pt-30
{
   padding-top: 30px !important;
}

.pr-30
{
   padding-right: 30px !important;
}

.pb-30
{
   padding-bottom: 30px !important;
}

.pl-30
{
   padding-left: 30px !important;
}

.px-30
{
   padding-right: 30px !important;
   padding-left: 30px !important;
}

.py-30
{
   padding-top: 30px !important;
   padding-bottom: 30px !important;
}

.p-35
{
   padding: 35px !important;
}

.pt-35
{
   padding-top: 35px !important;
}

.pr-35
{
   padding-right: 35px !important;
}

.pb-35
{
   padding-bottom: 35px !important;
}

.pl-35
{
   padding-left: 35px !important;
}

.px-35
{
   padding-right: 35px !important;
   padding-left: 35px !important;
}

.py-35
{
   padding-top: 35px !important;
   padding-bottom: 35px !important;
}

.p-40
{
   padding: 40px !important;
}

.pt-40
{
   padding-top: 40px !important;
}

.pr-40
{
   padding-right: 40px !important;
}

.pb-40
{
   padding-bottom: 40px !important;
}

.pl-40
{
   padding-left: 40px !important;
}

.px-40
{
   padding-right: 40px !important;
   padding-left: 40px !important;
}

.py-40
{
   padding-top: 40px !important;
   padding-bottom: 40px !important;
}

.p-45
{
   padding: 45px !important;
}

.pt-45
{
   padding-top: 45px !important;
}

.pr-45
{
   padding-right: 45px !important;
}

.pb-45
{
   padding-bottom: 45px !important;
}

.pl-45
{
   padding-left: 45px !important;
}

.px-45
{
   padding-right: 45px !important;
   padding-left: 45px !important;
}

.py-45
{
   padding-top: 45px !important;
   padding-bottom: 45px !important;
}

.p-50
{
   padding: 50px !important;
}

.pt-50
{
   padding-top: 50px !important;
}

.pr-50
{
   padding-right: 50px !important;
}

.pb-50
{
   padding-bottom: 50px !important;
}

.pl-50
{
   padding-left: 50px !important;
}

.px-50
{
   padding-right: 50px !important;
   padding-left: 50px !important;
}

.py-50
{
   padding-top: 50px !important;
   padding-bottom: 50px !important;
}

.p-60
{
   padding: 60px !important;
}

.pt-60
{
   padding-top: 60px !important;
}

.pr-60
{
   padding-right: 60px !important;
}

.pb-60
{
   padding-bottom: 60px !important;
}

.pl-60
{
   padding-left: 60px !important;
}

.px-60
{
   padding-right: 60px !important;
   padding-left: 60px !important;
}

.py-60
{
   padding-top: 60px !important;
   padding-bottom: 60px !important;
}

.p-70
{
   padding: 70px !important;
}

.pt-70
{
   padding-top: 70px !important;
}

.pr-70
{
   padding-right: 70px !important;
}

.pb-70
{
   padding-bottom: 70px !important;
}

.pl-70
{
   padding-left: 70px !important;
}

.px-70
{
   padding-right: 70px !important;
   padding-left: 70px !important;
}

.py-70
{
   padding-top: 70px !important;
   padding-bottom: 70px !important;
}

.p-80
{
   padding: 80px !important;
}

.pt-80
{
   padding-top: 80px !important;
}

.pr-80
{
   padding-right: 80px !important;
}

.pb-80
{
   padding-bottom: 80px !important;
}

.pl-80
{
   padding-left: 80px !important;
}

.px-80
{
   padding-right: 80px !important;
   padding-left: 80px !important;
}

.py-80
{
   padding-top: 80px !important;
   padding-bottom: 80px !important;
}

.m-auto
{
   margin: auto !important;
}

.mt-auto
{
   margin-top: auto !important;
}

.mr-auto
{
   margin-right: auto !important;
}

.mb-auto
{
   margin-bottom: auto !important;
}

.ml-auto
{
   margin-left: auto !important;
}

.mx-auto
{
   margin-right: auto !important;
   margin-left: auto !important;
}

.my-auto
{
   margin-top: auto !important;
   margin-bottom: auto !important;
}
.b-0 {
   border-width: 0px !important;
   border-style: solid !important;
   border-color: #ebebeb;
}

.bt-0 {
   border-top: 0px solid #ebebeb !important;
}

.br-0 {
   border-right: 0px solid #ebebeb !important;
}

.bb-0 {
   border-bottom: 0px solid #ebebeb !important;
}

.bl-0 {
   border-left: 0px solid #ebebeb !important;
}

.bx-0 {
   border-right: 0px solid #ebebeb !important;
   border-left: 0px solid #ebebeb !important;
}

.by-0 {
   border-top: 0px solid #ebebeb !important;
   border-bottom: 0px solid #ebebeb !important;
}

.b-1 {
   border: 1px solid #ebebeb !important;
}

.bt-1 {
   border-top: 1px solid #ebebeb !important;
}

.br-1 {
   border-right: 1px solid #ebebeb !important;
}

.bb-1 {
   border-bottom: 1px solid #ebebeb !important;
}

.bl-1 {
   border-left: 1px solid #ebebeb !important;
}

.bx-1 {
   border-right: 1px solid #ebebeb !important;
   border-left: 1px solid #ebebeb !important;
}

.by-1 {
   border-top: 1px solid #ebebeb !important;
   border-bottom: 1px solid #ebebeb !important;
}

.b-2 {
   border: 2px solid #ebebeb !important;
}

.bt-2 {
   border-top: 2px solid #ebebeb !important;
}

.br-2 {
   border-right: 2px solid #ebebeb !important;
}

.bb-2 {
   border-bottom: 2px solid #ebebeb !important;
}

.bl-2 {
   border-left: 2px solid #ebebeb !important;
}

.bx-2 {
   border-right: 2px solid #ebebeb !important;
   border-left: 2px solid #ebebeb !important;
}

.by-2 {
   border-top: 2px solid #ebebeb !important;
   border-bottom: 2px solid #ebebeb !important;
}

.b-3 {
   border: 3px solid #ebebeb !important;
}

.bt-3 {
   border-top: 3px solid #ebebeb !important;
}

.br-3 {
   border-right: 3px solid #ebebeb !important;
}

.bb-3 {
   border-bottom: 3px solid #ebebeb !important;
}

.bl-3 {
   border-left: 3px solid #ebebeb !important;
}

.bx-3 {
   border-right: 3px solid #ebebeb !important;
   border-left: 3px solid #ebebeb !important;
}

.by-3 {
   border-top: 3px solid #ebebeb !important;
   border-bottom: 3px solid #ebebeb !important;
}

/* Modal Extended*/

.modal{
   z-index: 9999;
}
.modal-left .modal-content {
   height: 100%;
   display: -webkit-box;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-direction: column;
   border-radius: 0;
}
.modal.fade.modal-left .modal-dialog {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 360px;
   max-width: 100%;
   margin: 0;
   -webkit-transform: translate(-100%, 0);
   transform: translate(-100%, 0);
   -webkit-transition: .5s;
   transition: .5s;
}
.modal.fade.modal-left.show .modal-dialog {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
}

.center-modal.show {
   -webkit-transform: scale(1);
   transform: scale(1);
}
.center-modal {
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transition: .4s;
   transition: .4s;
}
.modal.fade.center-modal .modal-dialog {
   margin: 0;
   width: 100%;
   position: absolute;
   bottom: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, 50%);
   transform: translate(-50%, 50%);
}

.modal-fill.show {
   display: -webkit-box !important;
   display: flex !important;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-flow: column nowrap;
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
   -webkit-transition: .4s;
   transition: .4s;
}
.modal-fill .modal-dialog {
   display: -webkit-box;
   display: flex;
   max-width: 100%;
   width: 100%;
   height: 100%;
   margin: 0;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-flow: column nowrap;
   align-content: center;
   -webkit-box-align: center;
   align-items: center;
}
.modal-fill .modal-content {
   background: rgba(255, 255, 255, 0.97);
   width: 100%;
   max-width: 600px;
   box-shadow:none;
}
.modal-fill {
   background: rgba(255, 255, 255, 0.97);
   -webkit-transform: scale(0, 0);
   transform: scale(0, 0);
   -webkit-transition: .4s;
   transition: .4s;
}
.modal.modal-fill{
   background: rgba(255, 255, 255, 0.97);
}

.modal-fill .modal-header .close {
   position: fixed;
   top: 0;
   right: 0;
   padding: 20px;
   font-size: 2.5rem;
   font-weight: 300;
}
.modal-fill .modal-header {
   border-bottom: none;
}
.modal-fill .modal-footer {
   border: none;
}


.modal.fade.modal-right.show .modal-dialog {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
}
.modal.fade.modal-right .modal-dialog {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 360px;
   max-width: 100%;
   margin: 0;
   -webkit-transform: translate(100%, 0);
   transform: translate(100%, 0);
   -webkit-transition: .5s;
   transition: .5s;
}
.modal-right .modal-content {
   height: 100%;
   display: -webkit-box;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-direction: column;
   border-radius: 0;
}

@media (min-width: 480px)
{
   .modal-dialog
   {
      margin: 30px;
   }
}

@media (min-width: 768px)
{
   .modal-dialog
   {
      width: 600px;
      margin: 30px auto;
   }
   .modal-sm
   {
      width: 300px;
   }
}

@media (min-width: 992px)
{
   .modal-lg
   {
      width: 900px;
   }
}

.modal-top
{
   margin: 0 auto;
}

.modal-center
{
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -webkit-box;
   display:         flex;

   height: 100%;
   margin: 0 auto;

   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-flex-flow: column nowrap;
   -ms-flex-flow: column nowrap;
   flex-flow: column nowrap;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: center;
   align-content: center;
}

.modal-bottom
{
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -webkit-box;
   display:         flex;

   height: 100%;
   margin: 0 auto;

   -webkit-justify-content: flex-end;
   -ms-flex-pack: end;
   -webkit-box-pack: end;
   justify-content: flex-end;
   -webkit-flex-flow: column nowrap;
   -ms-flex-flow: column nowrap;
   flex-flow: column nowrap;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: center;
   align-content: center;
}

.modal-sidebar
{
   position: absolute;
   right: 0;

   display: -ms-flexbox;
   display: -webkit-flex;
   display: -webkit-box;
   display:         flex;

   height: 100%;
   margin: 0;

   background-color: #fff;

   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-flex-flow: column nowrap;
   -ms-flex-flow: column nowrap;
   flex-flow: column nowrap;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: center;
   align-content: center;
}
.modal-sidebar .modal-content
{
   overflow-x: hidden;
   overflow-y: auto;

   border-radius: 0;
   background-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.modal-sidebar .modal-header
{
   border-bottom: none;
}
.modal-sidebar .modal-footer
{
   border-top: none;

   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.modal-sidebar button.close
{
   position: fixed;
   z-index: 1;
   top: 20px;
   right: 20px;
}

.modal.fade .modal-dialog.modal-sidebar
{
   -webkit-transform: translate(25%, 0px);
   -ms-transform: translate(25%, 0px);
   -o-transform: translate(25%, 0px);
   transform: translate(25%, 0px);
}

.modal.show .modal-dialog.modal-sidebar
{
   -webkit-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}

.modal-fill-in
{
   background-color: transparent;
}
.modal-fill-in.show
{
   opacity: 1;
   background-color: rgba(255, 255, 255, .95);
}
.modal-fill-in .modal-dialog
{
   display: -ms-flexbox;
   display: -webkit-flex;
   display: -webkit-box;
   display:         flex;

   max-width: 100%;
   height: 100%;
   margin: 0 auto;

   -webkit-justify-content: center;
   -ms-flex-pack: center;
   -webkit-box-pack: center;
   justify-content: center;
   -webkit-flex-flow: column nowrap;
   -ms-flex-flow: column nowrap;
   flex-flow: column nowrap;
   -webkit-align-content: stretch;
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   -webkit-box-align: center;
   align-items: center;
}
@media (min-width: 768px)
{
   .modal-fill-in .modal-dialog > *
   {
      width: 600px;
   }
   .modal-fill-in .modal-dialog.modal-sm > *
   {
      width: 300px;
   }
   .modal-fill-in .modal-dialog button.close
   {
      position: fixed;
      z-index: 1;
      top: 20px;
      right: 20px;

      -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
      transform: translate(0%, 0%);

      opacity: .5;
   }
}
@media (min-width: 992px)
{
   .modal-fill-in .modal-dialog.modal-lg > *
   {
      width: 900px;
   }
}
.modal-fill-in .modal-content
{
   border-radius: 0;
   background-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.modal-fill-in .modal-header {
   border-bottom: none;
}
.modal-fill-in .modal-footer
{
   border-top: none;
}

.modal-primary .modal-header
{
   border-radius: 0;
   background-color: #3aa0dc;
}
.modal-primary .modal-header *
{
   color: #fff;
}
.modal-primary .modal-header .close
{
   opacity: .6;
}

.modal-success .modal-header
{
   border-radius: 0;
   background-color: #4caf50;
}
.modal-success .modal-header *
{
   color: #fff;
}
.modal-success .modal-header .close
{
   opacity: .6;
}

.modal-info .modal-header
{
   border-radius: 0;
   background-color: #00bcd4;
}
.modal-info .modal-header *
{
   color: #fff;
}
.modal-info .modal-header .close
{
   opacity: .6;
}

.modal-warning .modal-header
{
   border-radius: 0;
   background-color: #ff9800;
}
.modal-warning .modal-header *
{
   color: #fff;
}
.modal-warning .modal-header .close
{
   opacity: .6;
}

.modal-danger .modal-header
{
   border-radius: 0;
   background-color: #f44336;
}
.modal-danger .modal-header *
{
   color: #fff;
}
.modal-danger .modal-header .close
{
   opacity: .6;
}

.modal.modal-fade-in-scale-up .modal-dialog
{
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   -webkit-transform: scale(.7);
   -ms-transform: scale(.7);
   -o-transform: scale(.7);
   transform: scale(.7);
   opacity: 0;
}

.modal.modal-fade-in-scale-up.show .modal-dialog
{
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);
   opacity: 1;
}

.modal.modal-slide-in-right .modal-dialog
{
   -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9) 0s;
   -o-transition: all .3s cubic-bezier(.25, .5, .5, .9) 0s;
   transition: all .3s cubic-bezier(.25, .5, .5, .9) 0s;
   -webkit-transform: translate(20%, 0%);
   -ms-transform: translate(20%, 0%);
   -o-transform: translate(20%, 0%);
   transform: translate(20%, 0%);

   opacity: 0;
}

.modal.modal-slide-in-right.show .modal-dialog
{
   -webkit-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   transform: translate(0px, 0px);

   opacity: 1;
}

.modal.modal-slide-from-bottom .modal-dialog
{
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   -webkit-transform: translate(0%, 20%);
   -ms-transform: translate(0%, 20%);
   -o-transform: translate(0%, 20%);
   transform: translate(0%, 20%);

   opacity: 0;
}

.modal.modal-slide-from-bottom.show .modal-dialog
{
   -webkit-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   transform: translate(0px, 0px);

   opacity: 1;
}

.modal.modal-newspaper .modal-dialog
{
   -webkit-transition: all .5s ease 0s;
   -o-transition: all .5s ease 0s;
   transition: all .5s ease 0s;
   -webkit-transform: scale(0) rotate(720deg);
   -ms-transform: scale(0) rotate(720deg);
   -o-transform: scale(0) rotate(720deg);
   transform: scale(0) rotate(720deg);

   opacity: 0;
}

.modal.modal-newspaper.show .modal-dialog
{
   -webkit-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);

   opacity: 1;
}

.modal.modal-fall
{
   -webkit-perspective: 1300px;
   perspective: 1300px;
}
.modal.modal-fall .modal-dialog
{
   -webkit-transform: translateZ(600px) rotateX(20deg);
   transform: translateZ(600px) rotateX(20deg);

   opacity: 0;

   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.modal.modal-fall.show .modal-dialog
{
   -webkit-transition: all .3s ease-in 0s;
   -o-transition: all .3s ease-in 0s;
   transition: all .3s ease-in 0s;
   -webkit-transform: translateZ(0px) rotateX(0deg);
   transform: translateZ(0px) rotateX(0deg);

   opacity: 1;
}

.modal.modal-side-fall
{
   -webkit-perspective: 1300px;
   perspective: 1300px;
}
.modal.modal-side-fall .modal-dialog
{
   -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
   transform: translate(30%) translateZ(600px) rotate(10deg);

   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.modal.modal-side-fall.show .modal-dialog
{
   -webkit-transition: all .3s ease-in 0s;
   -o-transition: all .3s ease-in 0s;
   transition: all .3s ease-in 0s;
   -webkit-transform: translate(0%) translateZ(0px) rotate(0deg);
   transform: translate(0%) translateZ(0px) rotate(0deg);
}

.modal.modal-3d-flip-horizontal
{
   -webkit-perspective: 1300px;
   perspective: 1300px;
}
.modal.modal-3d-flip-horizontal .modal-dialog
{
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   -webkit-transform: rotateY(-70deg);
   transform: rotateY(-70deg);

   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.modal.modal-3d-flip-horizontal.show .modal-dialog
{
   -webkit-transform: rotateY(0deg);
   transform: rotateY(0deg);
}

.modal.modal-3d-flip-vertical
{
   -webkit-perspective: 1300px;
   perspective: 1300px;
}
.modal.modal-3d-flip-vertical .modal-dialog
{
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   -webkit-transform: rotateX(-70deg);
   transform: rotateX(-70deg);

   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.modal.modal-3d-flip-vertical.show .modal-dialog
{
   -webkit-transform: rotateX(0deg);
   transform: rotateX(0deg);
}

.modal.modal-3d-sign
{
   -webkit-perspective: 1300px;
   perspective: 1300px;
}
.modal.modal-3d-sign .modal-dialog
{
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   -webkit-transform: rotateX(-60deg);
   transform: rotateX(-60deg);
   -webkit-transform-origin: 50% 0 0;
   -ms-transform-origin: 50% 0 0;
   -o-transform-origin: 50% 0 0;
   transform-origin: 50% 0 0;

   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.modal.modal-3d-sign.show .modal-dialog
{
   -webkit-transform: rotateX(0deg);
   transform: rotateX(0deg);
}

.modal.modal-super-scaled .modal-dialog
{
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   -webkit-transform: scale(2);
   -ms-transform: scale(2);
   -o-transform: scale(2);
   transform: scale(2);

   opacity: 0;
}

.modal.modal-super-scaled.show .modal-dialog
{
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);

   opacity: 1;
}

.modal.modal-just-me .modal-dialog
{
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   -webkit-transform: scale(.8);
   -ms-transform: scale(.8);
   -o-transform: scale(.8);
   transform: scale(.8);

   opacity: 0;
}

.modal.modal-just-me .modal-backdrop
{
   background-color: #fff;
}

.modal.modal-just-me.show
{
   background: #fff;
}
.modal.modal-just-me.show .modal-dialog
{
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   transform: scale(1);

   opacity: 1;
}
.modal.modal-just-me.show .modal-backdrop
{
   opacity: 1;
}

.modal.modal-3d-slit
{
   -webkit-perspective: 1300px;
   perspective: 1300px;
}
.modal.modal-3d-slit .modal-dialog
{
   -webkit-transition: all .5s ease 0s;
   -o-transition: all .5s ease 0s;
   transition: all .5s ease 0s;
   -webkit-transform: translateZ(-3000px) rotateY(90deg);
   transform: translateZ(-3000px) rotateY(90deg);

   opacity: 0;

   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.modal.modal-3d-slit.show .modal-dialog
{
   -webkit-animation: slit .7s ease-out forwards;
   -o-animation: slit .7s ease-out forwards;
   animation: slit .7s ease-out forwards;
}

.modal.modal-rotate-from-bottom
{
   -webkit-perspective: 1300px;
   perspective: 1300px;
}
.modal.modal-rotate-from-bottom .modal-dialog
{
   -webkit-transition: all .3s ease-out 0s;
   -o-transition: all .3s ease-out 0s;
   transition: all .3s ease-out 0s;
   -webkit-transform: translateY(100%) rotateX(90deg);
   transform: translateY(100%) rotateX(90deg);
   -webkit-transform-origin: 0 100% 0;
   -ms-transform-origin: 0 100% 0;
   -o-transform-origin: 0 100% 0;
   transform-origin: 0 100% 0;

   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.modal.modal-rotate-from-bottom.show .modal-dialog
{
   -webkit-transform: translateY(0%) rotateX(0deg);
   transform: translateY(0%) rotateX(0deg);
}

.modal.modal-rotate-from-left
{
   -webkit-perspective: 1300px;
   perspective: 1300px;
}
.modal.modal-rotate-from-left .modal-dialog
{
   -webkit-transition: all .3s ease-out 0s;
   -o-transition: all .3s ease-out 0s;
   transition: all .3s ease-out 0s;
   -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
   transform: translateZ(100px) translateX(-30%) rotateY(90deg);
   -webkit-transform-origin: 0 100% 0;
   -ms-transform-origin: 0 100% 0;
   -o-transform-origin: 0 100% 0;
   transform-origin: 0 100% 0;

   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
}
.modal.modal-rotate-from-left.show .modal-dialog
{
   -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
   transform: translateZ(0px) translateX(0%) rotateY(0deg);
}

@-webkit-keyframes slit
{
   50%
   {
      -webkit-transform: translateZ(-250px) rotateY(89deg);
      transform: translateZ(-250px) rotateY(89deg);

      opacity: .5;
   }
   100%
   {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      transform: translateZ(0px) rotateY(0deg);

      opacity: 1;
   }
}

@-o-keyframes slit
{
   50%
   {
      transform: translateZ(-250px) rotateY(89deg);

      opacity: .5;
   }
   100%
   {
      transform: translateZ(0px) rotateY(0deg);

      opacity: 1;
   }
}

@keyframes slit
{
   50%
   {
      -webkit-transform: translateZ(-250px) rotateY(89deg);
      transform: translateZ(-250px) rotateY(89deg);

      opacity: .5;
   }
   100%
   {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      transform: translateZ(0px) rotateY(0deg);

      opacity: 1;
   }
}