/*------------------------------------------------------------------

[Main Stylesheet]

Project:	Base Admin
Version:	3.0
Last change:	09/04/2013
Assigned to:	Rod Howard (rh)


*** Any customizations made to this should be added to the custom.css
stylesheet in order to separate your customizations and make 
upgrading in the future easier. ***


#78b840 GREEN
/*
	GREEN:
	#78b840
	
	GREEN LITE:
	#7bcd33
	
	GREEN SUPER LITE:
	#9cf346
	
	GREEN ULTRA LITE:
	#e2ffc5
	
	GREEN DARK:
	#66a331
	
	GREEN SUPRER DARK:
	#4e7c26
	
	GREY:
	#d9d9d9
	
	DARK GREY:
	#555e63
	
	*/

/*------------------------------------------------------------------
[ Global ]
*/
body {
    /*background: white url(../images/tiny_grid.png) repeat 0 0;*/
    /*font: 14px 'Tahoma';*/
}

p {
    /*font: 14px 'Tahoma';*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'Tahoma';*/
    font-weight: normal;
}

input,
button,
select,
textarea {
    /*font-family: 'Tahoma';*/
}

[class^="icon-"]:not(.ui-icon),
[class*="icon-"]:not(.ui-icon) {
    background: none;
}

[class^="fa"] {
    background: none \9;
}

.dropdown .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-icon-only {
    padding-right: 6px;
    padding-left: 3px;
}

.table td {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}

.chart-holder {
    width: 100%;
    height: 250px;
}

.clear {
    clear: both;
}

/*------------------------------------------------------------------
[ Navbar / .navbar ]
*/
.navbar {
    margin-bottom: 0;
    border-radius: 0;
    border-radius: 0 !important;
}

.navbar.navbar-inverse {
    background: #292929;
    border-color: #292929;
    border-bottom: 1px solid #000;
}

.navbar.navbar-inverse .navbar-toggle {
    padding: 9px;
    margin-top: 6px;
    margin-right: 5px;
    margin-bottom: 0;
    color: #666;
    font-size: 18px;
    line-height: 0;
    border-color: transparent;
    margin-left: 5px;
}

.navbar .navbar-nav > li > a {
    font-size: 14px;
}

.navbar .navbar-header .navbar-brand {
    color: #CCC;
    font-weight: 600;
    position: relative;
    top: 0;
}

.navbar .navbar-header .navbar-brand:hover {
    color: #FFF;
}

.navbar .navbar-header img {
    height: 33px;
    float: right;
    margin-left: 14px;
    margin-top: 10px;
}

.navbar .navbar-nav > li > .dropdown-menu {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.navbar .navbar-nav > li > .dropdown-menu::before,
.navbar .navbar-nav > li > .dropdown-menu::after {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    right: 9px;
}

.navbar .navbar-nav > li > .dropdown-menu::after {
    border-left-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 6px;
    border-bottom-color: #fff;
    top: -6px;
    right: 10px;
}

.navbar .navbar-nav.navbar-right > li > .dropdown-menu::before,
.navbar .navbar-nav.navbar-right > li > .dropdown-menu::after {
    left: auto;
    right: 9px;
}

.navbar .navbar-nav.navbar-right > li > .dropdown-menu::after {
    left: auto;
    right: 10px;
}

.navbar .navbar-nav > li > .dropdown-menu i {
    color: #78b840;
    margin-left: 10px;
}

.navbar.navbar-inverse .navbar-form .search-query {
    width: 225px;
    margin-top: 2px;
    background-color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    border-color: #000;
    border-radius: 20px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
}

.navbar.navbar-inverse .navbar-form .search-query:focus {
    background-color: #FFF;
}

.navbar.navbar-inverse .navbar-form .search-query::-webkit-input-placeholder {
    color: #666;
}

.navbar.navbar-inverse .navbar-form .search-query::-moz-placeholder {
    color: #666;
}

.search-cl-form {
    float: left;
    width: 18em;
    margin-top: 20px;
}

.search-cl-form .search-cl-query {
    color: white;
    background-color: #333;
    height: 3em;
    min-height: 14px;
    font-size: 14px;
    line-height: 20px;
    border-color: #000;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
}

.search-cl-form .search-cl-query:focus {
    color: red;
    background-color: #FFF;
}

.search-cl-form .search-cl-query::-webkit-input-placeholder {
    color: #FFF;
}

.search-cl-form .search-cl-query:focus::-webkit-input-placeholder {
    color: #666;
}

.search-cl-form .search-cl-query::-moz-placeholder {
    color: #FFF;
}

.search-cl-form .search-cl-query:focus::-moz-placeholder {
    color: #666;
}

.navbar-text {
    font-size: 14px;
}

/*------------------------------------------------------------------
[ Subnavbar / .subnavbar ]
*/

.subnavbar {
    margin-bottom: 1.0em;
    border-top: 1px solid #595959;
    padding-top: 50px;
}

.subnavbar .subnav-toggle {
    display: none;
    padding: .5em 0;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    color: #78b840;
}

.subnavbar .subnav-toggle:hover {
    text-decoration: none;
}

.subnavbar .subnavbar-inner {
    height: 80px;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#414141), to(#323232));
    background-image: -webkit-linear-gradient(top, #414141, 0%, #323232, 100%);
    background-image: -moz-linear-gradient(top, #414141 0%, #323232 100%);
    background-image: linear-gradient(to bottom, #414141 0%, #323232 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff414141', endColorstr='#ff323232', GradientType=0);
    border-bottom: 1px solid #000;
}

.subnavbar .btn-subnavbar {
    display: none;
    padding: 10px 0 8px;
    color: #78b840;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.subnavbar .btn-subnavbar:hover {
    text-decoration: none;
}

.subnavbar .dropdown .caret {
    margin-top: 0px;
    border-top-color: #888;
    border-bottom-color: #888;
    opacity: 35;
    filter: alpha(opacity=3500);
}

.subnavbar .dropdown.open .caret {
    display: none;
}

.subnavbar .mainnav {
    display: inline-block;
    height: 80px;
    padding: 0;
    margin: 0;
    border-left: 1px solid #292929;
    border-right: 1px solid #4A4A4A;
}

.subnavbar .mainnav > li {
    float: right;
    min-width: 90px;
    height: 80px;
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;
    border-left: 1px solid #4A4A4A;
    border-right: 1px solid #292929;
}

.subnavbar .mainnav > li > a {
    display: block;
    height: 100%;
    padding: 0 15px;
    font-size: 13px;
    font-weight: bold;
    color: #9d9d9d;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.subnavbar .mainnav > li > a:hover {
    color: #888;
    text-decoration: none;
}

.subnavbar .mainnav > li > a > i {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 25px;
    margin-top: 11px;
    margin-bottom: 11px;
    font-size: 29px;
}

.subnavbar .mainnav > li > a > span {
    display: block;
    padding-bottom: 2px;
    text-align: center;
}

.subnavbar .mainnav > li.open > a {
    text-decoration: none;
}

.subnavbar .mainnav > li.active > a {
    background: #333;
    color: #78b840;
}

.subnavbar .mainnav > li.active > a .caret {
    border-top-color: #78b840;
    border-bottom-color: #78b840;
}

.subnavbar .dropdown > .dropdown-menu {
    top: 97%;
    text-align: right;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.subnavbar .dropdown > .dropdown-menu a {
    font-size: 14px;
}

.menu_text {
    display: block;
    padding: 3px 13px;
    line-height: 20px;
    white-space: nowrap;
    font-size: 14px;
}

.subnavbar .dropdown > .dropdown-menu::before,
.subnavbar .dropdown > .dropdown-menu::after {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    right: 9px;
}

.subnavbar .dropdown > .dropdown-menu::after {
    border-left-width: 6px;
    border-right-width: 6px;
    border-bottom-width: 6px;
    border-bottom-color: #fff;
    top: -6px;
    right: 10px;
}

.subnavbar .dropdown-submenu .dropdown-menu:after,
.subnavbar .dropdown-submenu .dropdown-menu:before {
    display: none;
}

.subnavbar .subnav-collapse.collapse {
    height: auto;
    overflow: visible;
    display: flex;
    justify-content: space-between;
}

.submenu_badge {
    position: absolute;
    padding: 4px 6px;
    vertical-align: baseline;
    background-color: #7bcd33;
    right: 0;
}

.submenu_badge_text {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    z-index: 99999;
    text-align: center;
    white-space: nowrap;
}

.submenu_ret_badge {
    position: absolute;
    padding: 4px 6px;
    vertical-align: baseline;
    background-color: #F90;
    left: 0;
}

.submenu_ret_badge_text {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    z-index: 99999;
    text-align: center;
    white-space: nowrap;
}

span.badge.badge_new_clients_counter {
    background-color: #7acc33;
}

/*-----------------------------------------------

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}



/*------------------------------------------------------------------
[ Main / .main ]
*/
.main {
    padding-bottom: 2em;
}

/*------------------------------------------------------------------
[ Extra / .extra ]
*/
.extra {
    border-top: 1px solid #000;
    padding: 20px 0;
    font-size: 11px;
    color: #BBB;
    background: #1A1A1A;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.extra a {
    color: #666;
}

.extra h4 {
    margin-bottom: 1em;
    font-weight: 400;
}

.extra ul {
    padding: 0;
    margin: 0;
}

.extra ul li {
    margin-bottom: .6em;
    list-style: none;
}

/*------------------------------------------------------------------
[ Footer/ .footer ]
*/
.footer {
    width: 100%;
    margin-top: 0;
    /*border-top: 1px solid #000;*/
    padding: 15px 0;
    font-size: 12px;
    /*background: #111;*/
    /*color: #999;*/
    /*-webkit-box-shadow: inset 0 1px 0 #292929;*/
    /*box-shadow: inset 0 1px 0 #292929;*/
}

.footer #footer-terms {
    text-align: right;
}

.footer a {
    color: #FFF;
}

.footer a:hover {
    color: #FFF;
    text-decoration: none;
}

/*------------------------------------------------------------------
[ Error / .error-container ]
*/
.error-container {
    margin-top: 4em;
    margin-bottom: 4em;
    text-align: center;
}

.error-container h1 {
    margin-bottom: .5em;
    font-size: 120px;
    line-height: 1em;
}

.error-container h2 {
    margin-bottom: .75em;
    font-size: 28px;
}

.error-container .error-details {
    margin-bottom: 1.5em;
    font-size: 16px;
}

.error-container .error-actions a {
    margin: 0 .5em;
}

/*------------------------------------------------------------------
[ Datepicker / .ui-datepicker ]
*/
.ui-datepicker {
    padding: .35em .35em 0;
}

.ui-datepicker th {
    font-weight: bold;
    color: gray;
}

.ui-datepicker .ui-widget-header {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#363636));
    background-image: -webkit-linear-gradient(top, #555555, 0%, #363636, 100%);
    background-image: -moz-linear-gradient(top, #555555 0%, #363636 100%);
    background-image: linear-gradient(to bottom, #555555 0%, #363636 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff363636', GradientType=0);
    border: 1px solid #2f2f2f;
    -webkit-box-shadow: inset 0 1px 0 #838383;
    box-shadow: inset 0 1px 0 #838383;
}

.ui-datepicker td a {
    margin-bottom: 0px;
    border: 0px;
}

.ui-datepicker td:hover {
    color: #ffffff;
}

.ui-datepicker td .ui-state-default {
    padding: 6px;
    margin-bottom: 0px;
    color: #505050;
    font-size: 11px;
    text-align: center;
    background: none;
    filter: none;
    border: 0px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
}

.ui-datepicker td .ui-state-default:hover {
    color: #ffffff;
    background: #999999;
    text-shadow: none;
}

.ui-datepicker td .ui-state-active {
    margin-bottom: 0px;
    color: #ffffff;
    font-size: normal;
    background: #78b840;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
    background: #ffffff;
    border: 1px solid #b36b00;
}

.ui-datepicker-today a:hover {
    color: #ffffff;
    background-color: #78b840;
}

.ui-datepicker-today a {
    padding: 0 1px;
    margin-bottom: 0px;
    background-color: #999999;
    cursor: pointer;
}

.ui-datepicker-next-hover .ui-icon,
.ui-datepicker-prev-hover .ui-icon {
    background-color: #ffffff;
    background-image: url(../css/ui-lightness/images/ui-icons_222222_256x240.png);
    opacity: .5;
}

/*------------------------------------------------------------------
[ Slider / .ui-slider ]
*/
.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 16px;
    background: url(../images/jquery/handle.png) no-repeat;
    border: none;
    cursor: pointer;
}

.ui-slider .ui-slider-handle:hover {
    background-position: 0 -16px;
}

.ui-slider .ui-slider-handle:active {
    background-position: 0 -16px;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 6px;
    font-size: .7em;
    display: block;
    border: 1px solid #FFF;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#cccccc), to(#bdbdbd));
    background-image: -webkit-linear-gradient(top, #cccccc, 0%, #bdbdbd, 100%);
    background-image: -moz-linear-gradient(top, #cccccc 0%, #bdbdbd 100%);
    background-image: linear-gradient(to bottom, #cccccc 0%, #bdbdbd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffbdbdbd', GradientType=0);
    border-color: #b3b3b3;
}

.ui-slider.slider-primary .ui-slider-range {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffa929), to(#ff9d0a));
    background-image: -webkit-linear-gradient(top, #ffa929, 0%, #ff9d0a, 100%);
    background-image: -moz-linear-gradient(top, #ffa929 0%, #ff9d0a 100%);
    background-image: linear-gradient(to bottom, #ffa929 0%, #ff9d0a 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffa929', endColorstr='#ffff9d0a', GradientType=0);
    border-color: #66a331;
}

.ui-slider.slider-secondary .ui-slider-range {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#333333), to(#242424));
    background-image: -webkit-linear-gradient(top, #333333, 0%, #242424, 100%);
    background-image: -moz-linear-gradient(top, #333333 0%, #242424 100%);
    background-image: linear-gradient(to bottom, #333333 0%, #242424 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff242424', GradientType=0);
    border-color: #1a1a1a;
}

.ui-slider.slider-tertiary .ui-slider-range {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#777777), to(#686868));
    background-image: -webkit-linear-gradient(top, #777777, 0%, #686868, 100%);
    background-image: -moz-linear-gradient(top, #777777 0%, #686868 100%);
    background-image: linear-gradient(to bottom, #777777 0%, #686868 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff777777', endColorstr='#ff686868', GradientType=0);
    border-color: #5e5e5e;
}

.ui-slider-horizontal {
    height: 12px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 110%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 11px;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -3px;
    margin-left: 0;
    margin-bottom: -0.6em;
    width: 15px;
    height: 24px;
    background: url(../images/jquery/handle-vertical.png) no-repeat;
}

.ui-slider-vertical .ui-slider-handle:hover {
    background-position: 0 -24px;
}

.ui-slider-vertical .ui-slider-handle:active {
    background-position: 0 -24px;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 9px;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/*------------------------------------------------------------------
[ Validation / .control-group ]
*/
.form-group {
    position: relative;
}

.form-group span.error {
    display: inline-block !important;
    color: #B94A48;
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -5px;
    padding: 4px 8px;
    margin-bottom: 1em;
    color: #FFF;
    background: #B94A48;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}

.form-group span.error::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #B94A48;
    position: absolute;
    bottom: -6px;
    left: 7px;
}

.form-group.error {
    padding-bottom: .5em;
}

.form-group.error div.clean {
    display: none;
}

.form-group.success span.error {
    display: none !important;
}

.form-group.success span.error::after {
    border: none;
}

.form-group.success div.clean {
    display: none;
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(../images/validation/validation-success.png) no-repeat 0 0;
}

.form-horizontal .form-group span.error {
    margin-left: 1.5em;
    margin-left: 15px;
}

.form-group {
    margin-bottom: 10px;
}

/*------------------------------------------------------------------
[ Widget / .widget ]
*/
.widget {
    position: relative;
    clear: both;
    width: auto;
    margin-bottom: 2em;
    /* Clearfix Hack */

    /* Widget Table */

    /* Widget Plain */

    /* Widget Box */

}

.widget .widget-header {
    position: relative;
    height: 35px;
    line-height: 34px;
    background-color: white;
    /*background: #E9E9E9;*/
    /*background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);*/
    /*!* FF3.6+ *!*/

    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));*/
    /*!* Chrome,Safari4+ *!*/

    /*background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);*/
    /*!* Chrome10+,Safari5.1+ *!*/

    /*background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);*/
    /*!* Opera11.10+ *!*/

    /*background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);*/
    /*!* IE10+ *!*/

    /*background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);*/
    /*!* W3C *!*/

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
    border: 1px solid #D5D5D5;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-background-clip: padding-box;
}

.widget .widget-header h3 {
    top: 0;
    position: relative;
    right: 5px;
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #555;
    line-height: 16px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.widget .widget-header > a.pull-left {
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 13px;
    font-size: 18px;
    /* vertical-align: middle; */
    line-height: 26px;
}

.widget .widget-header a {
    text-decoration: none;
    color: #337ab7;
}

.widget .widget-header a:hover {
    color: #00c4ff;
}

.widget .widget-header .todo_tab_link {
    margin-left: 14px;
    color: #555;
    font-size: 12px;
}

.widget .widget-header .active {
    color: #78b840;
}

.widget .widget-header > .fa,
.widget .widget-header > div > .fa,
.widget .widget-header > .fas,
.widget .widget-header > .far,
.widget .widget-header .far,
.widget .widget-header .fad,
.widget .widget-header > .fab,
.widget .widget-header > .fa-light,
.widget .widget-header > .fa-regular,
.widget .widget-header > .fa-thin,
.widget .widget-header > .fa-duotone,
.widget .widget-header > .fa-solid,
.widget .widget-header .fal {
    display: inline-block;
    margin-right: 13px;
    margin-left: -2px;
    font-size: 20px;
    color: #78b840;
    vertical-align: middle;
}

.widget .widget-header .fad.fa-hands-helping {
    color: #337ab7;
}

.widget .widget-content {
    padding: 25px 15px 15px;
    background: #FFF;
    border: 1px solid #D5D5D5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.widget .widget-header + .widget-content {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widget.widget-nopad .widget-content {
    padding: 0;
}

.widget .widget-content:before,
.widget .widget-content:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.widget .widget-content:after {
    clear: both;
}

.widget .widget-content:before,
.widget .widget-content:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

}

.widget .widget-content:after {
    clear: both;
}

.widget.widget-table .widget-content {
    padding: 0;
}

.widget.widget-table .table {
    margin: 0;
    padding: 0px;
    border: none;
    font-size: 12px;
}

.widget.widget-table .widget-content {
    /*
    height: 250px;
    overflow: scroll;
    */
}

.widget.widget-table .table tr td:first-child,
.widget.widget-table .table tr th:first-child {
    border-right: none;
}

.widget.widget-plain {
    background: transparent;
    border: none;
}

.widget.widget-plain .widget-content {
    padding: 0;
    background: transparent;
    border: none;
}

.widget.widget-box .widget-content {
    background: #E3E3E3;
    background: #FFF;
}

/*------------------------------------------------------------------
[ Shortcuts / .shortcuts ]
*/
.shortcuts {
    text-align: center;
}


.shortcuts .shortcut {
    width: 110px;
    display: inline-block;
    padding: 0 0;
    margin: 0 5px 20px;
    vertical-align: top;
    text-decoration: none;
    background-color: white;
    /*background: #F3F3F3;*/
    /*background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee));*/
    /*background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%);*/
    /*background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);*/
    /*background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);*/
    /*background-repeat: repeat-x;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);*/
    border: 1px solid white;
    box-sizing: border-box;
    border-radius: 2px;
}

.shortcuts .shortcut .shortcut-icon {
    width: 100%;
    margin-top: .25em;
    margin-bottom: .35em;
    font-size: 32px;
    color: #555;
    /*line-height: 1em;*/
}

.shortcuts .shortcut:hover {
    /*background: #E8E8E8;*/
    /*background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1));*/
    /*background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%);*/
    /*background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%);*/
    /*background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%);*/
    /*background-repeat: repeat-x;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0);*/

    border: 1px solid #ddd;
}

.shortcuts .shortcut:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.shortcuts .shortcut:hover .shortcut-icon {
    color: #666;
}

.shortcuts .shortcut-label {
    display: block;
    margin-top: .75em;
    font-weight: 400;
    color: #666;
}

/*------------------------------------------------------------------
[ Item Row / .item-row ]
*/
.item-row {
    display: table;
    width: 100%;
    padding-bottom: 3.5em;
    margin-bottom: 3.5em;
    border-bottom: 1px dotted #BBB;
}

.item-row .item-label {
    display: table-cell;
    vertical-align: top;
    width: 200px;
    font-size: 13px;
    font-weight: 600;
}

.item-row .item-content {
    display: table-cell;
}

/*------------------------------------------------------------------
[ MsgBox / .jquery-msgbox ]
*/
.jquery-msgbox-wrapper {
    padding-left: 90px;
}

.jquery-msgbox-alert {
    background: url(../images/notifications/alert-48.png) no-repeat 21px 20px;
}

.jquery-msgbox-info {
    background: url(../images/notifications/info-48.png) no-repeat 21px 20px;
}

.jquery-msgbox-error {
    background: url(../images/notifications/error-48.png) no-repeat 21px 20px;
}

.jquery-msgbox-prompt {
    background: url(../images/notifications/question-dark-48.png) no-repeat 20px 20px;
}

.jquery-msgbox-confirm {
    background: url(../images/notifications/question-48.png) no-repeat 20px 20px;
}

/*------------------------------------------------------------------
[ Growl / .msgGrowl ]
*/
.msgGrowl.success .msgGrowl-content {
    background: url(../images/notifications/success-32.png) no-repeat 7px 13px;
}

.msgGrowl.error .msgGrowl-content {
    background: url(../images/notifications/error-32.png) no-repeat 7px 13px;
}

.msgGrowl.info .msgGrowl-content {
    background: url(../images/notifications/info-32.png) no-repeat 7px 13px;
}

.msgGrowl.warning .msgGrowl-content {
    background: url(../images/notifications/alert-32.png) no-repeat 7px 13px;
}

/*------------------------------------------------------------------
[ Back to Top / #back-to-top ]
*/
#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 9999;
    width: 45px;
    height: 45px;
    display: block;
    background: #222;
    background: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    cursor: pointer;
}

#back-to-top:hover {
    text-decoration: none;
    background-color: #78b840;
}

#back-to-top i {
    color: white;
}

/*----------------------------------------------------------------
Static Bottom Save Dialog
*/

.bottom_static {
    width: 100%;
    position: fixed;
    display: block;
    margin-bottom: -25px;
    bottom: 25px;
    background: rgba(51, 122, 183, 0.25);
    z-index: 10;
}

.bottom_static .alert-block2 {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

.bottom_static .save_text {
    color: black;
    font-size: 16px;
}

.bottom_static .save_buttons {
    margin-right: 25px;
}


/*------------------------------------------------------------------
[ Stacked / .stacked ]
*/
.stacked {
    position: relative;
}

.stacked:after,
.stacked:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    bottom: -2px;
    left: 3px;
    right: 3px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #d3d3d3;
    border-top: 0;
}

.stacked:before {
    bottom: -4px;
    left: 6px;
    right: 6px;
}

.nav-tabs > li > a,
.nav-pills > li > a {
    padding: 7px 12px;
}

.tab-content {
    /*
    margin-top: 1.75em;
    */
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: #eee;
}

.nav-pills > li > a,
.nav-pills > li > a:hover {
    color: #555;
}

.nav-pills > li > a .caret,
.nav-pills > li > a:hover .caret {
    margin-top: -2px;
    border-top-color: #555;
    border-bottom-color: #555;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #78b840;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    color: #555;
    border-top-width: 3px;
}

.nav-tabs > li > a .caret,
.nav-tabs > li > a:hover .caret,
.nav-tabs > li > a:focus .caret {
    margin-top: -2px;
    border-top-color: #555;
    border-bottom-color: #555;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top: 3px solid #78b840;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #555;
}

/*------------------------------------------------------------------
[ Tables / .table ]
*/
.table-bordered thead tr th {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #444;
    border-right: 1px solid #F1F1F1;
    border-left: 1px solid #CCC;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.table-bordered thead tr th:first-child {
    border-right-color: #CCC;
}

.table-bordered thead tr th:last-child {
    border-left: none;
}

.table-bordered tbody tr:first-child td {
    border-top-color: #CCC;
}

.table-bordered tbody tr td {
    border-right: 1px solid #FFF;
    border-left: 1px solid #DDD;
}

.table-bordered tbody tr td:first-child {
    border-right-color: #DDD;
}

.table-bordered tbody tr td:last-child {
    border-left: none;
}

.table-bordered {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.table-bordered thead tr {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#e2e2e2));
    background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #e2e2e2, 100%);
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e2e2e2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe2e2e2', GradientType=0);
}

.table-bordered thead th {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #444;
    border-right: 1px solid #F1F1F1;
    border-left: 1px solid #CCC;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.table-bordered thead th:first-child {
    border-left-color: #CCC;
}

.table-bordered thead th:last-child {
    border-right: none;
}

.table-bordered tbody td {
    border-right: 1px solid #FFF;
    border-left: 1px solid #DDD;
}

.table-bordered tbody tr td:first-child {
    border-left-color: #DDD;
}

.table-bordered tbody tr td:last-child {
    border-left: none;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 4px 5px 2px 5px;
    line-height: 1.428571429;
    vertical-align: middle;
    font-size: 12px;
}

/*------------------------------------------------------------------
[ Accordion / .accordion-group ]
*/
.accordion.highlight .panel.open.panel-default > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#78b840), to(#66a331));
    background-image: -webkit-linear-gradient(top, #78b840, 0%, #66a331, 100%);
    background-image: -moz-linear-gradient(top, #78b840 0%, #66a331 100%);
    background-image: linear-gradient(to bottom, #78b840 0%, #66a331 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffcc7a00', GradientType=0);
    border-color: #b36b00;
}

.accordion .panel.open.panel-default > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#555555), to(#3b3b3b));
    background-image: -webkit-linear-gradient(top, #555555, 0%, #3b3b3b, 100%);
    background-image: -moz-linear-gradient(top, #555555 0%, #3b3b3b 100%);
    background-image: linear-gradient(to bottom, #555555 0%, #3b3b3b 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff3b3b3b', GradientType=0);
    border: 1px solid #222222;
    color: #FFF;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.panel .accordion-toggle {
    display: block;
    font-size: 15px;
    font-weight: 400;
}

.panel .accordion-toggle:hover {
    text-decoration: none;
}

/*------------------------------------------------------------------
[ Modal / .modal ]
*/
/*.modal {*/
/*border: none;*/
/*border-top-right-radius: 6px;*/
/*border-top-left-radius: 6px;*/
/*-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);*/
/*box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);*/
/*}*/

/*.modal-header {*/
/*padding: 17px 20px;*/
/*background-image: -webkit-gradient(linear, left 0%, left 100%, from(#444444), to(#2d2d2d));*/
/*background-image: -webkit-linear-gradient(top, #444444, 0%, #2d2d2d, 100%);*/
/*background-image: -moz-linear-gradient(top, #444444 0%, #2d2d2d 100%);*/
/*background-image: linear-gradient(to bottom, #444444 0%, #2d2d2d 100%);*/
/*background-repeat: repeat-x;*/
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff2d2d2d', GradientType=0);*/
/*border: 1px solid #111111;*/
/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);*/
/*border-top-right-radius: 5px;*/
/*border-top-left-radius: 5px;*/
/*}*/

/*.modal-header h1,*/
/*.modal-header h2,*/
/*.modal-header h3,*/
/*.modal-header h4,*/
/*.modal-header h5,*/
/*.modal-header h6 {*/
/*margin-bottom: 0;*/
/*color: #ffffff;*/
/*font-weight: 400;*/
/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
/*}*/

/*.modal-header .close {*/
/*color: #ffffff;*/
/*opacity: 100;*/
/*filter: alpha(opacity=10000);*/
/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
/*}*/

/*.modal-title i {*/
/*color: #7bcd33;*/
/*}*/

/*------------------------------------------------------------------
[ Dropdown Menu / .dropdown-menu ]
*/
.dropdown-menu {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dropdown-menu > li > a {
    padding: 5px 9px;
    margin: 0 6px;
    font-size: 12px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #FFF;
    background: #78b840;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    background: #78b840;
    text-shadow: none;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-right: -1px;
    -webkit-border-radius: 6px 0px 6px 6px;
    -moz-border-radius: 6px 0px 6px 6px;
    border-radius: 6px 0px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-right-color: #cccccc;
    margin-top: 5px;
    margin-left: -5px;
}

.dropdown-submenu:hover > a:after {
    border-right-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*------------------------------------------------------------------
[ Pagination / .pagination ]
*/
ul.pagination li a {
    padding: 0 15px;
    margin-right: unset;
    margin-left: unset;
    color: #444;
    line-height: 32px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: unset;
}

ul.pagination li.active a {
    font-weight: 600;
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);*/
    background-color: #78b840;
    border-color: #78b840;
}

ul.pagination li.active a:hover {
    background-color: #78b840;
    border-color: #78b840;
}

.pager li {
    margin-right: .25em;
    margin-left: .25em;
}

.pager li > a {
    color: #444;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

ul.pagination li:not(:last-child) a {
    border-left: unset;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #78b840;
    border-color: #78b840;
    box-shadow: unset;
}

/*------------------------------------------------------------------
[ Gallery / .gallery-container ]
*/
.gallery-container {
    margin: 0;
    margin-bottom: 20px;
    list-style: none;
    text-align: center;
}

.gallery-container li {
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    margin-bottom: 2em;
    border: 1px solid #d3d3d3;
    position: relative;
    padding: 6px;
}

.gallery-container img {
    position: relative;
    z-index: 10;
    max-width: 100%;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    cursor: pointer;
}

.gallery-container li {
    position: relative;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.gallery-container li :after,
.gallery-container li :before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    bottom: -3px;
    left: 3px;
    right: 3px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #d3d3d3;
    border-top: 0;
}

.gallery-container li :before {
    bottom: -5px;
    left: 6px;
    right: 6px;
}

.preview {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 20;
    display: none;
    width: 184px;
    height: 120px;
    background-color: rgba(0, 0, 0, 0.65);
    background-image: url(../images/gallery/zoom.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn-default,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-default:active,
.btn-primary:active,
.btn-secondary:active,
.btn-tertiary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-secondary.active,
.btn-tertiary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:active,
.btn.active {
    background-image: none;
}

.btn-default {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e0e0e0;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}

.btn-default:active,
.btn-default.active {
    background-color: #e6e6e6;
    border-color: #e0e0e0;
}

.btn-primary {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#78b840), to(#66a331));
    background-image: -webkit-linear-gradient(top, #78b840, 0%, #66a331, 100%);
    background-image: -moz-linear-gradient(top, #78b840 0%, #66a331 100%);
    background-image: linear-gradient(to bottom, #78b840 0%, #66a331 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffcc7a00', GradientType=0);
    border-color: #4e7c26;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #66a331;
    border-color: #4e7c26;
}

.btn-primary:hover {
    border-color: #4e7c26;
}

.btn-success {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
    background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
    background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
    border-color: #419641;
}

.btn-success:active,
.btn-success.active {
    background-color: #449d44;
    border-color: #419641;
}

.btn-warning {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffbb1c), to(#e8a300));
    background-image: -webkit-linear-gradient(top, #ffbb1c, 0%, #e8a300, 100%);
    background-image: -moz-linear-gradient(top, #ffbb1c 0%, #e8a300 100%);
    background-image: linear-gradient(to bottom, #ffbb1c 0%, #e8a300 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbb1c', endColorstr='#ffe8a300', GradientType=0);
    border-color: #de9b00;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #e8a300;
    border-color: #de9b00;
}

.btn-danger {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
    background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
    background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
    border-color: #c12e2a;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #c9302c;
    border-color: #c12e2a;
}

.btn-info {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
    background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
    background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
    border-color: #2aabd2;
}

.btn-info:active,
.btn-info.active {
    background-color: #31b0d5;
    border-color: #2aabd2;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #66a331;
    border-color: #4e7c26;
}

.thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.navbar {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}

.navbar .navbar-nav > .active > a {
    background-color: #f8f8f8;
}

.navbar-brand,
.navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}

.navbar-inverse {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3c3c3c), to(#222222));
    background-image: -webkit-linear-gradient(top, #3c3c3c, 0%, #222222, 100%);
    background-image: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
    background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: #222222;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
    border-radius: 0;
}

.progress {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f5f5f5, 100%);
    background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}

.progress-bar {
    background: #428bca;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
    background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
    background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
}

.progress-bar-success {
    background: #5cb85c;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
    background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
    background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}

.progress-bar-info {
    background: #5bc0de;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
    background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
    background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}

.progress-bar-warning {
    background: #ffbb1c;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffbb1c), to(#e8a300));
    background-image: -webkit-linear-gradient(top, #ffbb1c, 0%, #e8a300, 100%);
    background-image: -moz-linear-gradient(top, #ffbb1c 0%, #e8a300 100%);
    background-image: linear-gradient(to bottom, #ffbb1c 0%, #e8a300 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbb1c', endColorstr='#ffe8a300', GradientType=0);
}

.progress-bar-danger {
    background: #d9534f;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
    background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
    background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}

.progress-bar-primary {
    background: #78b840;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#78b840), to(#66a331));
    background-image: -webkit-linear-gradient(top, #78b840, 0%, #66a331, 100%);
    background-image: -moz-linear-gradient(top, #78b840 0%, #66a331 100%);
    background-image: linear-gradient(to bottom, #78b840 0%, #66a331 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffcc7a00', GradientType=0);
}

.progress-bar-secondary {
    background: #666666;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#666666), to(#4d4d4d));
    background-image: -webkit-linear-gradient(top, #666666, 0%, #4d4d4d, 100%);
    background-image: -moz-linear-gradient(top, #666666 0%, #4d4d4d 100%);
    background-image: linear-gradient(to bottom, #666666 0%, #4d4d4d 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff4d4d4d', GradientType=0);
}

.progress-bar-tertiary {
    background: #aaaaaa;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#aaaaaa), to(#919191));
    background-image: -webkit-linear-gradient(top, #aaaaaa, 0%, #919191, 100%);
    background-image: -moz-linear-gradient(top, #aaaaaa 0%, #919191 100%);
    background-image: linear-gradient(to bottom, #aaaaaa 0%, #919191 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaaaaaa', endColorstr='#ff919191', GradientType=0);
}

.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #66a331;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#78b840), to(#d98200));
    background-image: -webkit-linear-gradient(top, #78b840, 0%, #d98200, 100%);
    background-image: -moz-linear-gradient(top, #78b840 0%, #d98200 100%);
    background-image: linear-gradient(to bottom, #78b840 0%, #d98200 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff9900', endColorstr='#ffd98200', GradientType=0);
    border-color: #d98200;
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.panel-primary > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd));
    background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%);
    background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%);
    background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}

.panel-success > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#dff0d8), to(#d0e9c6));
    background-image: -webkit-linear-gradient(top, #dff0d8, 0%, #d0e9c6, 100%);
    background-image: -moz-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}

.panel-info > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9edf7), to(#c4e3f3));
    background-image: -webkit-linear-gradient(top, #d9edf7, 0%, #c4e3f3, 100%);
    background-image: -moz-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}

.panel-warning > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcf8e3), to(#faf2cc));
    background-image: -webkit-linear-gradient(top, #fcf8e3, 0%, #faf2cc, 100%);
    background-image: -moz-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}

.panel-danger > .panel-heading {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f2dede), to(#ebcccc));
    background-image: -webkit-linear-gradient(top, #f2dede, 0%, #ebcccc, 100%);
    background-image: -moz-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}

.panel-default > .panel-heading {
    background-color: #F3F3F3;
}

/*------------------------------------------------------------------

[Dashboard Stylesheet]

	Project:		Base Admin
	Version:		1.0
	Last change:	05/21/2012
	Assigned to:	Rod Howard (rh)



[Table of contents]

	1. Shortcuts
	2. Stats
	3. Task List
	4. News Item

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[2. Stats / .stats]
*/

.stats {
    width: 100%;
    display: table;
    padding: 0 0px 0 0;
    margin-top: .5em;
    margin-bottom: 1em;
}

.stats .stat {
    display: table-cell;
    width: 20%;
    vertical-align: top;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #999;
}

.stat-value {
    display: block;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #757575;
}

.stat-time {
    text-align: center;
    padding-top: 1.0em;
}

.stat-time .stat-value {
    color: #F90;
    font-size: 30px;
}

.stats #donut-chart {
    height: 100px;
    margin-left: -20px;
}

.nis_sum {
    font-size: 0.6em;
}

/*-----------------------------------------------------------------
Popover correction
*/
.popover {
    text-align: right;
}

/*------------------------------------------------------------------
[3. News Item / .news-items]
*/

.news-items {
    padding: 0;
    margin: 1em 0 0;
}

.news-items li {
    display: table;
    padding: 0 2em 0 1.5em;
    padding-bottom: 1em;
    margin-bottom: 1em;

    border-bottom: 1px dotted #CCC;
}

.news-items li:last-child {
    padding-bottom: 0;
    border: none;
}

.news-item-date {
    display: table-cell;
}

.news-item-detail {
    display: table-cell;
    width: 100%;
}

.news-item-title {
    font-size: 14px;
    font-weight: 600;
}

.news-item-date {
    width: 75px;
    vertical-align: middle;

    text-align: left;
}

.news-item-date-deliver {
    display: table-cell;
    vertical-align: middle;
    color: #888;
    font-size: 24px;
    padding-left: 6px;
    padding-right: 6px;
}

.news-item-day {
    display: block;
    margin-bottom: .25em;

    font-size: 24px;
    color: #888;
}

.news-item-preview {
    margin-bottom: 0;
    color: #777;
    font-size: 13px;
}

.news-item-month {
    display: block;
    padding-right: 1px;

    font-size: 12px;
    font-weight: 600;
    color: #888;
}

/*------------------------------------------------------------------
[4. Action Table / .action-table]
*/

.action-table .btn-small {
    padding: 4px 5px 5px;

    font-size: 10px;
}

.action-table .td-actions {
    width: 80px;
    text-align: center;
}

.action-table .td-actions .btn {
    margin-left: .5em;
}

.action-table .td-actions .btn:last-child {
    margin-left: 0;
}

@media (max-width: 979px) {

}

@media (max-width: 480px) {

    .stats .stat {

        margin-bottom: 3em;
    }

    .stats .stat .stat-value {
        margin-bottom: .15em;

        font-size: 20px;
    }

    .stats {
        float: right;

        display: block;

        margin-bottom: 0;
    }

    #chart-stats {
        margin: 2em 0 1em;
    }
}

/*Reports*/
#big_stats {
    width: 100%;
    display: table;
    margin-top: .5em;
    margin-bottom: 1em;

}

.big-stats-container .widget-content {
    /*background: #E9E9E9;*/
    /*background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); !* FF3.6+ *!*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9)); !* Chrome,Safari4+ *!*/
    /*background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); !* Chrome10+,Safari5.1+ *!*/
    /*background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); !* Opera11.10+ *!*/
    /*background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); !* IE10+ *!*/
    /*background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); !* W3C *!*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";*/
}

#big_stats .stat {
    height: 80px;
    text-align: center;
    display: table-cell;
    padding: 0;
    position: relative;
    /*width: 20%;*/
    min-width: 100px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #FFF;
}

#big_stats .stat:first-child {
    border-right: none;
}

#big_stats .stat:last-child {
    border-left: none;
}

#big_stats .stat h4 {
    font-size: 0.85em;
    font-weight: bold;
    color: #337ab7;
    margin-bottom: 1em;
}

#big_stats .stat .value {
    font-size: 34px;
    font-weight: bold;
    color: #999;
    /*color: rgba(120, 184, 64, 0.8);*/
    line-height: 1em;
}

#big_stats .stat .value .company {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    line-height: 14px;
}

#big_stats .stat .helpIcon {
    position: absolute;
    left: 10px;
    top: -5px;
    font-size: 20px;
}

.stat button.btn-link {
    /*color: #999;*/
}

.stat button.btn-link:hover {
    text-decoration: none;
}

.stat button.btn-link:focus {
    text-decoration: none;
}

.stat .value:hover {
    /*color: rgba(120, 184, 64, 0.8);*/
    color: #337ab7 !important;
}

.letters_counter {
    font-size: 60px;
    font-weight: bold;
    color: #F90;
    line-height: 1em;
    padding-top: 20%;
}

#selectall_checkbox {
    margin-left: 50px;
}

#output {
    font-size: 1.5em;
    font-weight: bold;
}

@media all and (max-width: 950px) and (min-width: 1px) {

    #big_stats {
        display: block;
        margin-bottom: -40px;
    }

    #big_stats .stat {
        width: 49%;
        display: block;
        margin-bottom: 3em;
        float: right;
    }

    #big_stats .stat:nth-child(2) {
        border-left: none;
    }

    #big_stats .stat:nth-child(3) {
        border-right: none;
    }

}

@media (max-width: 767px) {
    #big_stats .stat .value {
        font-size: 40px;
    }
}

/*Building*/
.building {
}

.flore {
    display: table;
    width: 100%;
}

.app {
    display: table-cell;
    height: 60px;
}


/*
=====
Mobile Menu
=====
*/

/* The component will reset button browser styles */

.r-button {
    --uirButtonBackgroundColor: var(--rButtonBackgroundColor, transparent);
    --uirButtonPadding: var(--rButtonPadding, var(--rButtonPaddingTop, 0) var(--rButtonPaddingRight, 0) var(--rButtonPaddingBottom, 0) var(--rButtonPaddingLeft, 0));
    --uirButtonBorderWidth: var(--rButtonBorderWidth, 0);
    --uirButtonBorderStyle: var(--rButtonBorderStyle, solid);
    --uirButtonBorderColor: var(--rButtonBorderColor, currentColor);
    --uirButtonFontFamily: var(--rButtonFontFamily, inherit);
    --uirButtonFontSize: var(--rButtonFontSize, inherit);
    --uirButtonColor: var(--rButtonColor);

    background-color: var(--uirButtonBackgroundColor);
    padding: var(--uirButtonPadding);

    border-width: var(--uirButtonBorderWidth);
    border-style: var(--uirButtonBorderStyle);
    border-color: var(--uirButtonBorderColor);

    cursor: pointer;

    font-family: var(--uirButtonFontFamily);
    font-size: var(--uirButtonFontSize);
}

.r-button::-moz-focus-inner,
.r-button[type="button"]::-moz-focus-inner,
.r-button[type="reset"]::-moz-focus-inner,
.r-button[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

.r-link {
    --uirLinkDisplay: var(--rLinkDisplay, inline-flex);
    --uirLinkTextColor: var(--rLinkTextColor);
    --uirLinkTextDecoration: var(--rLinkTextDecoration, none);

    display: var(--uirLinkDisplay) !important;
    color: var(--uirLinkTextColor) !important;
    text-decoration: var(--uirLinkTextDecoration) !important;
}

.r-list {
    --uirListPaddingLeft: var(--rListPaddingLeft, 0);
    --uirListMarginTop: var(--rListMarginTop, 0);
    --uirListMarginBottom: var(--rListMarginBottom, 0);
    --uirListListStyle: var(--rListListStyle, none);

    padding-right: var(--uirListPaddingLeft) !important;
    margin-top: var(--uirListMarginTop) !important;
    margin-bottom: var(--uirListMarginBottom) !important;
    list-style: var(--uirListListStyle) !important;
}

.r-list i {
    margin-left: 10px;
    font-size: 1.5em;
}

.r-list span {
    margin-top: 5px;
}

/* Basic styles of the hamburger component */

.m-hamburger {
    --uiHamburgerThickness: var(--hamburgerThickness, 4px);

    display: var(--hamburgerDisplay, inline-flex);
    width: var(--hamburgerWidth, 28px);
    height: var(--hamburgerHeight, 20px);

    position: relative;
}

.m-hamburger::before,
.m-hamburger::after,
.m-hamburger__label {
    width: 100%;
    height: var(--uiHamburgerThickness);
    border-radius: var(--hamburgerBorderRadius, 5px);
    background-color: var(--hamburgerBackgroundColor, currentColor);

    position: absolute;
    left: 0;
}

.m-hamburger::before,
.m-hamburger::after {
    content: "";
}

.m-hamburger::before {
    top: 0;
}

.m-hamburger::after {
    bottom: 0;
}

.m-hamburger__label {
    /* The calculation of middle hamburger button line position */

    top: calc(50% - calc(var(--uiHamburgerThickness) / 2));
}

/* helper to hide elements that are available only for screen readers. */

.screen-reader {
    width: var(--screenReaderWidth, 1px) !important;
    height: var(--screenReaderHeight, 1px) !important;
    padding: var(--screenReaderPadding, 0) !important;
    border: var(--screenReaderBorder, none) !important;

    position: var(--screenReaderPosition, absolute) !important;
    clip: var(--screenReaderClip, rect(1px, 1px, 1px, 1px)) !important;
    overflow: var(--screenReaderOverflow, hidden) !important;
}

/*
=====
MENU STYLES
=====
*/

.menu {
    --uiMenuCircleSize: var(--menuCircleSize, 6.25rem);
    --uiMenuCircleOffset: var(--menuCircleOffset, 1rem);
    --uiMenuCircleHeight: calc(var(--uiMenuCircleSize) / 2);
    --uiMenuCircleBackgroundColor: var(--menuCircleBackgroundColor, currentColor);

    --uiMenuHamburgerWidth: var(--menuHamburgerWidth, 1.75rem);
    --uiMenuHamburgerHeight: var(--menuHamburgerHeight, 1.25rem);

    --rButtonPaddingTop: calc(var(--uiMenuCircleHeight) - var(--uiMenuHamburgerHeight) - var(--uiMenuCircleOffset));

    --hamburgerWidth: var(--uiMenuHamburgerWidth);
    --hamburgerHeight: var(--uiMenuHamburgerHeight);
    --hamburgerBackgroundColor: var(--menuHamburgerBackgroundColor, #fff);

    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;

    position: fixed;
    bottom: 0;
    left: 0;
    z-index: var(--menuZindex, 9998);
}

.menu__nav {
    box-sizing: border-box;
    width: 100%;
    height: 0;

    transition: opacity .2s ease-out;
    opacity: 0;

    display: flex;
    align-items: flex-end;
    z-index: 2;
    direction: rtl;
}

.menu__list {
    width: 100%;
    max-height: 100%;
    padding-bottom: 25px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.menu__toggle {
    box-sizing: border-box;
    width: var(--uiMenuCircleSize);
    height: var(--uiMenuCircleHeight);
    flex: none;

    position: relative;
    z-index: 0;
}

.menu__toggle::before {
    /*
    1. The font-size property is used to simplify calculations of the element's sizes and position
    2. The negative value for the bottom property need for hiding half of circle.
    */

    content: "";
    width: 1em;
    height: 1em;
    font-size: var(--uiMenuCircleSize); /* 1 */

    background-color: var(--uiMenuCircleBackgroundColor);
    border-radius: 50%;

    position: absolute;
    bottom: -.5em; /* 2 */
    left: calc(50% - .5em);
    z-index: -1;

    will-change: width, height;
    transition: transform .25s cubic-bezier(0.04, -0.1, 0.29, 0.98),
    width .25s cubic-bezier(0.04, -0.1, 0.29, 0.98),
    height .25s cubic-bezier(0.04, -0.1, 0.29, 0.98);
}

/* styles of hamburger's animation */

.m-hamburger::before,
.m-hamburger::after,
.m-hamburger__label {
    transition-timing-function: ease;
    transition-duration: .15s;
}

.m-hamburger::before,
.m-hamburger::after {
    transition-property: transform;
}

.m-hamburger__label {
    transition-property: transform, opacity;
}

/*
=====
MENU STATES
=====
*/

.menu__toggle:focus {
    outline: var(--menuHaburgerOutlineOWidth, 2px) solid var(--menuHaburgerOutlineColor);
    outline-offset: var(--menuHaburgerOutlineOffset, 5px);
}

.menu_activated {
    height: 100%;
}

.menu_activated .menu__nav {
    flex-grow: 1;
    opacity: 1;

    will-change: opacity;
    transition-duration: .2s;
    transition-delay: .3s;
}

.menu_activated .menu__toggle::before {
    width: 100vmax;
    height: 100vmax;
    transform: translate3d(-50vh, -50vh, 0) scale(5);
    transition-duration: 1s;
}

.menu:not(.menu_activated) .menu__list {
    display: none;
}

.menu_activated .m-hamburger::before {
    top: 50%;
    transform: translate3d(0, -50%, 0) rotate(45deg);
}

.menu_activated .m-hamburger::after {
    transform: translate3d(0, -50%, 0) rotate(135deg);
    top: 50%;
}

.menu_activated .m-hamburger__label {
    transform: rotate(-45deg) translate3d(-.285em, -.3em, 0);
    opacity: 0;
}

/*
=====
SETTINGS
=====
*/

:root {
    --colorWhite: #fff;
    --colorMain: #337ab7;
    --menuCircleBackgroundColor: var(--colorMain);
    --menuHamburgerBackgroundColor: var(--colorWhite);
    --menuHaburgerOutlineColor: var(--colorMain);
}

.menu_activated {
    --menuHaburgerOutlineColor: var(--colorWhite);
}

/*
=====
DEMO
=====
*/

.menu__group {
    --rLinkTextColor: var(--colorWhite);

    padding: .5rem 2rem;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}


/*Search Block*/
.searchBlock {
    display: inline-block;
    float: left;
    margin-top: 22px;
    width: 30%;
}

.searchBlockMobile {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #999;
}

.bootstrap-select .dropdown-menu li a span small {
    display: block;
    color: #337ab7;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    direction: rtl;
    text-align: right;
}

.bootstrap-select .dropdown-toggle .caret .normal {
    left: 12px;
    right: unset;
}

.mfb-component, .mfb-component--br, .mfb-component--bl, .mfb-component--tr, .mfb-component--tl {
    margin-bottom: 17px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.mfb-component__main-icon--resting,
.mfb-component__main-icon--active {
    margin-top: 18px;
    font-size: 22px;
}

.mfb-component__child-icon {
    margin-top: 18px;
    font-size: 22px;
}

span.shortcut-label i {
    font-size: 30px;
    color: #337ab7;
}

span.shortcut-label img {
    max-height: 30px;
}

.media-logo-yad2 {
    height: 28px;
}

.media-logo-madlan {
    height: 16px;
    padding-top: 0;
    margin-top: 7px;
}

.media-text-label {
    display: block;
    padding-top: 5px;
    color: #337ab7;
    overflow-x: hidden;
}