@font-face {
    font-family: ubuntu;
    src: url('fonts/UbuntuR.ttf');
}
@font-face {
    font-family: columnar;
    src: url('fonts/NeutraTextTF-BoldAlt.ttf');
}
@font-face {
    font-family: cantarell-body;
    src: url('fonts/CantarellRegular.otf');
}
@font-face {
    font-family: cantarell-head;
    src: url('fonts/CantarellBold.otf');
}

/*div.result */
div.result thead{
    text-align: center;
}

.m-button-bottom {
    margin-top: 3%;
    text-align: center;
    margin-bottom: 30px;
}
.header{
	/* margin-top: 4px; */
	margin-bottom: 8px;
	/*    position: fixed;*/
	font-size: 1.1em;
}

.m-empty-row {
    /*use this class on row elements like td*/
    height: 1em;
}

.m-container {
    box-shadow: 1px 1px 1px 1px #7d7e7e;
    margin-top: 4px;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 2px;
    padding-bottom: 20px;
    overflow-x: auto;
    /* font-size: 0.9em; */
}
.m-container-deal {
    padding-top: 2px;
	margin-top: 4px;
    margin-left: 1%;
    margin-right: 1%;
    overflow-x: auto;
    /* background-color: white; */
    /* padding-bottom: 20px; */
}

.info-card {
    /* box-shadow: 1px 1px 1px 1px #7d7e7e; */
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: white;
    text-align: left;
}
.newContainer{
    font-size: 0.9em;
}
.info-card-high {
    box-shadow: 2px 1px 5px 1px #7d7e7e;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    background-color: white;
}

.info-card-header {
    /* font-family: ubuntu; */
    font-weight: bold;
}
.action_top{
    padding-bottom: 1em;
}

.pure-form-stacked input{
    margin-bottom: 0.5em !important;
}

.pure-table input.dt-integer{
    text-align: right;
    width: 12em;
}
.pure-table input.dt-decimal{
    text-align: right;
    width: 12em;
}

/*just add padding for fields in a row*/
.spacefull{
    padding: 2px;
    padding-left: 50px;
    padding-right: 50px;
}

/* Text styling */
.textUpper {
    text-transform: uppercase;
}
.textCenter {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.textLeft{
  text-align: left;
}
.textRight{
  text-align: right;
}
.textEllipsis{
	white-space: nowrap;
	text-overflow: ellipsis;
}
.b-text-wrap{
	white-space: pre-line;
	word-wrap: break-word;
}
.textSuperscript{}
.b-admin-user-count{
	font-size: 3em;
}
.b-cashflow__currency{
    font-size: 2em;
}
.bold_header{
    font-size: 1.5em;
}
/* input box as label */
.pure-form input.input-label{
	border: none;
	padding: 0px;
	box-shadow: none;
	background-color: transparent;
    color : #333333;
	/*color: black; /* default text color */
}

.document__link{
    text-decoration: none;
    color: inherit;
}
.document__link:hover{
    /*text-decoration: underline;*/
    background:rgb(187,222,251);
    /*text-decoration: underline;*/
}
.documentation{
    padding-top: 2em;
}

.couponDate.lowRelevance{
	background-color:#E6E6E6;
}

.f-error {
    color: red;
}
.btn-logout {
    float: right;
}

.m-title {
    font-size: 1.5em;
    padding-bottom: 0.2em;
    /*font-family: ubuntu;*/
    /*    box-shadow: 1px 1px 1px 1px #7d7e7e;*/
}

.m-font09 {
    font-size: 0.9em;
}

.m-rightpane {
    margin-right: 8px;
    font-size: 90%;
}

#oper-buscar {
    margin-left: 5px;
}

#result {
    overflow-y: auto;
    overflow-x: auto;
}

#deal-client-name {
    font-size: 160%;
}

#df-acc {
    margin-right: 10px;
}

.row-selected {
    font-weight: bold;
    text-shadow: 0.8px 0.8px;
}
.print{
    display: none;
}
.hidden{display:none}

.m-field {
    font-weight: bold;
}
.print-bold{
    font-weight: bold;
}

.m-deal-info {
    margin-bottom: 1em;
    line-height: 130%;
}

@media print{
	body {
		background-color: white;
		-webkit-print-color-adjust: exact;
    	font-size: 0.8em;
	}
    @page{
        size: auto;
        /* size: 21.59cm 27.94cm; */
        /* size: landscape; */
     /*    margin:1.2cm; */
    }
    .landscape_report {
         -webkit-transform: rotate(-90deg);
         -moz-transform:rotate(-90deg);
         /* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
    }
    .print{
      display: inline;
    }
    /* table printing caveats */
    thead {
        /* display: table-header-group; */
        display: table-row-group
    }
   	tr { page-break-inside: avoid }
   	/* thead th { height: 1.1cm; } */
    tfoot { 
        display: table-row-group 
    }

    .no-print {
        display: none;
    }
    .print-report{
    	font-size: 0.6em;
    }
    /* .print-report4{
    	font-size: 0.45em;
    } */
    .print-bold{
        font-weight: normal;
    }

    .m-container{
        /*padding-top: 2cm;*/
        padding-left: 1cm;
        padding-right: 1cm;
        padding-bottom: 1cm;
    }
    .m-container.info-card{
        box-shadow: 0px 0px 0px #7d7e7e;
    }
    .confirmation{
    	font-size: 11pt;
    }
    .document__link{
        text-decoration: none;
        color: #333333;
    }
    .m-deal-info{
    	width: auto;
    }
    .print-small{
    	font-size: 8pt;
    	width: 90%;
    }
    .signatures{

    }
    .pure-u-md-6-24{
		display: inline-block;
		width: 30%;
	}
    div.pure-u-md-4-5{
        display: inline-block;
        width: 90%;
    }

    /* .pure-table th{
    	Vertex color
    	background-color: #e4322c;
    } */

    .table-custom th{
    	/* Vertex color */
    	background-color: #e4322c;
    }

	.pure-u-md-10-24{
		display: inline-block;
		width: 45%;
	}
	.pure-u-md-1-2{
		display: inline-block;
		width: 80%;
	}
    .journal__detail {
    	min-width: 10em;
    }
    .journal__body{
        font-size: 0.5em;
    }

}

/* text formatting */
.m-right {
    text-align: right;
}
.decimal{
	text-align: right;
}

.m-capital-text {
    text-transform: uppercase;
}
.m-capitalize {
    text-transform: capitalize;
}

.short-table {
    min-width:6em;
    max-width:6em;
}

.client-table {
    margin-top: 4px;
}

.m-top {
    margin-top: 10px;
}

#msg {
    font-size: 70%;
    padding: 3px 10px;
    border-radius: 3px;
    margin-left: 20px;
}

.error{
    /*background-color: #F95F70;*/
    background-color: #FE1A00;
}
.success{
    /*background-color: #72FB6F;*/
    background-color: #4AD847;
}

.topmargin {
    margin-top: 20px;
}
.lineh15{
    line-height: 1.5em;
}

.legend-title {
    font-weight: bold;
    font-family: ubuntu;
}

.m-font065 {
    font-size: 65%;
}

#issue-stock {
    margin-left: 10%;
}

.m-date-field {
    max-width: 3em;
    min-width: 3em;
}

.padding-left-2p {
    padding-left: 20px;
}

tbody#rep_ana tr{
    cursor: pointer;
}

.btn-add-right {
    text-align: left;
}
/*
a:link{
    text-decoration: none;
    color: inherit;
}
a:visited{
    text-decoration: none;
    color: inherit;
}
 */
.table-selection a:hover{
    text-decoration: underline;
}

.m-bottom {
    margin-bottom: 0.5em;
}

.b-price-graph {
    width: 1024px;
    height: 480px;
}


/* Enhancing the style */
body{
    background-color: whitesmoke;
    color : #333333;
    margin-bottom:60px;
    font-size: 0.9em;
    max-width: 100%;
}
html{
	height: 100%;
}
/* Menu */
div#menu-horizontal, nav#menu-horizontal{
    /* background-color: rgb(48, 152, 247); */
    background-color: #3098F7;
    color: white;
    font-family: ubuntu;
}
.menu-title{
	padding-left: 0.5em;
	background-color: #3098F7;
}
.menu-title > a{
	color: white;
}
.pure-menu-children > li.pure-menu-item{
    color:  #333333;
}
.pure-menu-item:hover{
    color:  #333333;
}
.pure-menu-link, .pure-menu-disabled, .pure-menu-heading{
	text-decoration: none;
	color: inherit;
}
th {
    vertical-align: middle;
}

/*------------ Flex Menu Bar -------------*/
nav {
    font-family: sans-serif;
    padding-left: 4px;
    /* padding: 5px 20px; */
}

.m-toggle-line {
    width: 1.5em;
}
.flex-nav .flex-menu {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: flex-start;
            /* justify-content: space-between; */
}

.flex-menu a {
    text-decoration: none;
    /* color: #000000; */
}

/* .flex-menu a:hover {
    text-decoration: underline;
} */

.flex-menu li {
    font-size: 16px;
    /* padding: 15px 10px; */
}

.flex-menu li.button {
    padding-right: 0;
}

.flex-menu .item {
    /* display: block; */
    width: auto;
    text-align: left;
}

.flex-menu .item.button {
    width: auto;
    display: block;
    margin-top: 0.5em;
}

.flex-menu .button.secondary {
    border: 0;
}

.flex-menu .button a {
    padding: 7.5px 15px;
    /* border: 1px #006d6d solid; */
    color: white;
    font-weight: bold;
}

.flex-menu .button.secondary a {
    background: transparent;
}

.flex-menu .button a:hover {
    text-decoration: none;
}

.flex-menu .button:not(.secondary) a:hover {
    background: #ddd;
    border-color: #ddd;    
    color:#333333;
    /* background: #006d6d;
    border-color: #005959; */
}

.flex-menu .button.secondary a:hover {
    color: #ddd;
}

.flex-menu .brand {
    /* -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; */
    margin-top: 0.5em;
    font-weight: bold;
}

.flex-menu>.brand>a,
.flex-menu>.toggle>a {
    /* font-size: 20px; */
    color: white;
}

.flex-menu .toggle {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
display: none;
}

.nav-toggle{
    display: none;
}

/*----------------------------------------*/
/*---------------- Tablet -----------------*/
@media all and (max-width: 1010px) {
    .flex-menu {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .flex-menu .toggle{
        display: block;
        text-align: right;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        height: 100%;
        margin-top: 0.5em;
        margin-right: 0.5em;
    }
    .flex-menu .item.active {
        display: block;
    }
    .nav-toggle:checked ~ .flex-menu .item{
        display: block;
    }

    .nav-toggle:checked ~ .flex-menu .toggle img{
        content: url("/static/images/customer/delete.svg");
    }

    .flex-menu .item.button {
        width: auto;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
    }
    .flex-menu .item {
        display: none;
        width: 100vw;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        text-align: center;
    }
    .pure-menu-horizontal .pure-menu-children{
        width: 100%;
    }
    .flex-menu .brand {
        flex: 1;
    }
}

/*----------------------------------------*/
/*---------------- Mobile ----------------*/
@media all and (max-width: 599px) {
    nav {
        /* background: #222; */
        padding: 5px 20px;
    }
    .flex-menu {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .flex-menu .toggle {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        float: left;
    }
    .flex-menu>.item.button {
        -ms-flex-preferred-size: 100vw;
            flex-basis: 100vw;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        display: none;
    }
    .flex-menu a, .flex-menu i {
        /* color: white; */
        text-decoration: none;
    }
    .flex-menu .button a {
        background: transparent;
        border: 0;
    }
    .flex-menu .button.secondary {
        border-bottom: 1px #444 solid;
    }
    .flex-menu .button:not(.secondary) a:hover {
        background: transparent;
    }
    .flex-menu .item.button.active {
        display: block;
        margin-bottom: 0.5em;
        font-size: 18px;
        font-weight: bold;
    }
}

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

.pure-menu-list.li{
    text-align: left;
}

/*quick fix to link button color*/
a.pure-button{
    color:black;
}

.m-container-large {
    background-color: white;
}

/*Reports*/
.report-account-name {
    text-transform: uppercase;
    width:auto;
}
.report-account-field{
    max-width:10em;
}
.report-net{
    min-width:8em;
    text-align:right;
}
.report-val{
    min-width:8em;
    text-align:right;
}


.b-table-block{
	background-color: #f2f2f2;
}
.table-full {
    width: 100%;
    border-color: transparent;
}
.table-selector:hover{
    background:rgb(187,222,251);
    cursor: pointer;
}
.table-selector:focus{
    background:rgb(187,222,251);
}
.pure-table thead{
    background-color: rgb(15, 118, 210);
    color: white;
}
.pure-table td.compact, .pure-table th.compact{
	padding-top: 0em;
	padding-bottom: 0.1em;
}

/* add a row highlight color */
.row_helper:hover{
	background: #eee;
}
td.vertical{
    transform: rotate(-90deg);
}

.b-header {
    font-family: columnar;
    padding-bottom: 2px;
    font-size: 1.3em;
    padding: .2em 1em;
}
.m-table-column-money{
	min-width: 7em;
}
.overflow-x {
    max-width: 100%;
    overflow-x: scroll;
}

/* Executive home <begin>*/
.b-pending {
    line-height: 150%;
}
.b-pending-entry:hover{
    background-color:rgb(187,222,251);
    cursor: pointer;
}
/* Executive home <end> */

.b-right-side {
    margin-left: 2%;
}

.m-menu-divider{
    border-bottom: solid;
    border-color: #3098F7;
}

/*Custom table layout with divs*/
.m-table{
    display:table;
    width:100%;
}
.m-table-header{
    background-color: rgb(15, 118, 210);
    color: white;
    font-weight: bold;
}
.m-table-row{
    display:table-row;
}
.m-table-row > div{
    padding:4px;
    display:table-cell;
    border-bottom:1px solid #e5e5e5;
}

.b-message-board{
    min-height:150px;
    overflow-y:scroll;
    font-size:0.9em;
}

/*Notification*/
.b-update_ok{
    background-color: rgb(9, 160, 34);
    color:white;
}
.b-update_ko{
    background-color: rgb(208, 11, 11);
    color:white;
}

/* menu-dropdown */
.pure-menu-allow-hover:hover>.pure-menu-children, .pure-menu-active>.pure-menu-children{
	box-shadow:2px 4px 7px rgba(0,0,0,0.75);
	/* box-shadow:2px 4px 7px -2px rgba(0,0,0,0.75); */
/* 	border-left-color:gray;
	border-left-style:solid;
	border-left-width:1px; */
}

/* Fields/Text format */
.m-field-3 {
    max-width: 3em;
    min-width: 3em;
}
.m-field-4 {
    max-width: 2em;
    min-width: 2em;
}
.m-field-5 {
    max-width: 5em;
    min-width: 5em;
}
.m-field-6 {
    max-width: 6em;
    min-width: 6em;
}
.m-field-7 {
    max-width: 7em;
    min-width: 7em;
}
.m-field-8 {
    max-width: 8em;
    min-width: 8em;
}
.m-field-9 {
    max-width: 9em;
    min-width: 9em;
}
.m-field-10 {
    max-width: 10em;
    min-width: 10em;
}
.m-field-12 {
    max-width: 12em;
    min-width: 12em;
}
.m-field-15 {
    max-width: 15em;
    min-width: 15em;
}
.m-field-18 {
    max-width: 18em;
    min-width: 18em;
}
input.datepicker{
	background: white !important;
	color: #333333 !important;
}

/* Bank UI */
.b-account{
	border-bottom: solid;
  	border-bottom-color: rgba(182, 182, 182, 0.14);
}

/* Pure Override */
.pure-button{
	/* background-color:rgba(96,125,139,0.8);
	color:white; */
}
.pure-button-primary {
    background-color:#3098F7;
    color: white;
}
.pure-button-danger {
	color: white !important;
	background-color:rgb(245, 72, 54);
	/* display: table-cell; */
}
a.pure-button-primary{
    background-color:#3098F7;
    color: white;
}
/*
.pure-form input[type=text][disabled]{
}
 */
/* profile UI */
.b-profile-card{
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* cash-flow UI */
.b-cash-flow{
	display: inline;
}
.day{
	cursor: pointer;
}

/* workflow UI */
.b-workflow-action{
	padding-bottom: 10px;
}
.b-workflow-action-feed {
    padding-top: 0.5em;
}

/* Rate Pool UI */
.b-rate{
	overflow-x: auto;
	padding-left: 5px;
	padding-right: 5px;
}

.b-list {
    list-style-type: none;
}

.accent-block{
    background-color: rgb(15, 118, 210);
    color: white;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/* Login page */
#b-welcome-card{
/* 	background-image: url('/static/images/local.png'); */
	background: url('/static/images/local.png') no-repeat; /* fixed center */
	width: 401px;
	padding-top: 150px;
	padding-bottom: 80px;
}
#b-welcome-body{
    background: linear-gradient(white,#c5e6fe);
}

/* Error Page */
.b-code-error{
	font-size: 2em;
}
.b-code-message{
	font-size: 1.5em;
}

.b-box-vertical{
	width: 10em;
	max-height: 8em;
	overflow-y: auto;
}
.b-box-vertical-medium{
	max-height: 15em;
	overflow-y: auto
}

/* Admin UI */
.b-short-block{
    font-weight: bold;
    text-align: center;
    padding: 8px;
}
.b-short-block:hover{
	cursor: pointer;
}

/* fix time series header z-index */
#graphdiv > div > div{
	z-index: 0 !important;
}


/*FrontOffice Deals*/
#b-result__table{
    max-height: 16em;
    overflow-y: auto;
}
td.calc__income{
	background: #c7f8c0;
}
td.calc__expense{
	background: #f69696;
}

/*datepicker*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
    border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
    border-top-left-radius: 0px;
}

/*ServiceAccount*/
.serviceSearch{
    margin-top: 4px;
    max-height: 20em;
    overflow-y: auto;
}

/*CustomerSearch*/
.customerSearch{
    max-height: 20em;
    overflow-y: auto;
}

/*Override Font*/
.pure-g [class *="pure-u"] {
    /*font-family: sans-serif;*/
    font-family: ubuntu;
}

#cashFlow{
    padding-bottom: 160px;
}

/* Alertify override */
.alertify-button-cancel{
	background-color:rgb(230, 230, 230);
	color: #333333;
	/* background-color:rgb(245, 72, 54); */
}

/* Operation Log */
td.oplog__rowStatus--0{
	background: #f69696;
}
td.oplog__rowStatus--1{
	background: #c7f8c0;
}
tr.oplog__rowStatus--0{
	background: #f69696;
}
tr.oplog__rowStatus--1{
	background: #c7f8c0;
}

.status--0{
	background: #f69696;
}
.status--1{
	background: #c7f8c0;
}

/*change element width to match basic form width*/
select.limited{
    width: 270px;
}

/*loan ui*/
.loan{
    padding-top: 15px;
}
.loan__header{
    padding-bottom: 5px;
    font-size: 1.2em;
}
.loan__payments{
    padding-top: 15px;
}

/*Customer list*/
.customer__top > a{
    text-decoration: none;
    color: #333333;
}

/*price*/
#price__issueList{
    /*height: 760px;*/
    height: 520px;
    overflow-y: auto;
}

/*accountEntry*/
.accountEntry {
    padding-bottom: 5px;
}
.accountEntry td{
	border-bottom: 0px;
}

.fields{
    padding-bottom: 5px;
}

/*NIIF*/
.m-tab{
    text-indent: 1em;
}
.m-tab-2{
    text-indent: 2em;
}
.border-doble-3{
    border-bottom: 3px !important;
    border-bottom-style: double !important;
}
.border-ud-2{
    border-bottom: 2px !important;
    border-top: 2px !important;
    border-bottom-style: solid !important;
    border-top-style: solid !important;
}

/* Customer Report */
.customerReport{
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 1em;
	/* margin-top: 1em; */
	font-size: 0.9em;
	/* overflow-x: auto; */
}


.full-page{
	background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* Customer Report */
.customerReport__name {
	padding-top: 1em;
	font-weight: bold;
}
.customerReport__graphs{
	width: 300px;
	height: 300px;
	display: inline-block;
}
.customerReport__graphsParent{
	padding-top: 50px;
}

.customer_logo{
	/*
	background-image: url('/static/images/customer/logo.jpg') no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;
	 */
	padding-top: 15px;
}
/* account detail field, journal */
.journal__detail {
	min-width: 20em;
}

/* deal ticket */
.deal__table{
	padding-left: 30px;
}
.deal__table_left{
	padding-right: 80px;
}

/* report actions */
.actions{
  padding-top: 0.5em;
	padding-bottom: 0.5em;
	/* padding-bottom: 1em; */
}
.action__fields{
	padding-top: 1em;
	padding-bottom: 1em;
}
.action__container{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.customer__selection{
    color: black;
}

.horizontal{
    overflow-x: auto;
}

.bg_lightgrey{
    background-color: lightgrey !important;
}

/* === Table without borders === */
.noBorder > tbody > tr > td{
    border: 0;
}
.noBorder{
    border: 0;
}
/* === Table without borders end === */

/* printing reports */
/* .accounting-report{
	font-size: 0.8em;
} */

/* ================= columnar card ========================*/

.corredor-center-elements{
    display: flex;
    justify-content: center;
}

.columnar-card-container{
    display: flex;
    justify-content: center;
    width: max-content;
    height: min-content;
    margin: 1em;
    /* background: #EFEFEF; */
}

.columnar-card-title{
    padding: 0.11em;
    width: 100%;
}

.columnar-card{
    width: 100%;
    height: max-content;
    text-align: center;
    display: inline-block;
    border-radius: 0.056em;
    border: 1px solid rgba(0,0,0,.1);
    /* border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.1); */
}

.columnar-card-head{
    padding: 0.5em;
    border-bottom: 0.056em solid;
}

/* ================= columnar card end=====================*/

/* ================= columnar loader ======================*/
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #000;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

/* ================= columnar loader end ==================*/

#customer_logo{
	background-image: url('/static/images/customer/sello_300.png');
	background-repeat: no-repeat;
	width: 150px;
	height: 149px;
	background-size: cover;
}
/* #customer_logo_fixed{
	background-image: url('/static/images/customer/sello_HKPm3NT8dD.png');
	background-repeat: no-repeat;
	background-size: cover;
	width: 150px;
	height: 149px;
	position: absolute;
	z-index: 2;
	bottom: 100px;
	/* bottom: 150px; */
	/*left: 300px;*/
	left: 200px;
} */

/* sizing chechbox */
.bigger{
    transform: scale(1.5);
    vertical-align: middle;
    margin-right: 8px;
}