/*
Custom Style Sheet
*/
/* 
    Created on : Jul 10, 2017, 11:14:51 AM
    Author     : Llewellyn
*/

html, body {
    background-color: #fff;
    font: 400 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="color"], .uk-form select, .uk-form textarea {
    border-radius: 15px;
}

.uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="color"], .uk-form select, .uk-form textarea, .uk-form-controls-text {
    margin-left: 20px;
}


.buttonSet {
    padding: 10px;
    background: rgba(255,255,255,0.5);
    border-radius: 10px;
}


.step0, .step1, .step2, .step3, .step4, .step5 {
    background-color: transparent;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    min-height: 717px;
}


h2.reg_title {
    background: #fff;
    margin: 0 10px 10px;
    padding-top: 20px;
    color: rgb(40, 172, 226);
    font-weight: normal;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
}

.uk-button-primary.uk-active:disabled {
    background: rgba(40,172,226,1);
    background: -moz-linear-gradient(top, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(40,172,226,1)), color-stop(69%, rgba(40,172,226,1)), color-stop(100%, rgba(72,206,247,1)));
    background: -webkit-linear-gradient(top, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    background: -o-linear-gradient(top, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    background: linear-gradient(to bottom, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28ace2', endColorstr='#48cef7', GradientType=0 );
    color: #fff;
}


.regProgress {margin-top: -50px; color: #fff;}

input[type="submit"] {
    background: rgba(40,172,226,1);
    background: -moz-linear-gradient(top, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(40,172,226,1)), color-stop(69%, rgba(40,172,226,1)), color-stop(100%, rgba(72,206,247,1)));
    background: -webkit-linear-gradient(top, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    background: -o-linear-gradient(top, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    background: -ms-linear-gradient(top, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    background: linear-gradient(to bottom, rgba(40,172,226,1) 0%, rgba(40,172,226,1) 69%, rgba(72,206,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28ace2', endColorstr='#48cef7', GradientType=0 );
    margin-top: 15px;
    padding: 8px 10px;
    border-radius: 20px;
    color: #fff;
    font-weight: normal;
    box-shadow: 0px 2px 3px rgba(3, 110, 146, 0.72);
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 20px;
}

.uk-button-white {
    background: #fff;
    color: #2cace2;
    margin-top: 15px;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: normal;
    border: 1px solid #2cace2;
    cursor: pointer;
    outline: none;
    font-size: 18px;
}

.uk-button-white:focus, .uk-button-white:hover {
    background-color: #2cace2;
    color: #fff;
    outline: 0;
    text-decoration: none;
}

.uk-contrast .uk-button-primary {
    background-color: #00a8e6;
    color: #fff;
    border: 1px solid #fff;
}

.BorderBot {
    border-bottom: 1px #ddd solid;
}

.sideMenuNav {
    margin-top: -11px;
    padding-top: 25px;
    background-color: #e9f2fb; 
    box-shadow: 5px 0px 5px 0px rgba(168,168,168,1);
}

.footerContent {
    box-shadow: 0px -5px 5px 0px rgba(168,168,168,1);
    padding: 20px;
    position: sticky;
    bottom: 0;
    width: 100%;
}

.uk-form input:not([type]), .uk-form input[type=text], .uk-form input[type=password], .uk-form input[type=email], .uk-form input[type=url], .uk-form input[type=search], .uk-form input[type=tel], .uk-form input[type=number], .uk-form input[type=datetime], .uk-form input[type=datetime-local], .uk-form input[type=date], .uk-form input[type=month], .uk-form input[type=time], .uk-form input[type=week], .uk-form input[type=color], .uk-form select, .uk-form textarea {
    height: 30px;
    max-width: 100%;
    padding: 10px;
    height: auto;
    border: 1px solid #ddd;
    background: #f6f6f6;
    color: #444;
    -webkit-transition: all .2s linear;
    -webkit-transition-property: border,background,color,box-shadow,padding;
    transition: all .2s linear;
    transition-property: border,background,color,box-shadow,padding;
}

.uk-tab>li.uk-active>a {
    border: none !important;
    background: rgb(233,242,251);
    background: linear-gradient(180deg, rgba(233,242,251,1) 0%, rgba(214,234,248,1) 100%);
    color: #444;
}

.uk-tab>li.uk-open>a, .uk-tab>li>a:focus, .uk-tab>li>a:hover {
    background: rgb(214,234,248);
    background: linear-gradient(180deg, rgba(233,242,251,1) 0%, rgba(214,234,248,1) 100%);
}

#mmTab, #depTab, #delTab, #srcTab {
    border-bottom: 1px #2cace2 solid !important;
}

.uk-form-width-medium {
    width: 370px;
}

.uk-form-icon>[class*=uk-icon-credit-card] {
    position: absolute;
    top: 50%;
    width: 35px;
    margin-top: -7px;
    font-size: 24px;
    color: rgb(255,255,255);
    text-align: center;
    pointer-events: none;
}

.rightInputBorder {
    border-right:2px dashed #2cace2;
    margin-left: -46px;
}
.topInputBorder {
    border-top:2px dashed #2cace2;
    margin-top: 45px;
}

.g-recaptcha div {
    margin: auto;
}

@media (max-width: 430px) {
    .sideMenuNav {
        width: 110%;
    }
    
    .sideMenuNav .uk-tab-responsive {
        width: 100%;
    }
    
    .sideMenuNav .uk-tab-responsive .uk-dropdown-small {
        min-width: 300px;
    }
    
    .footerContent {
        margin-top: 100px;
        position: relative;
    }
    
    .uk-height-viewport {
        height: inherit;
        min-height: inherit;
    }
    
    .rightInputBorder {
        margin-left: -15px;
    }
    .topInputBorder {
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .step1 > .uk-grid, .step2 > .uk-grid, .step3 > .uk-grid, .step4 > .uk-grid, .step5 > .uk-grid {background-color: rgba(255,255,255,0.5);}
    .uk-grid > * > :last-child {
        margin-bottom: 5px;
    }
    .uk-form-width-medium {
        width: 85%;
    }
}

@media (min-width: 1220px) {
    .uk-container {
        max-width: 1420px;
    }
}