/* NV UI Element Styles */
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300");

body {
  color: #34495e;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 1.231;
}

.noP {
    padding: 0 !important;
}
.noM {
    margin: 0 !important;
}

/* LESS vars */
.rounded-corners (@radius: 4px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
.custom-icon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
[class^="icon-"], [class*=" icon-"] {
    width: auto;
    height: auto;
    vertical-align: middle;
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
}


/* Headings */

h1 {
    font-size: 20px;
    font-weight: normal;
}
h2 {
    font-size: 16px;
    font-weight: normal;
}
h3 {
    font-size: 14px;
    font-weight: bold;
}

/* Form & Input Controls */

input,
button,
select,
textarea {
  font-family: "Lato", sans-serif;
  font-size: 14px;
}

input[type="text"], input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 220px;
    height: 28px !important;
}
input, select {
    max-width: 100%;
    padding: 4px;
}
textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input,
textarea {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
input[type="text"].date { width: 92px; }
input[type="text"].dollars {
    padding-left: 20px;
}

.controls i.icon-currency-symbol { .custom-icon; width: 0; position: relative; left: 8px; top: -1px; }
.controls i.icon-currency-symbol:before { content: "$"; }

.controls i.datepickle { margin-left: 5px; line-height: 21px; font-size: 16px; opacity: 0.5; cursor: pointer; }
.controls i.datepickle:hover { opacity: 1; }

select {
    line-height: 1em;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url('../images/select_down_arrow.png');
    cursor: pointer;

    appearance:button;
    -moz-appearance:button; /* Firefox */
    -webkit-appearance:button; /* Safari and Chrome */

    background-position : right 10px center;
}

input[type='text'].search {
    padding-right: 25px;
    background: url('../images/search.png') right 7px center no-repeat;
}

input[type='radio'] {
    display: inline;
    margin-top: 0;
    margin-right: 5px;
}

.search input[type='checkbox'] {
    display: inline;
    margin-right: 8px;
    vertical-align: top;
}



/* Btn Styles */

.btn {
    font-size: 14px !important;
    padding: 6px 15px;
}
    .btn-grid {
        font-size: 12px !important;
        line-height: normal;
        padding: 2px 10px;
    }
        .btn-grid.alt {

        }
    .btn-small {
        height: auto;
        min-height: 30px;
        line-height: 20px;
        padding: 5px 20px;
    }
    .btn.btn-large {
        height: auto;
        min-height: 40px;
        line-height: 20px;
        padding: 10px 20px;
    }
    .btn-add:before {
        content: "+";
    }
    .btn-remove:before, .btn-minus:before {
        content: "-";
    }
    .btn-save:before {
        .custom-icon;
        content: "\e006";
        color: #fff;
        font-weight: normal;
        font-size: 14px;
    }
    .btn-delete:before {
        .custom-icon;
        content: "\e04b";
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        top: 1px;
    }
    .btn-clear:before {
        .custom-icon;
        content: "\e607";
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        top: 1px;
        position: relative;
        left: -5px;
    }

    .btn-save:before, .btn-delete:before {
        position: relative;
        left: -3px;
    }

    .btn-save:before, .btn-add:before, .btn-remove:before, .btn-delete:before, .btn-minus:before {
        padding-right: 5px;
    }
    .btn-add:before, .btn-remove:before {
        font-weight: bold;
    }

    .btn-magnify:before, .btn-search:before {
        content: "\e615";
        color: #fff;
        .custom-icon;
        position: relative;
        left: -5px;
        top: 1px;
        font-size: 14px;
        font-weight: normal;

    }

    /* Datepicker */
    .btn-block { width: 100%; }
    ul.ng-valid-date { padding: 10px; }
    ul.ng-valid-date li.divider, ul.ng-valid-date li:last-child { display: none; }
    ul.ng-valid-date li:first-child table thead tr:last-child th {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
    }

    ul.ng-valid-date .icon-chevron-left, ul.ng-valid-date .icon-chevron-right { font-size: 14px; line-height: 20px; }

    ul.ng-valid-date .btn { padding: 5px 10px; }

/* Pager */
ul.pager { margin-bottom: 5px; }
.pager a {
    background-color: transparent;
    border: 0;
    display: inline-block;
    padding: 6px 4px;
    min-width: 10px;
    .rounded-corners;
}
.pager a.active { padding: 6px; }

/* Nav-Tabs */

.nav-tabs {
    width: 100%;
    border-bottom: 0;
    margin-top: 10px;
    margin-bottom: 0;
    background-color: #232527;
    min-height: 40px;
}
    .nav-tabs .tab a {
        margin: 0;
        height: 20px;
        line-height: 20px;
        padding: 10px 20px;
        .rounded-corners(0);
        color: #fff;
        font-size: 12px;
        cursor: pointer;
        border: 0;
        text-transform: capitalize;
    }

        .nav-tabs .tab.active a, .nav-tabs .tab a:hover {
            border: 0;
            color: #000;
            line-height: 30px;
        }
        .nav-tabs .tab a:hover {
            background-color: #eee;
            margin: -5px 0 0 0;
            height: 25px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }
        .nav-tabs .tab.active a, .nav-tabs .tab.active a:hover {
            height: 30px;
            margin: -5px 0 -5px 0;
            background-color: #fff;
            .rounded-corners;
        }


/* Tables */
table { border-collapse: separate; }


/* Maybe these are more dashboardy styles? */
.header .account-details {
    color: #fff;
    font-size: 14px;
    font-family: 'museo300';
}
.header .account-details span, .header .account-details .link {
    padding: 0 10px;
}
.header .account-details .link {
    font-size: 13px;
    color: #fff;
}
.header .account-details .link:hover {
    text-decoration: none;
    color: #F8A519;
}

/* Misc Classes */
.last_modified { font-size: 12px; color: #999; }
.last_modified .author { text-transform: capitalize; }
.hint { font-size: 12px; color: #999; margin-bottom: 5px; }



/* Form Controls */
/*form.form-horizontal { float: left; }*/
.form-horizontal .control-group {
    margin-bottom: 8px;
}
.form-horizontal .control-group .error {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 5px;
    color: #dd0000;
    padding-left: 0px;
}
/*.form-horizontal .controls {
    margin-left: 20px;
    float: right;
}
.form-horizontal .control-label {
    float: left;
    width: auto;
}*/

.timepicker {
    display: inline-block;
    height: 28px;
    padding-left: 10px;
    vertical-align: middle;
}
.timepicker > table > tbody > tr:first-child, .timepicker > table > tbody > tr:last-child { display: none; }
.timepicker td {
    padding: 0 1px;
}
.timepicker .form-inline input { width: 32px; }
.timepicker a.btn.btn-link {
    background: transparent;
    border: 0;
    padding: 0;
    width: 100%;
    box-shadow: none;
    position: relative;
}
/*.timepicker .icon-chevron-up, .timepicker .icon-chevron-down {
    height: 10px;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    opacity: 0.5;
}
.timepicker .icon-chevron-up {
    top: -7px;
    background-image: url('../images/select_up_arrow.png');
    background-position: center top;
}
.timepicker .icon-chevron-down {
    bottom: -7px;
    background-image: url('../images/select_down_arrow.png');
    background-position: center bottom;
}
.timepicker .icon-chevron-up:hover, .timepicker .icon-chevron-down:hover { opacity: 1; }*/

.timepicker button.btn {
    height: 28px !important;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 11px !important;
    color: #000;
}
/*.timepicker tbody tr.text-center {
    height: 0;
    line-height: 0;
}*/

.cartItems {
    padding: 5px;
}
.cartItems .item {
    height: 24px;
    line-height: 24px;
    padding: 5px 10px;
}

    .cartItems .item.th {
        color: #999;
        border-bottom: 1px solid #E8ECEE;
        font-size: 12px;
        padding-right: 58px;
    }
        .cartItems .item.th .qty {
            padding-right: 30px;
        }
    .cartItems .item.product {
        border-top: 1px dashed #E8ECEE;
    }
    .cartItems .item.product:first-child {
        border-top: none;
    }
    .cartItems .item.total {
        border-top: 1px solid #E8ECEE;
        font-size: 15px;
        padding: 10px;
        padding-right: 58px;
    }
    .cartItems .item span {
        padding: 0 5px;
        min-width: 100px;
        float: right;
        text-align: right;
        margin-left: 10px;
    }
    .cartItems .item .price {
        color: #999;
    }
    .cartItems .item .pts {
        padding-right: 0;
    }
    .cartItems .item .btn-remove {
        float: right;
        margin-left: 20px;
        margin-top: 3px;
        width: 8px;
    }
        .cartItems .item .btn-remove::before {
            display: none;
        }
    .cartItems .item .qty {
        float: right;
        text-align: right;
    }
        .cartItems .item .qty img {
            opacity: 0.4;
            cursor: pointer;
            vertical-align: middle;
            margin: -2px 0 0;
            padding: 0 5px 2px;
        }
            .cartItems .item .qty img:hover {
                opacity: 1;
            }
        .cartItems .item input.form-control {
            float: none;
            display: inline-block;
            height: 20px !important;
            line-height: 20px;
            padding-left: 5px;
            padding-right: 5px;
            vertical-align: top;
            font-size: 13px;
        }
            .cartItems .item input.form-control.productDetails {
                height: 24px !important;
                line-height: 24px;
            }
            .cartItems .item .qty input.form-control {
                width: 50px;
                text-align: right;
                margin-top: 2px;
            }
            .cartItems .item .price input.form-control {
                width: 75px;
                text-align: right;
                margin-top: 2px;
            }


/* Inline Editing */
div[contentEditable] {
    min-height: 10px;
}
div[contentEditable]:focus {
  background-color: #fff;
  padding: 2px;
  margin: -3px;
}
div.contentselectable > div { cursor: pointer; }
select.inline {
    margin: -3px -25px -3px -3px;
    padding: 3px 25px 3px 3px;
    width: auto;
    height: auto;
    font-size: inherit;
}


/* CK Editor */
#cke_inputBody.cke_reset, #cke_inputBody.cke_chrome {
    box-shadow: none;
    .rounded-corners;
    overflow: hidden;
}


.sortable  { cursor: pointer; }
.sort-icon {
    color: rgba(0,0,0,0.5);
    /* font-size: 10px; */
    float: right;
    line-height: 18px;
}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 20, 2013 */



@font-face {
    font-family: 'museo300';
    src: url('/app/media/museo300-regular-webfont.eot');
    src: url('/app/media/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app/media/museo300-regular-webfont.woff') format('woff'),
         url('/app/media/museo300-regular-webfont.ttf') format('truetype'),
         url('/app/media/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo700';
    src: url('/app/media/museo700-regular-webfont.eot');
    src: url('/app/media/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/app/media/museo700-regular-webfont.woff') format('woff'),
         url('/app/media/museo700-regular-webfont.ttf') format('truetype'),
         url('/app/media/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}


.col {
    width: 50%;
    float: left;
}
.clear {
    clear: both;
}