/*================================================================================ Item Name: Materialize - Material Design Admin Template Version: 3.0 Author: GeeksLabs Author URL: http://www.themeforest.net/user/geekslabs ================================================================================ NOTE: ------ PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS. WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS. */ .m-0 { margin:0!important; } .m-1 { margin:.25rem!important; } .m-2 { margin:.5rem!important; } .m-3 { margin:1rem!important; } .m-4 { margin:1.5rem!important; } .m-5 { margin:3rem!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-left:0 !important;margin-right:0 !important; } .my-0 { margin-top:0!important;margin-bottom:0!important; } .mt-1 { margin-top:.25rem!important; } .mr-1 { margin-right:.25rem!important; } .mb-1 { margin-bottom:.25rem!important; } .ml-1 { margin-left:.25rem!important; } .mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; } .my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; } .mt-2 { margin-top:.5rem!important; } .mr-2 { margin-right:.5rem!important; } .mb-2 { margin-bottom:.5rem!important; } .ml-2 { margin-left:.5rem!important; } .mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; } .my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; } .mt-3 { margin-top:1rem!important; } .mr-3 { margin-right:1rem!important; } .mb-3 { margin-bottom:1rem!important; } .ml-3 { margin-left:1rem!important; } .mx-3 { margin-right:1rem!important;margin-left:1rem!important; } .my-3 { margin-bottom:1rem!important;margin-top:1rem!important; } .mt-4 { margin-top:1.5rem!important; } .mr-4 { margin-right:1.5rem!important; } .mb-4 { margin-bottom:1.5rem!important; } .ml-4 { margin-left:1.5rem!important; } .mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; } .my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; } .mt-5 { margin-top:3rem!important; } .mr-5 { margin-right:3rem!important; } .mb-5 { margin-bottom:3rem!important; } .ml-5 { margin-left:3rem!important; } .mx-5 { margin-right:3rem!important;margin-left:3rem!important; } .my-5 { margin-top:3rem!important;margin-bottom:3rem!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-bottom:auto!important;margin-top:auto!important; } .p-0 { padding:0!important; } .p-1 { padding:.25rem!important; } .p-2 { padding:.5rem!important; } .p-3 { padding:1rem!important; } .p-4 { padding:1.5rem!important; } .p-5 { padding:3rem!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-left:0!important;padding-right:0!important; } .py-0 { padding-top:0!important;padding-bottom:0!important; } .pt-1 { padding-top:.25rem!important; } .pr-1 { padding-right:.25rem!important; } .pb-1 { padding-bottom:.25rem!important; } .pl-1 { padding-left:.25rem!important; } .px-1 { padding-left:.25rem!important;padding-right:.25rem!important; } .py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; } .pt-2 { padding-top:.5rem!important; } .pr-2 { padding-right:.5rem!important; } .pb-2 { padding-bottom:.5rem!important; } .pl-2 { padding-left:.5rem!important; } .px-2 { padding-right:.5rem!important;padding-left:.5rem!important; } .py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; } .pt-3 { padding-top:1rem!important; } .pr-3 { padding-right:1rem!important; } .pb-3 { padding-bottom:1rem!important; } .pl-3 { padding-left:1rem!important; } .py-3 { padding-bottom:1rem!important;padding-top:1rem!important; } .px-3 { padding-right:1rem!important;padding-left:1rem!important; } .pt-4 { padding-top:1.5rem!important; } .pr-4 { padding-right:1.5rem!important; } .pb-4 { padding-bottom:1.5rem!important; } .pl-4 { padding-left:1.5rem!important; } .px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; } .py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; } .pt-5 { padding-top:3rem!important; } .pr-5 { padding-right:3rem!important; } .pb-5 { padding-bottom:3rem!important; } .pl-5 { padding-left:3rem!important; } .px-5 { padding-right:3rem!important;padding-left:3rem!important; } .py-5 { padding-top:3rem!important;padding-bottom:3rem!important; } .alert-danger{ padding: 10px; color: #856404; background-color:#fff3cd ; border-color: #fff3cd; border-radius: 10px; } .alert-warning{ padding: 10px; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; border-radius: 10px; } .btn { background-color: #424242; } .btn:hover { background-color: #212121; } #toast-container { top: auto !important; right: auto !important; bottom: 10%; left:7%; } .input-field input[type=text] + label, .materialize-textarea:focus:not([readonly]) + label { color: #1a237e !important; } .input-field input[type=text], .materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #1a237e !important; box-shadow: 0 1px 0 0 #1a237e !important; } .input-field input[type=text]:focus + label, .materialize-textarea:focus:not([readonly]) + label { color: #b71c1c !important; } .input-field input[type=text]:focus, .materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #b71c1c !important; box-shadow: 0 1px 0 0 #b71c1c !important; } /*gif loading request*/ #formloader { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; background: rgba(0,0,0,0.75) url(https://c.tenor.com/I6kN-6X7nhAAAAAj/loading-buffering.gif) no-repeat center center; background-size: 50px 50px; z-index: 10000; }