.form-control-static {
    border: 1px solid #ddd;
    padding-top: 0;
    min-height: 30px;
    line-height: 20px;
    padding: 5px;
    margin-bottom: 5px;
    display: block;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
    font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #999;
    font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #999;
    font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
    color: #999;
    font-style: italic;
}


.dataTable thead {
    background: #eee;
}

.table-hover > tbody > tr:hover {
    background-color: #FCFDFB;
}

.dataTables_empty {
    padding: 15px !important;
    color: #999;
    text-align: center;
}

table,
.datatable-filters-extended {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

table {
    color: #333;
    font-family: "Open Sans", sans-serif;
}

table .text-muted{
    color: #999;
}

label {
    font-size: 13px;
}

.page-header.account-page-header h2{
    color: #444;
}

.page-header.account-page-header ul > li > a{
    color: #777 !important;
}

.page-header.account-page-header  ul > li > a:hover,
.page-header.account-page-header ul > li > a:active{
    color: #333 !important;
}

.account-menu .list-group-item {
    border: none;
    background: #fff;
}

.account-menu .list-group-item:first-child,
.account-menu .list-group-item:last-child{
    border-radius: 0 !important;
    border-top: none;
}

.account-menu .list-group-item.active{
    border-left: 3px solid #f3821e;
    background: #f2f2f2;
    color: #000;
    padding-left: 12px;
}

.account-menu .list-group-item:hover,
.account-menu .list-group-item:focus{
    color: #000;
}


/**
 * Form
 */
.form-group-sm .form-control {
    height: 33px;
    font-size: 13px;
    font-weight: 300;
    border-radius: 0;
    border-color: #ddd;
}


.form-group-sm .form-control-static {
    height: 30px;
    min-height: 30px;
    margin-bottom: 0px;
    padding: 5px 10px;
    font-size: 13px;
}

.form-group-sm .input-group-btn .btn {
    padding: 6px 12px;
    height: 32px;
}

.input-sm {
    height: 30px !important;
    border-radius: 0 !important;
}

.input-group-addon {
    border-radius: 0!important;
}

.checkbox-static-square {
    margin-top: 0px;
    margin-bottom: 0;
    float: left;
    height: 18px;
    width: 18px;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0 2px;
}
.checkbox-static-label {
    display: block;
    float: left;
    margin: 2px 0 0 5px;
    font-size: 13px;
}

div.dataTables_info {
    padding-top: 15px;
    color: #777;
}

/* 
 * Tabs panel 
 */
.tabbable-panel {
    border:1px solid #eee;
    padding: 10px;
}

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
    background: #f9f9f9;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    background: transparent !important;
    color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
    border-bottom: 4px solid #f3821e;
    position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #111;
    font-weight: bold;
}
.tabbable-line > .nav-tabs > li.active > a > i {
    color: #404040;
}
.tabbable-line > .tab-content {
    background-color: #fff;
    border: 0;
    padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #f3821e;
}
.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

/**
 * datatables
 */
div.dataTables_filter {
    float: left;
    text-align: left;
    width: 100%;
}

div.dataTables_filter label{
    width: 100%;
}
div.dataTables_filter .fa{
    position: absolute;
    padding: 8px 10px;
}

div.dataTables_filter .form-control {
    width: 100%;
    margin-left: 0;
    height: 33px !important;
    margin-top: -3px;
    margin-bottom: -4px;
    font-size: 14px;
    padding-left: 30px !important;
    font-weight: normal;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}


.dataTables_length {
    float: left;
}

.dataTables_info {
    font-size: 13px;
    float: left;
    margin: -6px 10px;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 8px;
    display: block;
    font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
    content: "\f0dc";
    color: #000;
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
}

/**
 * Action links hover effect
 */
.action-buttons > a,
.action-buttons > .btn-group > a{
    margin: 0 3px;
    display: inline-block;
    opacity: 0.85;
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

.action-buttons > a:hover,
.action-buttons > .btn-group > a:hover{
    text-decoration: none;
    opacity: 1;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

/**
 * Modal shipment
 */
.modal .tabbable-line > .nav-tabs {
    margin-left: -15px;
    margin-right: -15px;
}

.modal-shipment{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

.modal-shipment label {
    font-size: 14px;
    text-transform: none;
}

.modal-shipment .panel{
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
}

.modal-shipment .form-group{
    margin-bottom: 6px;
}

.modal-shipment .form-horizontal .radio,
.modal-shipment .form-horizontal .checkbox,
.modal-shipment .form-horizontal .radio-inline,
.modal-shipment .form-horizontal .checkbox-inline {
    padding-top: 0;
    padding-bottom: 5px;
}

.modal-shipment .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
    line-height: 1.2 !important;
}

.modal-shipment .panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
    padding: 0 !important;
    height: 33px;
}

.modal-shipment .panel-heading h4 {
    background: #f2f2f2;
    color: #000;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 7px 15px 9px;
    height: 31px;
    position: relative;
    z-index: 11;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 3px 0 0 0;
}

.modal-shipment .panel-heading h4:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: -42px;
    top: -1px;
    width: 0;
    height: 0;
    border-right: 41px solid transparent;
    border-bottom: 31px solid #ddd;
}


.modal-shipment .panel-heading h4:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -40px;
    top: 0px;
    width: 0;
    height: 0;
    border-right: 40px solid transparent;
    border-bottom: 30px solid #f2f2f2;
}


.modal-shipment .shipment-top-header{
    background: #f9f9f9;
    margin-top: -16px;
    margin-bottom: 15px;
    padding: 8px 15px 0;
    border-bottom: 1px solid #eee;
}

.modal-shipment .panel-body {
    border: 1px solid #ddd;
    border-radius: 0 4px 4px 4px;
    margin-top: -3px !important;
}

.form-shipment .shipment-top-header .icheckbox_minimal-orange, .iradio_minimal-orange{
    background-color: #fff !important;
    border-radius: 50px !important;
}



/**
 * Counters
 */
.counter-square-box {
    text-align: center;
    border-left: 3px solid;
    background: #f9f9f9;
}

.counter-square-box .counter-box-icon {
    font-size: 250%;
    padding: 10px 0 15px;
    display: block;
}

.counter-square-box .counter-box-text{
    display: block;
    padding: 3px 0 5px;
    font-size: 12px;
}

.counter-square-box .counter-box-number {
    display: block;
    font-size: 200%;
}


.counter-box {
    background: #f9f9f9;
    margin-bottom: 15px;
}

.counter-box .counter-box-icon {
    font-size: 220%;
    text-align: center;
    padding: 14px 0;
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    color: #fff;
}

.counter-box .counter-box-content {
    float: left;
        padding: 5px 5px 5px 10px;
}

.counter-box .counter-box-text{
    display: block;
    padding: 0;
    font-size: 12px;
}

.counter-box .counter-box-number {
    display: block;
    font-size: 180%;
}

.counter-pending {
    border-color: #fdca2e;
}

.counter-accepted {
    border-color: #00a65a;
}

.counter-motion {
    border-color: #00C0EF;
}

.counter-incidences {
    border-color: #CC0000;
}

.customer-support {
    padding-left: 20px;
}

.customer-support .contact{
    height: 32px;
    width: 195px;
    border-radius: 50px;
    border: 1px solid #333;
    margin-top: 5px;
}

.customer-support .contact .icon{
    height: 30px;
    width: 35px;
    border-radius: 50px 0 0 50px;
    font-size: 20px;
    padding: 4px 11px;
    background: #333;
    display: block;
    float: left;
    color: #fff;
}

.customer-support .contact .number{
    padding: 1px 12px 2px;
    font-size: 22px;
    font-weight: 500;
    color: #000;
    position: absolute;
}

.customer-support .contact .number.extense {
    padding: 3px 8px 3px;
    font-size: 17px;
}

.customer-support .agency {
    font-size: 12px;
    margin-left: 13px;
}

/**
 * custom select2
 */

.input-sm .select2-container .select2-selection--single,
.input-group-sm .select2-container .select2-selection--single,
.form-group-sm .select2-container .select2-selection--single{
    height: 30px;
}

.input-sm .select2-container--default .select2-selection--single .select2-selection__rendered,
.input-group-sm .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-group-sm .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 28px;
    font-size: 13px;
}

.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:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn{
    border-radius: 0;
}

.input-group-addon {
    border-radius: 0;
}

.datepicker-days td.disabled{
    color: #ddd !important;
}

@media screen and (min-width: 992px) {
    .table-responsive {
        overflow-x: initial !important;
    }
}

.bg-gray-light {
    background: #f2f2f2 !important;
}

.autocomplete-suggestions {
    font-family: "Open Sans", sans-serif;
}
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 4px 5px; white-space: nowrap; overflow: hidden; font-size: 14px }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }