@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica-neue-5/HelveticaNeueThin.otf') format('opentype');
    font-weight: 100;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica-neue-5/HelveticaNeueUltraLight.otf') format('opentype');
    font-weight: 200;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica-neue-5/HelveticaNeueLight.otf') format('opentype');
    font-weight: 300;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica-neue-5/HelveticaNeueRoman.otf') format('opentype');
    font-weight: 400;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica-neue-5/HelveticaNeueMedium.otf') format('opentype');
    font-weight: 500;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica-neue-5/HelveticaNeueBold.otf') format('opentype');
    font-weight: 700;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica-neue-5/HelveticaNeueHeavy.otf') format('opentype');
    font-weight: 800;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica-neue-5/HelveticaNeueBlack.otf') format('opentype');
    font-weight: 900;
}



body {
    font-family: 'Helvetica Neue', sans-serif;
    background-color: #fff;
}


/*
* @Todo 02/06/2019
* -----------------------------------------------------------------------------
* Author: Abdus Salam
*/

.bootstrap-select>.dropdown-toggle {
    padding: 9px;
    outline: 0;
}



.panel-primary {
    border-color: #EEF1F7;
    border-radius: 15px;
}


.panel-primary>.panel-heading {
    color: #000;
    background-color: #ffff;
    border-color: #EEF1F7;
    border-radius: 15px;
}


.highlight5 {
    background-color: #FFFF00;
    padding: 4px;
    font-weight: 600;
}

.greenHighlight {
    padding: 4px;
    font-weight: 600;
}


.greenHighlight5 {
    padding: 4px;
    font-weight: 600;
}

/**change*/

.iconWhiteBgStyle{
    background: white;
    color: black;
    padding: 18px 15px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.iconGrayBgStyle{
    background: #EEF1F7;
    color: black;
    padding: 18px 15px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.actionGroupBtn{
    background: #F85759;
    padding: 3px;
}

.actionGroupBtn a{
    border-radius: 8px !important;
}

.btn-light {
    background: #F6F8F8;
    color: #000;
    border: 1px solid #F6F8F8;
    border-radius: 8px;
}

.mr-2{
    margin-right: 4px;
}


.pagination>li>a, .pagination>li>span{
    color: #2C3137;
    background: #EEF1F7;    
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #F85759;
    border: solid 1px #F85759;
}

/* ./Ends change */

/*
*   ==========================================================================================================
   @todo 02/06/2019
   Table header design
*/

.tableGridHeader{
    background-color: #1F3D5A !important;
    font-size: 17px;
}

.tableGridHeader>thead>tr>th {
    border: 1px solid #d0d0d0;
    color: white;
    font-weight: 400;
}

.tableGridHeader > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.tableGridHeader > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}


/* .tableGridHeader > thead > tr > th:last-child,
.tableGridHeader > tbody > tr > th:last-child,
.tableGridHeader > tbody > tr > td:last-child{
   background-color: #1F3D5A;
} */





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

#dateCSSInExpense {
    border: 1px solid #bdc7d8;
    height: 30px;
    padding: 5px 50px;
}

#dateCSSInAddPayment {
    border: 1px solid #bdc7d8;
    height: 40px;
    padding: 5px 64px;
}


.numberFormat {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#allOrdersGrid_filter input {
    width: 500px !important;
    padding: 17px;
}

.fraction {
  display: inline-block;
  position: relative;
  vertical-align: middle; 
  letter-spacing: 0.001em;
  text-align: center;
  font-size: 12px;
  }
.fraction > span { 
  display: block; 
  padding: 0.1em; 
  }
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;}


#invoiceCustomerMobileNo,
#invoiceCustomerName, 
#invoiceCustomerAddress, 
#invoiceMappingMaster, 
#invoiceCuttingMaster{
    background: #fbf9f9;
}

.label-reports{
        background-color: #f0ad4e;
    padding: 4px 14px;
}
.urgentText{
    top: 5px;
    position: absolute;
    display: block;
    left: 260px;
    padding: 6px 4px;
}

.marqueeLabel{
    background-color: #d9534f !important;
    color: #fff;
    padding: 0px 10px;
    border-radius: 12%;
}


.urgentMessage{
    width: 400px;
    top: 5px;
    position: absolute;
    display: block;
    left: 360px;
    padding: 2px 0;
    background: #EEF1F7
}

.urgentMessage a{
    font-size: 18px;
    padding: 0 8px;
}

#redAlertMessage{
    border-left: solid 2px red;
}

.test_menu{

    text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
    background: linear-gradient(#334556, #2C4257),#2A3F54;
    box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;
}
.child_menu li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}

.child_menu li:after {
    border-left: 2px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 200px;
}

fieldset.invoice-border {
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
}

legend.invoice-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 8px 45px;
    border-bottom: none;
    background-color: #337AB7;
    color: #ffffff;
    border-radius: 8px;
}


fieldset.previousInvoiceBorder {
    border: dotted 1px #337AB7;
    padding-left: 14px;
    padding-bottom: 14px;
    margin: 0 0 1.5em 0 !important;
}

legend.previousInvoiceBorder {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 8px 45px;
    border-bottom: none;
    border: dotted 1px #337AB7;
    background-color: #f5f5f5;
    color: #3c3b3b;
}

.previousInvoiceLink > a{
    padding: 4px;
    color: red;
    font-size: 20px;
}

.orderItems > a{
    padding: 4px;
    color: red;
    font-size: 20px;
}


.btn-salam{
    background: #fff!important;
     border: solid 1px #ACACAC;
    border-radius: 0;
    box-shadow: none !important;
}


.order_product_bind > tbody > tr > td{
    border: 2px solid #a6aaab;
}

.btn-group-order-justified >.btn{
    display: table-cell;
    float: none;
    width: 1%;
}

.btn-group-order-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}


.labelPrevInvoiceLink{
    padding: 2px 18px;
}

.panel-blue {
    border-color: #67B6F4;
}

.panel-blue > .panel-heading {
    border-color: #67B6F4;
    color: white;
    background-color: #67B6F4;
}

.panel-blue > a {
    color: #000000;
}


.panel-green {
    box-shadow: 2px 2px 12px 0px #888;
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-purple {
    border-color: #9D91F5;
}

.panel-purple > .panel-heading {
    border-color: #9D91F5;
    color: white;
    background-color: #9D91F5;
}

.panel-purple > a {
    color: #000000;
}



.panel-red {
    border-color: #F85759;
}

.panel-red > .panel-heading {
    border-color: #F85759;
    color: white;
    background-color: #F85759;
}

.panel-red > a {
    color: #000000;
}


.panel-yellow {
    box-shadow: 2px 2px 12px 0px #888;
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.huge {
    font-size: 40px;
}

.mediumFontsize {
    font-size: 15px;
}


.activeMainMenu{
    background: #F85759 !important;
    border-radius: 20px !important;
    padding: 0px !important;
    border: solid 1px #F85759 !important;
}

.activeMainMenu a,
.activeMainMenu a i,
.activeMainMenu a span{
    color: #fff !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    background: #000 !important;
    color: white !important;
}

/* nested navbar ul design */
.panel-collapse{
    background: white;
    margin: 0 0 0 20px;
    border-radius: 20px;
}

#accordion .panel-collapse li.panel{
    padding: 2px !important;
}

.panel-collapse > li{
    list-style: none;
    border: none !important;
}

.panel-collapse > li > a{
    display: block;
    padding: 10px 15px;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s ease;
}

.left_side_menu .panel-collapse > li.panel{
    background: white !important;
    box-shadow: none !important;
}
/* ./Ends nested navbar ul design */


.institude_header_name{
    color: #000000 !important;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;

  /* Background clip */
  /* background-image: url("/uploads/texture.png"); /* Change URL to texture file name 
  background-repeat: repeat;
  background-position: center center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  margin-top: 6px;
  font-size: 30px !important;
  font-weight: 600!important;
  text-transform: uppercase;
  font-family: 'Steelfish Rg', 'helvetica neue', helvetica, arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased; */

}


.header_menu .navbar-nav>li>a {
    font-size: 18px;
    color: #000 !important;
    background: #EEF1F7;
    border-radius: 50px;
    padding: 8px;
}


.header_menu .navbar-nav>li>a:hover{
    color: #000 !important;
    background: #EEF1F7;
}
.profile-btn {
    background: linear-gradient(135deg, #4190FF 0%, #4190FF 50%, #97D0FF 100%);
    border: 2px solid #4190FF;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex
;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s 
cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* background color change */
.left_column{
    padding: 0; 
    background: #EEF1F7;
    width: 260px;
    margin-left: 8px;
    padding: 0 10px;
    margin-right: 5px;
    border-radius: 16px;
}

.right_column{
     background: #EEF1F7;
    border-radius: 16px;
}

.left_side_menu li.panel{
    background: #EEF1F7;
    border-left: none;
}

.left_side_menu li.panel:hover{
   background: #EEF1F7;
   border-radius: 6%;
}



.left_side_menu li.panel a:focus,
.left_side_menu li.panel a:hover{
   /* background: #d43f3a;*/
   background: none;
}


.navbar-inverse{
   /* background: #3b4044;*/
    background: #fff;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    margin-bottom: 5px;
}

.footer_navbar {
    background: #EEF1F7;
    border-color: #EEF1F7;
    margin-bottom: 0;
}

.footer_area{
    padding-top: 20px;
}

.footer_area p{
    color: #474848;
    font-size: 17px;
}


#accordion li.panel{
    margin-bottom: 7px;
    padding: 6px 9px 0px 9px !important;
    border-radius: 40px !important;
    border: solid 1px #ACACAC;
    color: #200900;
}

#accordion li.panel a{
    color : #504743;
    font-size: 16px;
    display: block;
    padding: 5px;
    text-decoration: none;
}


.same_column_height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    margin-top: 8px;
}

/*
 * home left sidebar
 * ========================================
*/

.logo{
	width: 22px;
	height: 15px;
}

ul, ol {
  list-style: none;
}

/*
 * home right sidebar
 * ========================================
*/

.notify_badge {
    background: red none repeat scroll 0% 0%;
    position: relative;
    top: -12px;
    left: -35px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
}

/*
 * footer area
 * ========================================
*/




/* 
*
* student part 
*=================================================
*/
#birthday, #student_admission_date {
    border: 1px solid #bdc7d8;
    height: 30px;
    padding: 5px;
}

.requiredSign {
    color: red;
    padding-left: 5px;
}

.present_adddress_area {
    width: 318px;
    margin-top: 0px;
    margin-left: 205px;
    padding-bottom: 15px;
    border: 1px solid #ddd;
}

.present_adddress_title {
    text-align: center;
    margin-top: 3px;
    margin-bottom: -20px;
    background: rgb(230, 230, 230);
}

.parmanent_adddress_area {
    width: 318px;
    margin-top: 0px;
    margin-left: 30px;
    padding-bottom: 15px;
    border: 1px solid #ddd;
}

.option-info {
    color: rgb(153, 153, 153);
    font-size: 13px;
    font-weight: normal;
    margin: 10px 0;
}

.option-box {
    padding: 10px;
    display: inline;
}

/* 
* student details list part 
* ==========================
*/
.actions li{
    float: left;
    padding-
}


.actions li a {
    width: 20px;
    display: block;
}

.view_item a:hover{
    color: #5cb85c;
}

.edit_item a:hover{
    color: #f7ab5d;
}


.delete_item a:hover{
    color: red;
}

.unavailable-text{
    color: #f7bbbb;
}

.error_unavailable-img{
    width: 150px;
}

/* 
* student view part
* ===============================
*/

.profile-student-img {
    margin: 0 auto;
    width: 150px;
    height: 150px;
    padding: 3px;
    border: 3px solid #d2d6de;
    margin-bottom: 15px;
}

.list-group-unbordered>.list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.tab-content{
    margin-top: 30px;
}







/* 
* people/member : add member
* =============================================
*/

#member_opening_date {
    border: 1px solid #bdc7d8;
    height: 30px;
    padding: 5px;
}

#employer_joining_date {
    border: 1px solid #bdc7d8;
    height: 30px;
    padding: 5px;
}



#delivery_date {
    border: 1px solid #bdc7d8;
    height: 30px;
    padding: 5px;
    width: 115px;
}

.view_member_item {
    color: #158E15;
    background-color: #fff;
    padding: 2px 6px;
}

.view_member_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}

.edit_member_item {
    color: #f7ab5d;
    background-color: #fff;
    padding: 2px 6px;
}

.edit_member_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}

.remove_member_item {
    color: #DE5044;
    background-color: #fff;
    padding: 2px 9px;
}


.remove_member_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}



/* member add panel title */

.member_basic_information_title a, .member_basic_information_title a:hover, 
.member_address_details_title a, .member_address_details_title a:hover,
.member_nominee_information_title a, .member_nominee_information_title a:hover,
.member_reference_information_title a, .member_reference_information_title a:hover,
.member_signature_information_title a, .member_signature_information_title a:hover{
    text-decoration: none;
}




/* 
* settings
* =================================
* 1.area
*/



.edit_area_item {
    color: #f7ab5d;
    background-color: #fff;
    padding: 2px 6px;
}

.edit_area_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}

.remove_area_item {
    color: #DE5044;
    background-color: #fff;
    padding: 2px 9px;
}


.remove_area_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}


/* group */


.edit_group_item {
    color: #f7ab5d;
    background-color: #fff;
    padding: 2px 6px;
}

.edit_group_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}

.remove_group_item {
    color: #DE5044;
    background-color: #fff;
    padding: 2px 9px;
}


.remove_group_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}


/* interest*/

.edit_interest_item {
    color: #f7ab5d;
    background-color: #fff;
    padding: 2px 6px;
}

.edit_interest_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}

.remove_interest_item {
    color: #DE5044;
    background-color: #fff;
    padding: 2px 9px;
}


.remove_interest_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}


/* bank*/

.edit_bank_item {
    color: #f7ab5d;
    background-color: #fff;
    padding: 2px 6px;
}

.edit_bank_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}

.remove_bank_item {
    color: #DE5044;
    background-color: #fff;
    padding: 2px 9px;
}


.remove_bank_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}


/* branch*/

.edit_branch_item {
    color: #f7ab5d;
    background-color: #fff;
    padding: 2px 6px;
}

.edit_branch_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}


/* Extra needs
* ==========================
* form validation
* alert message
*/


#alertMessage{
    border-left: solid 5px #87d37c;
}

.help-block{
    color: #a94442;
}

.alert-primary{
    color: #fff;
    font-size: 16px;
    background-color: #D16068;
    border-color: #D16068;
}

.viewGridAlertPrimary{
    color: #000;
    font-size: 16px;
    background-color: #EEF1F7;
    border-color: #EEF1F7;
}

.panel-tomato>.panel-heading {
    color: #fff;
    background: linear-gradient(#d9534f, #d9534f);
    border-color: #d9534f;
}

.cell_font{
    font-size: 18px;
}

.modal-default-header {
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #0480be;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     color: #fff;
 }

.modal-bank-header .close {
   color: #fff;
   opacity: 1;
   margin-top: -4px;
}



.view_default_item {
    color: #158E15;
    background-color: #fff;
    padding: 2px 6px;
}

.view_default_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}

.edit_default_item {
    color: #f7ab5d;
    background-color: #fff;
    padding: 2px 6px;
}

.edit_default_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}




.remove_default_item {
    color: #DE5044;
    background-color: #fff;
    padding: 2px 9px;
}


.remove_default_item:hover{
    background-color: #f1f1f1;  
    cursor: pointer;
}

.icon_in_vertical{
    font-size: 32px;
    vertical-align: middle;
}


.borderless>tbody>tr>td, 
.borderless>tbody>tr>th, 
.borderless>tfoot>tr>td, 
.borderless>tfoot>tr>th, 
.borderless>thead>tr>td,
.borderless>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
}


/* 
*  new order/sales
* =======================================
*/

.display-none{
    display: none;
}


.new_sales_payment{
    display: none;
}


.pagination_table{
    padding: 10px;
}

/* switch*/

.switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #c31d17;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
        position: absolute;
    content: "";
    height: 31px;
    width: 17px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: 0.4s;
}
/*
input:checked + .slider {
  background-color: #00a65a;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00a65a;
}

input:checked + .slider:before {
  -webkit-transform: translateX(105px);
  -ms-transform: translateX(105px);
  transform: translateX(100px);
}
*/
.slider.round {
  border-radius: 6px;
}

.slider.round:before {
  border-radius: 20%;
}

.delivered_text{
    font-size: 12px;
    color: #fff;
    line-height: 32px;
    text-transform: capitalize;
}


/* delivery text */
.switch_delivery {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 34px;
}

.switch_delivery input {display:none;}

.slider_delivery {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #00a65a;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_delivery:before {
    position: absolute;
    content: "";
    height: 31px;
    width: 17px;
    left: 101px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: 0.4s;
}


/*

input:checked + .slider_delivery {
  background-color: #c31d17;
}

input:focus + .slider_delivery {
  box-shadow: 0 0 1px #c31d17;
}

input:checked + .slider_delivery:before {
  -webkit-transform: translateX(-105px);
  -ms-transform: translateX(-105px);
  transform: translateX(-100px);
}

*/

.slider_delivery.round {
  border-radius: 6px;
}

.slider_delivery.round:before {
  border-radius: 20%;
}

.grid_border_right{
    border-right: 3px dotted #ccc;
}



/* employee assigned or not checkbox */

  .form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}


.tableColumnRight{
    text-align: right;
    font-weight: 700;
}

.companyAddress{
        margin-top: -18px;
}


@media print {
body {-webkit-print-color-adjust: exact;}
}


@media print {
    p.salamHello {
        background-color: #1a4567 !important;
        -webkit-print-color-adjust: exact; 
    }
}

.left_column .copyright{
margin-top: auto;
    text-align: center;
    padding: 20px 0;
}