/*Universal Styling*/
img {
    max-width: 100%;
    height: auto;
}
.container{
    width:100%;
    max-width: 1240px;
    margin-right:auto;
    margin-left:auto
}

.container .table-heading{
    text-align: center;
    text-transform: uppercase;
    font-size: 35px;
}
/*End Of Universal Styling*/

/*Button Styling*/
.btn{
    width: 320px;
    display: inline-block;
    font-weight: 500;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    border:1px solid transparent;
    padding: 10px;
    margin: 10px;
    font-size: 1rem;
    line-height: 1;
    border-radius:.75rem;
    text-transform: uppercase;
    background: #1995ff;
    box-shadow: 2px 2px 3px #9e9e9e;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn:hover,
.btn:focus {
    cursor: pointer;
    color:#fff;
    font-weight: 750;
    background: #378bb8;
    box-shadow: 2px 2px 3px #000;
    transition: 0.5s;
}

.btn-cancel{
    width: 320px;    
    columns: #000;
    display: inline-block;
    font-weight: 500;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    border:1px solid transparent;
    padding: 10px;
    margin: 10px;
    font-size: 1rem;
    line-height: 1;
    border-radius:.75rem;
    text-transform: uppercase;
    background: #e91818;
    box-shadow: 2px 2px 3px #9e9e9e;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-cancel:hover,
.btn-cancel:focus{
    cursor: pointer;
    color:#fff;
    font-weight: 750;
    background: #ce2f2f;
    box-shadow: 2px 2px 3px #000;
    transition: 0.5s;
}

.btn-danger{
    color: #fff;
    width: 75px;
    display: inline-block;
    font-weight: 400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    border:1px solid transparent;
    padding: 5px;
    margin: 2.5px;
    font-size: 1rem;
    line-height: 1;
    border-radius:.75rem;
    text-transform: uppercase;
    background: #e91818;
    box-shadow: 2px 2px 3px #9e9e9e;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-danger:hover{
    cursor: pointer;
    color:#000;
    font-weight: 700;
    background: #ce2f2f;
    box-shadow: 2px 2px 3px #000;
    transition: 0.5s;
}

.btn-danger.focus,.btn-danger:focus{
    background: #ff6347;
    box-shadow: 2px 2px 3px #000;
    transition: 0.5s;
}

.btn-success{
    color: #fff;
    width: 75px;
    display: inline-block;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    border:1px solid transparent;
    padding: 5px;
    margin: 2.5px;
    font-size: 1rem;
    line-height: 1;
    border-radius:.75rem;
    text-transform: uppercase;
    background: #1995ff;
    box-shadow: 2px 2px 3px #9e9e9e;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.btn-success:hover{
    cursor: pointer;
    color:#000;
    background: #99efff;
    box-shadow: 2px 2px 3px #000;
    transition: 0.5s;
}

.btn-success.focus,.btn-success:focus{
    background: #99efff;
    box-shadow: 2px 2px 3px #000;
    transition: 0.5s;
}
/*End of Button Styling*/

/*Table Styling*/
.table{
    width:100%;
    max-width:100%;
    margin-bottom:1rem;
    background-color:transparent
}

.table td,.table th{
    padding:.75rem;
    vertical-align:top;
    border-top:1px solid #dee2e6;
}

.table thead th{
    vertical-align:bottom;
    border-bottom:2px solid #dee2e6;
}

.table tbody+tbody{
    border-top:2px solid #dee2e6;
}

.table .table{
  color: #9e9e9e;
    background-color:#fff;
}

.table-bordered{
    border:1px solid #dee2e6;
}

.table-bordered td,.table-bordered th{
    border:1px solid #dee2e6;
}

.table-bordered thead td,.table-bordered thead th{
    border-bottom-width:2px;
}

.table-striped tbody tr:nth-of-type(odd){
    background-color:rgba(0,0,0,.05);
}

.container .table-hover tbody tr:hover{
    background-color:rgba(0,0,0,.075);
}
/*End Of Table Styling*/

/*Form Styling*/
.title{
    margin-top: 5px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    line-height: -10px;
    color: #000;
}
.wrapper{
    width: 400px;
    background: #FFF;
    margin: 10px auto 10px auto;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    padding: 20px 30px;
}

.medium{
    width: 745px;
}

.large{
    width: 1089px;
}

.contact{
    width: 745px;
    background: #FFF;
    margin: 10px auto 10px auto;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    padding: 20px 30px;
}

.marg{
    margin: 175px auto 10px auto !important;
}

.marg-2{
    margin: 5px auto 299px auto !important;
}

.marg-3{
    margin: 5px auto 52px auto !important;
}

.marg-4{
    margin: 5px auto 87px auto !important;
}
/*End of Floats*/

.wrapper .reg-title{
    font-size: 27px;
    font-weight: 700;
    margin: 2px;
    color: #1995ff;
    text-transform: uppercase;
    text-align: center;
}

.heading{
    margin: 5px 0 15px 0;
}

.labels{
    position: absolute;
    line-height: 2px;
    margin-left: 10px;
}

.form-control{
    width:320px;
    display: inline;
    padding:.375rem .75rem;
    margin: 10px;
    font-size:1rem;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip: padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control-search{
    width:320px;
    padding:.375rem .75rem;
    margin: 0px 0px 15px 0px;
    font-size:1rem;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip: padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control-select{
    width:376px;
    height: 2.5rem;
    padding:.375rem .75rem;
    margin: 10px;
    font-size:1rem;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip: padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand{
    background-color:transparent;
    border:0
}

.form-control:focus{
    color:#495057;
    background-color:#fff;
    border-color:#80bdff;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder{
    color:#6c757d;
    opacity:1
}

.form-control::-moz-placeholder{
    color:#6c757d;opacity:1
}

.form-control:-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}

.form-control::-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}

.form-control::placeholder{
    color:#6c757d;
    opacity:1
}
.form-control:disabled,.form-control[readonly]{
    background-color:#e9ecef;
    opacity:1
}


select.form-control:not([size]):not([multiple]){
    height:calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value{
    color:#495057;
    background-color:#fff
}

.placeholder{
    color:#6c757d;
    opacity:1
}

.forgot{
    color: #111;
}

.terms{
    font-weight: 500;
    color: #1995ff;
}

.new{
    text-align: center;
    color: #1995ff;
}

.cons{
    padding-top: 0px;
    text-align: center;
    color: #555;
}
/*End Of Form Styling*/

@media (max-width: 1200px) {
    /*Universal Styling*/
    .container{
        max-width: 964px;
    }
    /*End Of Universal Styling*/

    /*Button Styling*/
    .btn{
        width: 385px;
    }

    .btn-danger{
        width: 75px;
    }

    .btn-success{
        width: 75px;
    }
    /*End of Button Styling*/

    /*Table Styling*/
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-sm > .table-bordered {
        border: 0;
    }
    /*End Of Table Styling*/

    /*Form Styling*/
    .wrapper{
        width: 500px;
        padding: 35px 40px;
    }

    .contact{
        width: 500px;
        padding: 20px 40px;
    }

    .text{
        width: 400px;
    }

    .form-control{
        width: 400px;
    }

    .form-control-select{
        width:376px;
    }
    /*End Of Form Styling*/
}

@media (max-width: 950px) {
    /*Universal Styling*/
    img {
        max-width: 100%;
        height: auto;
    }
    .container{
        width:100%;
        max-width: 708px;
        margin-right:auto;
        margin-left:auto
    }

    .container .table-heading{
        font-size: 35px;
    }
    /*End Of Universal Styling*/

    /*Button Styling*/
    .btn{
        width: 320px;
    }

    .btn-cancel{
        width: 320px;
    }

    .btn-danger{
        width: 75px;
    }

    .btn-success{
        width: 75px;
    }
    /*End of Button Styling*/

    /*Form Styling*/
    .wrapper{
        width: 400px;
        padding: 20px 30px;
    }

    .contact{
        width: 400px;
        padding: 30px 30px;
    }

    .text{
        width:320px;
    }

    .form-control{
        width:320px;
    }

    .form-group{
        float: right;
    }

    .form-control-select{
        width:376px;
    }
    /*End Of Form Styling*/
}

@media (max-width: 730px) {
    .container{
        max-width:500px
    }

    .container .table-heading{
        font-size: 22px;
    }

    .heading{
        text-align: center;
        margin-top: 65px;
    }
    /*End Of Universal Styling*/

    /*Button Styling*/
    .btn{
        width: 284px;
    }

    .btn-cancel{
        width: 320px;
    }

    .btn-danger{
        width: 65px;
    }

    .btn-success{
        width: 65px;
    }
    /*End of Button Styling*/

    /*Form Styling*/
    .title {
        margin-bottom: 15px;
    }

    .wrapper{
        width: 374px;
        padding: 25px 30px;
    }

    .contact{
        width: 344px;
    }

    .text{
        width: 294px;
    }

    .wrapper .reg-title{
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 5px;
    }


    .form-control{
        width: 294px;
    }

    .form-control-select{
        width: 294px;
    }
    /*End Of Form Styling*/
}

@media (max-width: 500px) {
    /*Universal Styling*/

    .container{
        max-width:384px
    }
    /*End Of Universal Styling*/

    /*Button Styling*/
    .btn{
        width: 284px;
    }

    .btn-cancel{
        width: 320px;
    }

    .btn-danger{
        width: 65px;
    }

    .btn-success{
        width: 65px;
    }
    /*End of Button Styling*/

    /*Form Styling*/
    .wrapper{
        width: 354px;
        padding: 18px 20px;
    }

    .contact{
        width: 344px;
        padding: 12px 20px;
    }

    .text{
        resize: none;
        width: 294px;
    }


    .form-control{
        width: 294px;
    }

    .form-control-select{
        width: 294px;
    }
    /*End Of Form Styling*/
}

@media (max-width: 410px) {

    /*Universal Styling*/
    .container{
        max-width:330px
    }

    .container .table-heading{
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
    }   
    /*End Of Universal Styling*/

    /*Button Styling*/
    .btn{
        width: 245px;
    }

    .btn-cancel{
        width: 245px;
    }

    .btn-danger{
        width: 65px;
    }

    .btn-success{
        width: 65px;
    }
    /*End of Button Styling*/

    /*Form Styling*/

    .wrapper{
        width: 314px;
        padding: 18px 20px;
    }

    .contact{
        width: 305px;
        padding: 10px 20px;
    }

    .text{
        width:255px;
    }

    .form-control{
        width:255px;
    }

    .form-control-select{
        width:255px;
    }
    /*End Of Form Styling*/
}

@media (max-width: 350px) {

    /*Universal Styling*/
    .container{
        max-width: 300px
    }

    .container .table-heading{
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
    }
    /*End Of Universal Styling*/

    /*Button Styling*/
    .btn{
        width: 225px;
    }

    .btn-cancel{
        width: 225px;
    }

    .btn-danger{
        width: 65px;
    }

    .btn-success{
        width: 65px;
    }
    /*End of Button Styling*/

    /*Form Styling*/
    .wrapper{
        width: 290px;
        padding: 18px 18px;
    }

    .contact{
        width: 280px;
        padding: 8px 18px;
    }

    .text{
        width:235px;
    }

    .wrapper .reg-title{
        font-size: 18px;
    }


    .form-control{
        width:235px;
    }

    .form-control{
        width:235px;
    }
    /*End Of Form Styling*/
}

@media (max-width: 315px) {

    /*Universal Styling*/
    .container{
        max-width: 260px
    }

    .container .table-heading{
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
    }
    /*End Of Universal Styling*/

    /*Button Styling*/
    .btn{
        width: 210px;
    }

    .btn-cancel{
        width: 210px;
    }

    .btn-danger{
        width: 65px;
    }

    .btn-success{
        width: 65px;
    }
    /*End of Button Styling*/

    /*Form Styling*/
    .title {
        font-size: 13px;
        margin-top: 5px;
        margin-bottom: 15px;
        text-transform: uppercase;
        line-height: -10px;
        color: #000;
    }

    .wrapper{
        width: 255px;
        padding: 12px 10px;
    }

    .contact{
        width: 250px;
        background: #FFF;
        margin: 10px auto 10px auto;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0,0,0,.3);
        padding: 8px 10px;
    }

    .text{
        width:220px;
    }

    .form-control{
        width:215px;
    }

    .form-control-select{
        width:215px;
    }
    /*End Of Form Styling*/
}