@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700';

/*-------------------------------------------------
    Fonts
-------------------------------------------------*/

h1,h2, h3, h4, h5, h6,p { 
    font-family: "Raleway",sans-serif;
}

h1 {
    font-size: 50px;
    font-weight:800;
}

h2 {
    font-size: 29px;
    letter-spacing: -0.02em;
    line-height: 1.5em;
    font-weight:500;    
}

h3 {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 1.5em;
    font-weight:300;    
}

p {
    letter-spacing: 0.02em;
    line-height: 1.75;
    font-size: 15px; 
    font-weight: 300;
}

a,
a:hover,
a:focus {
    cursor: pointer;
    text-decoration: none;
}
/*-------------------------------------------------
    Color
-------------------------------------------------*/

.fgGrey,.fgGrey a {color:#888 !important}
.bgGrey {background-color:#888 !important}

.fgGreyLight,.fgGreyLight a {color:#aaa !important}
.bgGreyLight {background-color:#ccc !important}

.fgGreyDark,.fgGreyDark a {color:#111 !important}
.bgGreyDark {background-color:#222 !important}

.fgWhiteDark,.fgWhiteDark a {color:#f8f8f8 !important}
.bgWhiteDark {background-color:#f8f8f8 !important}

.fgWhite,.fgWhite a {color:#fff !important}
.bgWhite {background-color:#fff !important}

.fgWhite-e,.fgWhite-e a {color:#eee !important}
.bgWhite-e {background-color:#eee !important}

.fgWhite-d,.fgWhite-d a {color:#ddd !important}
.bgWhite-d {background-color:#ddd !important}

.fgWhite-c,.fgWhite-c a {color:#ccc !important}
.bgWhite-c {background-color:#ccc !important}

.fgWhite-b,.fgWhite-b a {color:#bbb !important}
.bgWhite-b {background-color:#bbb !important}

.fgWhite-a,.fgWhite-a a {color:#aaa !important}
.bgWhite-a {background-color:#aaa !important}

.fgGrey-9,.fgGrey-9 a {color:#999 !important}
.bgGrey-9 {background-color:#999 !important}

.fgGrey-8,.fgGrey-8 a {color:#888 !important}
.bgGrey-8 {background-color:#888 !important}

.fgGrey-7,.fgGrey-7 a {color:#777 !important}
.bgGrey-7 {background-color:#777 !important}

.fgGrey-6,.fgGrey-6 a {color:#666 !important}
.bgGrey-6 {background-color:#666 !important}

.fgGrey-5,.fgGrey-5 a {color:#555 !important}
.bgGrey-5 {background-color:#555 !important}

.fgGrey-4,.fgGrey-4 a {color:#444 !important}
.bgGrey-4 {background-color:#444 !important}

.fgGrey-3,.fgGrey-3 a {color:#333 !important}
.bgGrey-3 {background-color:#333 !important}

.fgGrey-2,.fgGrey-2 a {color:#222 !important}
.bgGrey-2 {background-color:#222 !important}

.fgGrey-1,.fgGrey-1 a {color:#111 !important}
.bgGrey-1 {background-color:#111 !important}

.fgBlack,.fgBlack a {color:#000000 !important}
.bgBlack {background-color:#000000 !important}

.fgPink,.fgPink a {color:#f0008c !important}
.bgPink {background-color:#f0008c !important} 


.flatShadow {
  border-right: 2px solid #e9e9e9;
  border-bottom: 2px solid #e9e9e9;
}

.flatBorder {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}


.btn-red {
     background-color: #d14233;
     border-color: #ba3325;
     color: #fff;
}

.btn-green {
     background-color: #1080d0;
     border-color: #1080d0;
     color: #fff;
}

.btn-blue {
     background-color: #2980b9;
     border-color: #2980b9;
     color: #fff;
}

.btn-red:hover,
.btn-green:hover {
     background-color: #333;
     border-color: #222;
     color: #fff;
}

.btn-grey {
     background-color: #333;
     border-color: #222;
     color: #fff;
}

.btn-grey:hover {
     background-color: #333;
     border-color: #222;
     color: #fff;
}

/*-------------------------------------------------
     Buttons
-------------------------------------------------*/

.btn {
    border: 0;
    border-bottom: 2px solid transparent;
     -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
     -moz-transition: background-color 0.2s ease, border-color 0.2s ease;
     -o-transition: background-color 0.2s ease, border-color 0.2s ease;
     transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn-green {
     background-color: #27ae60;
     border-color: #168f49;
     color: #fff;
}

.btn-green:hover {
     background-color: #333;
     border-color: #111;
     color: #fff;
}

.btn-grey {
     background-color: #333;
     border-color: #222;
     color: #fff;
}

.btn-grey:hover {
     background-color: #333;
     border-color: #222;
     color: #fff;
}


/*-------------------------------------------------
    Padding
-------------------------------------------------*/

.p0 {padding: 0};

.p5{padding:5px !important}
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}
.p150{padding:150px;}
.p200{padding:200px;}

.p0y{padding-top:0px; padding-bottom:0px;}
.p5y{padding-top:5px; padding-bottom:5px;}
.p10y{padding-top:10px; padding-bottom:10px;}
.p20y{padding-top:20px; padding-bottom:20px;}
.p30y{padding-top:30px; padding-bottom:30px;}
.p40y{padding-top:40px; padding-bottom:40px;}
.p50y{padding-top:50px; padding-bottom:50px;}
.p60y{padding-top:60px; padding-bottom:60px;}
.p70y{padding-top:70px; padding-bottom:70px;}
.p80y{padding-top:80px; padding-bottom:80px;}
.p90y{padding-top:90px; padding-bottom:90px;}
.p100y{padding-top:100px; padding-bottom:100px;}
.p150y{padding-top:150px; padding-bottom:150px;}
.p200y{padding-top:200px; padding-bottom:200px;}
.p250y{padding-top:250px; padding-bottom:250px;}
.p300y{padding-top:300px; padding-bottom:300px;}

.p0t{padding-top:0px;} .p0b{padding-bottom:0px;}
.p5t{padding-top:5px;} .p5b{padding-bottom:5px;}
.p10t{padding-top:10px;} .p10b{padding-bottom:10px;}
.p20t{padding-top:20px;} .p20b{padding-bottom:20px;}
.p30t{padding-top:30px;} .p30b{padding-bottom:30px;}
.p40t{padding-top:40px;} .p40b{padding-bottom:40px;}
.p50t{padding-top:50px;} .p50b{padding-bottom:50px;}
.p60t{padding-top:60px;} .p60b{padding-bottom:60px;}
.p70t{padding-top:70px;} .p70b{padding-bottom:70px;}
.p80t{padding-top:80px;} .p80b{padding-bottom:80px;}
.p90t{padding-top:90px;} .p90b{padding-bottom:90px;}
.p100t{padding-top:100px;} .p100b{padding-bottom:100px;}
.p150t{padding-top:150px;} .p150b{padding-bottom:150px;}
.p200t{padding-top:200px;} .p200b{padding-bottom:200px;}
.p250t{padding-top:250px;} .p250b{padding-bottom:250px;}
.p300t{padding-top:300px;} .p300b{padding-bottom:300px;}

.p0l{padding-left:0px;} .p0r{padding-right:0px;}
.p5l{padding-left:5px;} .p5r{padding-right:5px;}
.p10l{padding-left:10px;} .p10r{padding-right:10px;}
.p20l{padding-left:20px;} .p20r{padding-right:20px;}
.p30l{padding-left:30px;} .p30r{padding-right:30px;}
.p40l{padding-left:40px;} .p40r{padding-right:40px;}
.p50l{padding-left:50px;} .p50r{padding-right:50px;}
.p60l{padding-left:60px;} .p60r{padding-right:60px;}
.p70l{padding-left:70px;} .p70r{padding-right:70px;}
.p80l{padding-left:80px;} .p80r{padding-right:80px;}
.p90l{padding-left:90px;} .p90r{padding-right:90px;}
.p100l{padding-left:100px;} .p100r{padding-right:100px;}
.p150l{padding-left:150px;} .p150r{padding-right:150px;}
.p200l{padding-left:200px;} .p200r{padding-right:200px;}
.p250l{padding-left:250px;} .p250r{padding-right:250px;}
.p300l{padding-left:300px;} .p300r{padding-right:300px;}

/*-----------------------------------
    Margin
-----------------------------------*/

.m0 {margin: 0};

.m5{margin:5px !important}
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}
.m150{margin:150px;}
.m200{margin:200px;}

.m0y{margin-top:0px; margin-bottom:0px;}
.m5y{margin-top:5px; margin-bottom:5px;}
.m10y{margin-top:10px; margin-bottom:10px;}
.m20y{margin-top:20px; margin-bottom:20px;}
.m30y{margin-top:30px; margin-bottom:30px;}
.m40y{margin-top:40px; margin-bottom:40px;}
.m50y{margin-top:50px; margin-bottom:50px;}
.m60y{margin-top:60px; margin-bottom:60px;}
.m70y{margin-top:70px; margin-bottom:70px;}
.m80y{margin-top:80px; margin-bottom:80px;}
.m90y{margin-top:90px; margin-bottom:90px;}
.m100y{margin-top:100px; margin-bottom:100px;}
.m150y{margin-top:150px; margin-bottom:150px;}
.m200y{margin-top:200px; margin-bottom:200px;}
.m250y{margin-top:250px; margin-bottom:250px;}
.m300y{margin-top:300px; margin-bottom:300px;}

.m0t{margin-top:0px;} .m0b{margin-bottom:0px;}
.m5t{margin-top:5px;} .m5b{margin-bottom:5px;}
.m10t{margin-top:10px;} .m10b{margin-bottom:10px;}
.m20t{margin-top:20px;} .m20b{margin-bottom:20px;}
.m30t{margin-top:30px;} .m30b{margin-bottom:30px;}
.m40t{margin-top:40px;} .m40b{margin-bottom:40px;}
.m50t{margin-top:50px;} .m50b{margin-bottom:50px;}
.m60t{margin-top:60px;} .m60b{margin-bottom:60px;}
.m70t{margin-top:70px;} .m70b{margin-bottom:70px;}
.m80t{margin-top:80px;} .m80b{margin-bottom:80px;}
.m90t{margin-top:90px;} .m90b{margin-bottom:90px;}
.m100t{margin-top:100px;} .m100b{margin-bottom:100px;}
.m150t{margin-top:150px;} .m150b{margin-bottom:150px;}
.m200t{margin-top:200px;} .m200b{margin-bottom:200px;}
.m250t{margin-top:250px;} .m250b{margin-bottom:250px;}
.m300t{margin-top:300px;} .m300b{margin-bottom:300px;}

.m0l{margin-left:0px;} .m0r{margin-right:0px;}
.m5l{margin-left:5px;} .m5r{margin-right:5px;}
.m10l{margin-left:10px;} .m10r{margin-right:10px;}
.m20l{margin-left:20px;} .m20r{margin-right:20px;}
.m30l{margin-left:30px;} .m30r{margin-right:30px;}
.m40l{margin-left:40px;} .m40r{margin-right:40px;}
.m50l{margin-left:50px;} .m50r{margin-right:50px;}
.m60l{margin-left:60px;} .m60r{margin-right:60px;}
.m70l{margin-left:70px;} .m70r{margin-right:70px;}
.m80l{margin-left:80px;} .m80r{margin-right:80px;}
.m90l{margin-left:90px;} .m90r{margin-right:90px;}
.m100l{margin-left:100px;} .m100r{margin-right:100px;}
.m150l{margin-left:150px;} .m150r{margin-right:150px;}
.m200l{margin-left:200px;} .m200r{margin-right:200px;}
.m250l{margin-left:250px;} .m250r{margin-right:250px;}
.m300l{margin-left:300px;} .m300r{margin-right:300px;}

/*-------------------------------------------------
    Fonts
-------------------------------------------------*/

.txtLeft {
    text-align: left !important;
}

.txtCenter {
    text-align: center !important;
}

.txtRight {
    text-align: right !important;
}

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

/*-------------------------------------------------
    Shadow
-------------------------------------------------*/

.shadow {
    -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.05);
}
.shadowInner {
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.2);
}

html {
  background-color: #fff;
}

body {
/*     padding-top: 50px; */
}

/*-------------------------------------------------
    Sub header
-------------------------------------------------*/

.sub-header {
     padding-bottom: 10px;
     border-bottom: 1px solid #eee;
}

/*-------------------------------------------------
     Top navigation
-------------------------------------------------*/

.navbar-default {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle {
     border: none;
}

.navbar-brand {
    line-height: 24px;
    padding: 13px;
}

.navbar-fixed-top {
     border: 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color:#333;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
    color: #f0008c;
}

.navbar-fixed-top.splash.inverse {
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #f0008c;
}

.navbar-fixed-top.splash.inverse .active > a,
.navbar-fixed-top.splash.inverse .active > a:focus,
.navbar-fixed-top.splash.inverse .active > a:hover {
    color:#fff;
}

.navbar-fixed-top.splash.inverse li > a {
    color: #fff
}
.navbar-fixed-top.splash.inverse li > a:focus,
.navbar-fixed-top.splash.inverse li > a:hover {
    color:#f0008c;
}

.navbar-fixed-top.splash.inverse > li > a,
.navbar-fixed-top.splash.inverse > li > a:focus,
.navbar-fixed-top.splash.inverse > li > a:hover {
    color:#fff;
    background-color: transparent !important;
}


.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    border: none;
}

@keyframes animatedBackground {
    from { background-color: #fff; }
    to { background-position: transparent; }
}
@keyframes animatedBackground   Inverse {
    from { background-position: transparent; }
    to { background-color: #fff; }
}



/*-------------------------------------------------
     Main content
-------------------------------------------------*/

.main {
     padding: 20px;
}

@media (min-width: 768px) {
     .main {
          padding-right: 40px;
          padding-left: 40px;
     }
}

.main .page-header {
     margin-top: 0;
}

/*-------------------------------------------------
    Placeholder dashboard ideas
-------------------------------------------------*/

.placeholders {
     margin-bottom: 30px;
     text-align: center;
}

.placeholders h4 {
     margin-bottom: 0;
}

.placeholder {
     margin-bottom: 20px;
}

.placeholder img {
     display: inline-block;
     border-radius: 50%;
}

/*-------------------------------------------------
     Buttons
-------------------------------------------------*/

.jumbotron {
     margin-bottom: 0;
}

/*-------------------------------------------------
     Buttons
-------------------------------------------------*/

.form-control {
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.form-control:focus {
    border-color: #bbb;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(240,240,240,1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(240,240,240,1);
    box-shadow: 0px 0px 0px 2px rgba(240,240,240,1);
    outline: 0 none;
}

.has-error .form-control:focus {
    border-color: #dd6660;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255,202,199,1);
    -moz-box-shadow: 0px 0px 0px 2px rgba(255,202,199,1);
    box-shadow: 0px 0px 0px 2px rgba(255,202,199,1);
}

/*-------------------------------------------------
     Table Display - Hack 
-------------------------------------------------*/

@media(max-width:991px){
    .txt-center-xs {
        text-align:center;
    }
}
@media(min-width:992px){

    .display-table{
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .display-cell{
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
}

/*-------------------------------------------------
    Progress
-------------------------------------------------*/

.progress {
    border:1px solid #eee;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);    
}

.progress-bar {
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.1);    
}


/*-------------------------------------------------
    Modal content
-------------------------------------------------*/

.modal-dialog {
    -webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
}

.modal-header {
    background-color: #27ae60;
    border:none;    
}

.modal-content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border:none;    
    box-shadow:none;
}

.modal-footer {
    background-color: #f5f5f5;
    border:none;    
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}

.nav-tabs > li > a:hover {
    color: #27ae60;
}

.has-error .form-control {
    border-color: #dd6660;
}

.has-error .input-group-addon {
    background-color: #dd6660;
    border-color: #dd6660;
    color: #fff;
}

.alert {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 0px solid transparent;
    margin-bottom: 20px;
    padding: 10px;
}

.alert-danger {
    background-color: #dd6660;
    border-color: #ebccd1;
    color: #a94442;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #dd6660;
}

.modal-backdrop.in {
    opacity: 0.3;
}

.custom-resp-ipad {
    padding-top: 50px;
}

@media (max-width: 770px) {
    footer .text-right { text-align:center }
    footer .text-left { text-align:center }
}
@media (max-width: 992px) {
    .custom-resp-x1 {
        margin-top: 20px;
        text-align: center;
    }
    .custom-resp-ipad {padding-top: 10px}
}