// Porto Config Scss Plugins File


// Created at 2017-04-13 08:34:38









//** Padding between columns. Gets divided in half for the left and right.


$grid-gutter-width:         30px !default;





// Large screen / wide desktop


$container-large-desktop: (1170px) !default;


$screen-lg: (1200px) !default;





$dark: 0;





$brand-primary:         #0088cc !default;


$brand-success:         #47a447 !default;


$brand-info:            #5bc0de !default;


$brand-warning:         #ed9c28 !default;


$brand-danger:          #d2322d !default;







    $color-dark: #1d2127;




$color-dark-inverse: #FFF;


$color-dark-1: $color-dark;


$color-dark-2: lighten($color-dark-1, 2%);


$color-dark-3: lighten($color-dark-1, 5%);


$color-dark-4: lighten($color-dark-1, 8%);


$color-dark-5: lighten($color-dark-1, 3%);


$color-darken-1: darken($color-dark-1, 2%);





$dark-bg: $color-dark;


$dark-default-text: #808697;







//** Background color for `<body>`.


$body-bg: #fff !default;





//== Colors


//


//## Gray and brand colors for use across Bootstrap.





$gray-base:              #000 !default;


$gray-darker:            lighten($gray-base, 13.5%) !default; // #222


$gray-dark:              lighten($gray-base, 20%) !default;   // #333


$gray:                   lighten($gray-base, 33.5%) !default; // #555


$gray-light:             lighten($gray-base, 46.7%) !default; // #777


$gray-lighter:           lighten($gray-base, 93.5%) !default; // #eee





//== Components





//** Global color for active items (e.g., navs or dropdowns).


$component-active-color:    #fff !default;


//** Global background color for active items (e.g., navs or dropdowns).


$component-active-bg:       $brand-primary !default;





//== Tables


//** Background color used for `.table-striped`.


$table-bg-accent:               #f9f9f9 !default;


//** Background color used for `.table-hover`.


$table-bg-hover:                #f5f5f5 !default;


$table-bg-active:               $table-bg-hover !default;





//** Border color for table and cell borders.


$table-border-color:            #ddd !default;





//== Buttons


$btn-default-color:              #333 !default;


$btn-default-bg:                 #fff !default;


$btn-default-border:             #ccc !default;





//== Forms


//


//##





//** `<input>` background color


$input-bg:                       #fff !default;


//** `<input disabled>` background color


$input-bg-disabled:              $gray-lighter !default;





//** Text color for `<input>`s


$input-color:                    #777 !default;


//** `<input>` border color


$input-border:                   #ccc !default;





//** Border color for inputs on focus


$input-border-focus:             #66afe9 !default;





//** Placeholder text color


$input-color-placeholder:        #999 !default;





//== Dropdowns


//** Background for the dropdown menu.


$dropdown-bg:                    #fff !default;


//** Dropdown menu `border-color`.


$dropdown-border:                rgba(0,0,0,.15) !default;


//** Dropdown menu `border-color` **for IE8**.


$dropdown-fallback-border:       #ccc !default;


//** Divider color for between dropdown items.


$dropdown-divider-bg:            #e5e5e5 !default;





//** Dropdown link text color.


$dropdown-link-color:            $gray-dark !default;


//** Hover color for dropdown links.


$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;


//** Hover background for dropdown links.


$dropdown-link-hover-bg:         #f5f5f5 !default;





//** Deprecated `$dropdown-caret-color` as of v3.1.0


$dropdown-caret-color:           #000 !default;





//== Tabs


$nav-tabs-border-color:                     #ddd !default;


$nav-tabs-active-link-hover-border-color:   #ddd !default;





$nav-tabs-justified-link-border-color:            #ddd !default;





//== Pagination


$pagination-bg:                        #fff !default;


$pagination-border:                    #ddd !default;


$pagination-hover-border:              #ddd !default;


$pagination-active-color:              #fff !default;


$pagination-disabled-bg:               #fff !default;


$pagination-disabled-border:           #ddd !default;





//== Popovers


//** Popover body background color


$popover-bg:                          #fff !default;


//** Popover border color


$popover-border-color:                rgba(0,0,0,.2) !default;


//** Popover fallback border color


$popover-fallback-border-color:       #ccc !default;





//== Modals


//** Background color of modal content area


$modal-content-bg:                             #fff !default;


//** Modal content border color


$modal-content-border-color:                   rgba(0,0,0,.2) !default;


//** Modal content border color **for IE8**


$modal-content-fallback-border-color:          #999 !default;





//** Modal backdrop background color


$modal-backdrop-bg:           #000 !default;


//** Modal header border color


$modal-header-border-color:   #e5e5e5 !default;





//== Progress bars


//** Background color of the whole progress component


$progress-bg:                 #f5f5f5 !default;





//== List group


//** Background color on `.list-group-item`


$list-group-bg:                 #fff !default;


//** `.list-group-item` border color


$list-group-border:             #ddd !default;


//** Background color of single list items on hover


$list-group-hover-bg:           #f5f5f5 !default;


$list-group-link-color:         #555 !default;


$list-group-link-heading-color: #333 !default;





//== Panels


$panel-bg: #fff !default;


$panel-default-border: #ddd !default;


$panel-default-heading-bg: #f5f5f5 !default;


//** Border color for elements within panels


$panel-inner-border:          #ddd !default;


$panel-footer-bg:             #f5f5f5 !default;


$panel-primary-text:          #fff !default;





//== Wells


$well-bg:                     #f5f5f5 !default;





//== Breadcrumbs


//** Breadcrumb background color


$breadcrumb-bg:                 #f5f5f5 !default;


//** Breadcrumb text color


$breadcrumb-color:              #ccc !default;





//== Close


$close-color:                 #000 !default;


$close-text-shadow:           0 1px 0 #fff !default;





//== Code


$code-bg:                     #f9f2f4 !default;


$kbd-color:                   #fff !default;


$kbd-bg:                      #333 !default;





$pre-bg:                      #f5f5f5 !default;


$pre-border-color:            #ccc !default;










// Border radius




    $border-radius-base:  0 !default;


    $border-radius-large: 0 !default;


    $border-radius-small: 0 !default;


    $pager-border-radius: 0 !default;


    $badge-border-radius: 0 !default;


    $border-radius-normal: 0;


    $border-radius-base:   0;


    $border-radius-thick:  0;


    $border-radius-strong: 0;


    $scroll-border-radius: 0;


    $scroll-border-radius-large: 0;









    //** Padding around the thumbnail image


    $thumbnail-padding:      0 !default;


    //** Thumbnail border color


    $thumbnail-border:       transparent !default;


    $thumbnail-border-width: 0;


    $thumbnail-slide-width:  100%;







