body {
        background-color: #f1f1f1;
        font-family: 'Roboto', sans-serif !important;
}

.color-1 {
        color: #112031;
}

.shadow {
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.center-v-h {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.textbox {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
        padding: 20px !important;
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        box-sizing: border-box  !important;
        outline: none  !important;
        border: 1px solid lightgray  !important;
        background-color: #fff  !important;
        box-shadow:  none !important;
}

.textbox.invalid + .label {
        display: inline-block;
        opacity: 1;
        font-size: 10px;
        transition: all 0.4s ease-in-out;
}

.textbox:focus {
        box-shadow: none !important;
}

.table-default {
        border-spacing:0px;
        font-size: 14px;
        background-color: #fff;
        color: #345B63;
}

.table-default thead tr {
        background: #F8F8F8;
}

.table-default thead td, tbody td {
        padding: 20px !important;
}

.table-default .url  {
        background-color: #f3f9f5;
        padding: 5px 15px 5px 15px;
        border-radius: 3px;
}

.modal
{
    width: 47% !important;
    overflow-y: initial;
    opacity: 0;
    background-color: #808080;
    box-shadow: initial;
}

.form
{
        padding: 60px 50px 20px 50px;
        border: solid 1px #efefef;
        border-radius: 5px;
        font-family: 'Roboto', sans-serif;
        box-shadow: 2px 5px 25px #efefef;
        background-color: #fff;
}

.form .title {
        margin: 0 !important;
        padding: 0 !important;
        color:  #112031;
}

.form .description {
        font-size: 14px;
        color:  #112031;
        margin-bottom: 20px;
}

.btn-default, .btn-default:focus, .btn-gray, .btn-gray:focus {
        justify-content: center;
        padding: 13px 48px 14px 48px !important;
        background-color: #112031;
        color: #fff;
        font-size: 14px;
        text-align: center;
        border-radius: 50px;
        border: 0px;
        cursor: hand; cursor: pointer;
}

.btn-gray, .btn-gray:focus {
        background-color: #b3c1c5;
        color: #112031;
}

.textarea {
        overflow-y: scroll;
        height: 100px;
        resize: none;
}

@media only screen and (max-width:900px) {

        body {
                background-color: #fff !important;
        }

        .container {
                width: 100% !important;
                margin: 0 !important;
        }

        .form {
                position: static !important;
                transform: none;
                margin: 0px !important;
                padding-bottom: 0px !important;
                box-shadow: none !important;
                border: none;
        }

        .btn-default {
                width:  100% !important;
                margin-top: 10px;
        }
        
}

@media only screen and (max-width:1040px) {
        .form .title {
                font-size: 40px;
        }

}

@media only screen and (max-width: 1325px) {

        .sidenav-trigger {
            display: block !important;
        }

        .hide-on-med-and-down
        {
            display: none !important;
        }

        nav 
        {
                text-align: center;
        }
        
}