/* CB Consumer - Web Standards V2.0 */
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700");

body
{
    font-family: "Lato", sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6
{
    font-family: "Lato", sans-serif;
    color: #182642;
    font-weight: 700;
}

h1
{
    font-size: 32px;
}

h2
{
    font-size: 28px;
    
}

h3
{
    font-size: 24px;
}

h4
{
    font-size: 20px;
}

h5
{
    font-size: 16px;
}

h6
{
    font-size: 14px;
}

p
{
    font-family: "Lato", sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #182642;
}

a
{
    font-family: "Lato", sans-serif;
    color: #09a0db !important;
}

    a:hover
    {
        color: #39b3e1;
        outline: none;
    }

.button
{
    background: #f36b21;
    color: #FFFFFF !important;
    font-family: "Lato", sans-serif;
    padding: 0.88889rem 1.77778rem 0.94444rem 1.77778rem !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    border-radius: 4px !important;
}

    .button:hover, .button:focus, .button:hover, .button:focus
    {
        background: #f38422;
        outline: none;
    }
    .button.lime-green {
        background: #85CE3F;
    }
    .button.lime-green:hover, .button.lime-green:focus {
        background: #9dd865;
    }
    .button.blue
    {
        background: #09a0db;
    }
    .button.blue:hover, .button.blue:focus, .button.blue:hover, .button.blue:focus
    {
        background: #0fb4f5;
    }

    .button.border
    {
        background: rgba(16, 32, 48, 0);
        border-width: 1px;
        border-style: solid;
        border-color: #09a0db;
        color: #09a0db !important;
    }

        .button.border:hover, .button.border:focus, .button.border:hover, .button.border:focus
        {
            background: #09a0db;
            color: #FFFFFF !important;
        }
      
    button.disabled, button[disabled], .button.disabled, .button[disabled]
    {
        background: #959595;
        border-color: #959595;
    }

        button.disabled:hover, button.disabled:focus, button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, .button[disabled]:hover, .button[disabled]:focus
        {
            background: #b5b5b5;
        }

.alert-box
{
    padding: 10px 20px 10px 20px;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
}

    .alert-box i
    {
        font-size: 21px;
    }

    .alert-box.info
    {
        background: #c8e6fd;
        border-color: #94D0FF;
        color: #01487e;
    }

    .alert-box.success
    {
        background: #e0fdc4;
        border-color: #AEF965;
        color: #3c763d;
    }

    .alert-box.warning
    {
        background: #fdf0c1;
        border-color: #EAD485;
        color: #7D6300;
    }

    .alert-box.alert
    {
        background: #fed1cf;
        border-color: #ECBBC3;
        color: #a94442;
    }

label
{
    font-size: 16px;
    margin: 0 0 24px 0;
    color: #333 !important;
    font-weight: bold;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea
{
    margin: 8px 0 0 0;
}

.columns.error input[type="text"], .columns.error input[type="password"]
{
    border-color: #f04124;
    color: #f04124;
    background: rgba(240, 65, 36, 0.12);
    border-width: 1px;
}

.columns.success input[type="text"], .columns.success input[type="password"]
{
    border-width: 1px;
    background: rgba(133, 206, 62, 0.12);
    border-color: #AEF965;
}

.error small.error
{
    color: #f04124;
    background: none;
    font-size: 14px;
    padding: 10px 0 10px 0;
    font-style: normal;
}

.form-inline .button
{
    margin: 30px 0 0 0;
    padding: 10px 10px 10px 10px !important;
}

.form-vertical .checkbox
{
    margin: 0 0 0 0 !important;
    font-weight: 300;
}

.form-vertical .button, .form-horizontal .button
{
    padding: 10px 30px 10px 30px !important;
}

.card
{
    background-color:#FFFFFF;
    box-shadow:0 1px 5px 0 rgba(0,0,0,0.25); 
    border-bottom:1px solid rgba(0,0,0,0.25);    
}

/* Box */
.box-container .box {box-shadow:0 1px 5px 0 rgba(0,0,0,0.25);background-color:#FFFFFF;margin-bottom:1rem;}
.box-container .box h4 {margin: 0;background-color: #f2f2f2;}
.box-container .box h4 i {margin-right: 10px;}
.box-container .box h4,
.box-container .box .box-content,
.box-container .box .action {padding: 10px;}
.box-container .box-content {min-height: 10rem;}
.box-container .box .action {border-top: 1px solid #e0e0e0;}
.browse-item {padding-top:10px !important; padding-bottom:10px !important;}