/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 25, 2016, 1:15:25 AM
    Author     : Erick
*/

/*BOOTSTRAP*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 7px; padding-left: 7px;
}


/* GENERAL */
html, body{width: 100%; height: 100%;}
html {box-sizing: border-box; }
*,*:before, *:after {box-sizing: inherit;}
body{font-family: 'Open Sans', Helvetica, Arial, sans-serif; min-height: 100%; position: relative;}
h1{font-weight: 100; border-bottom: 1px solid gray; padding-bottom: 10px; margin-bottom: 30px; text-transform:capitalize;}
h2{font-weight: 100; border-bottom: 1px solid gray; padding-bottom: 10px; margin-bottom: 30px; line-height: 26px; text-transform:capitalize;}
a{color: #3aa3fd; cursor: pointer;}
a:hover{color: #fb5067; text-decoration: none;}
.dontdisplay{display: none;}
th, td{vertical-align: middle !important;}
.superscript{vertical-align: super; font-size: 17px;}
.navbar{margin-bottom: 0; position: fixed; width: 100%; top: 0; left: 0; z-index: 10;}
.container{position: relative; padding: 70px 20px;}
.alert-box{position: relative; top: 52px; width: 100%; left: 0; z-index: 9;}
.navbar-brand{padding: 15px 0 15px 15px;}
.navbar-brand .logo{max-height: 35px; margin-top: -4px;}
.navbar-brand .logo-bingles{max-height: 35px; margin-top: -4px;}
.navbar-brand .logo-smartcleaning{max-height: 35px; margin-top: -4px;}
.navbar-brand .logo-say121{max-height: 40px; margin-top: -10px;}
.navbar-brand .logo-care121{max-height: 40px; margin-top: -10px;}
.navbar-brand .logo-home121{max-height: 40px; margin-top: -10px;}
.navbar-brand .logo-heroes321{max-height: 45px; margin-top: -12px;}
.hide-big{display: none !important;}
.capitalize{text-transform:capitalize;}
.line-separador{display: block; width: 100%; height: 1px; background-color: #2ac6f4; margin: 30px 0;}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.navbar .btn.btn-primary-top, .navbar .btn.btn-secondary-top{font-size: 13px; padding: 8px 10px; border: 0; font-weight: bold; margin: 6px 4px;}
.btn-primary-top:hover, .btn-secondary-top:hover{background-color: #d3107e !important;}
.btn-primary-top{color: white !important;}
.btn-secondary-top{ background-color: #2ac6f4; color:white !important; font-size: 13px; border: 0; font-weight: bold;}
.btn-secondary:hover{ background-color: #2ac6f4;}
.navbar-header{}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    right:100%;
    margin-top:-6px;
}


.btn-primary{background: #ed1890; font-weight: bold; padding: 10px 14px; font-size: 14px; border: 0;}
.btn-primary:hover{background: #c30f74; border: 0;}
.btn-lg{font-size: 18px; padding: 15px 20px;}


/*FOOTER
footer{position: absolute !important; left: 0; right: 0; bottom:0; padding: 80px 10px; background-color: #fb5067; color: white; font-size: 12px; font-weight: 100; float: none !important; text-align: center;}
footer a{color: white;}
footer a:hover{color: #3aa3fd; text-decoration: none;}
*/

/*FIX FOOTER AT THE BOTTOM*/
#all-page{min-height: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: stretch; transition: 0.4s;}
#app {flex-grow: 1;}
#app, footer {flex-shrink: 0;}

/*FOOTER*/
footer{position: relative; clear: both; width: 100%; padding: 100px 80px; background-color: #1d1d1d; color: white; border-top: 20px solid #2ac6f4; line-height: 30px;}
.group-columns{display: table; padding: 0;}
footer ul{display: table-cell; padding: 0; padding-right: 150px;}
footer a{color: white;}
.icon-circle{text-align: center; display: table; vertical-align: middle; border: 1px solid gray; border-radius: 40px; width: 50px; height: 50px; font-size: 20px;}
.theicon{display: table-cell; vertical-align: middle;}
.group-icons{display: table;}
.icon-item{display: table-cell; padding-right: 10px;}
.group-fullwidth{display: table; width: 100%;}
.group-fullwidth-column{display: table-cell; padding-right: 0; vertical-align: top;}
.all-rights{text-align: right;}

/* LIST */
.list-name{font-size: 16px; text-transform: capitalize; margin: 0;}
.list-under, .list-level, .list-neighbor, .list-teacher{font-size: 10px; text-transform: uppercase; color: gray; margin: 0;}
.list-city, .list-status{margin: 0;}
.row-total-filtered{background-color: #262626 !important; color: white; font-size: 16px;}
.row-total-filtered td, .row-total-filtered th{color: white;}
.row-total-general{background-color: #1c243f !important; color: white; font-size: 16px;}
.row-subtitle{background-color: #f9f9f9; font-weight: bold;}
.row-title{background-color: white; font-weight: bold !important; font-size: 18px; color: #3aa3fd;}
.table-left-titles{width: 200px; min-width: 200px;}
.table-right{overflow: scroll; max-width: 940px;}
.financial-table-column{min-width: 130px; max-width: 130px;}
.financial-table{ width: 100%;}
.financial-table th{font-weight: normal;}
.row-title th{font-weight: bold;}
.startingBalance{background-color: #757575 !important; color: white; font-size: 16px;}
.valueNegative{color: #c74848 ;}
.textRightAlign{text-align: right;}
ul{list-style-type: none; padding: 0; margin: 0;}
.special-attention1{color: #fb5067; font-weight: bold;}
.small-menu-col{max-width: 10px; min-width: 10px; width: 10px;}
.newCustomer{font-style: italic; font-weight: bold; font-size: 9px; vertical-align: super; text-transform: uppercase; color: #fb5067;}
.contract_type{font-style: italic; font-weight: bold; font-size: 9px; vertical-align: super; text-transform: uppercase; color: gray;}
.contract_type_trial{color: #fb5067;}
.class-pending{font-style: italic; font-weight: bold; font-size: 9px; vertical-align: super; text-transform: uppercase; color: #ffc051;}
.class-pending-background{background-color: rgba(255, 247, 133, 0.54) !important;}
.from-class{font-style: italic; color: gray; font-size: 12px;}
.item-checked{color:#03a471;}
.table tr:hover{border-bottom: 2px solid #3aa3fd;}
.table .good_today1{background-color: #6ee677 !important; color: white !important;}
.table .good_today1:hover{background-color: #55bf5c !important; color: white !important;}
.good_today1 span, .good_today1 p, .good_today1 a{color: white !important;}
.good_today1 .dropdown-menu a{color: #333 !important;}
.conversion-low{color: red; font-style: italic; font-weight: bold;}
.conversion-high{color: #c6bc32; font-style: italic; font-weight: bold;}
.conversion-medium{color: #8cc63f; font-style: italic; font-weight: bold;}
.conversion-total{color: gray; font-size: 10px; font-style: italic; font-weight: bold;}
.fidelity-text{color: white; font-size: 14px !important; font-style: italic; font-weight: bold; background-color: rgb(93, 93, 93); padding: 3px 8px; border-radius: 4px;}
.fidelity-row{margin-top: -11px;}
.user-157{font-weight: bold; color: rgb(93, 60, 255);}
.user-122{font-weight: bold; color: rgb(255, 187, 5);}
.user-2{font-weight: bold; color: rgb(255, 28, 35);}
.user-106{font-weight: bold; color: rgb(255, 71, 232);}
.col-days{width: 1px; padding: 8px 0 !important;}
.bill-receipt-box{background-color: #ecf7ff; padding: 10px 0 0px 0; margin-bottom: 10px; overflow:hidden;}
.recommended_by{text-transform: uppercase; font-style: italic; font-weight: bold; font-size: 8px; color: rgb(0, 209, 63);}
.recommended_by a{color: rgb(0, 209, 63);}
.recommended_by a:hover{text-decoration: underline; }
.profile_image{max-width: 66px; max-height: 66px;}
.profile_image_div{width: 66px; height: 66px; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.profile_image_box{overflow: hidden; background-color: white; width: 80px; height: 80px; border: 7px solid #ebebeb; border-radius: 40px; margin-right: 10px; cursor: pointer;}
.profile_group{display: table; width: 100%; border-bottom: 1px solid gray; margin-bottom: 30px;}
.profile_group_item{display: table-cell; border-bottom: none;}
.profile_group_item_photo{width: 80px; vertical-align: top; }
.profile_image_box .fas{font-size: 65px; color: #e5e5e5; width: 100%; text-align: center;}
.prefered-professional{background-color: #fffcd0 !important;}



.days-0{background:url(/images/days-0.png) no-repeat right bottom;}
.days-1{background:url(/images/days-1.png) no-repeat right bottom;}
.days-2{background:url(/images/days-2.png) no-repeat right bottom;}
.days-3{background:url(/images/days-3.png) no-repeat right bottom;}
.days-4{background:url(/images/days-4.png) no-repeat right bottom;}
.days-bar{width: 2px; height: 40px; background-size: 2px 40px;}



/* JOBS LIST */

.status-21{border-left: 6px solid #03a471; padding-left: 10px;}
.status-20{border-left: 6px solid #373f4b; padding-left: 10px;}
.status-22{border-left: 6px solid #d7d936; padding-left: 10px;}
.status-23{border-left: 6px solid #8e36cc; padding-left: 10px;}
.status-24{border-left: 6px solid #e4364a; padding-left: 10px;}
.status-25{border-left: 6px solid #365dcc; padding-left: 10px;}
.status-26{border-left: 6px solid #cc3699; padding-left: 10px;}
.status-37{border-left: 6px solid #67ff63; padding-left: 10px;}
.dot-green{height: 5px; width: 5px; background-color: #03a471; display: inline-block ;}
.dot-yellow{height: 5px; width: 5px; background-color: #d7d936; display: inline-block ;}
.dot-red{height: 5px; width: 5px; background-color: #e4364a; display: inline-block ;}


/* PAYMENT LIST */
#balances{position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 99999;}
#balances ul{display: block; margin: 0 auto; vertical-align: bottom; -webkit-transition: margin-bottom 0.5s; /* Safari */ transition: margin-bottom 0.5s; margin-bottom: 0px;}
#balances ul li{display: inline-block;}
#balances .balance-account{margin: 0; padding-top: 5px; background: #ed2b94;}
#balances .balance-title{text-transform: uppercase; font-size: 9px; font-weight: bold; color: #ed2b94; background-color: rgba(255, 255, 255, 1); display: block; padding: 2px 8px;}
#balances .balance-value{font-size: 14px; font-weight: bold; color: white; padding: 4px 15px;}
.balance-itau{background-color: #ed2b94 !important;}
.balance-bradesco{background-color: #ed2b94 !important;}
.balance-santander{background-color: #ed2b94 !important;}
.balance-citibank{background-color: #ed2b94 !important;}
.balance-pagseguro{background-color: #ed2b94 !important;}
.balance-caixa{background-color: #ed2b94 !important;}
.balance-iugu{background-color: #ed2b94 !important;}
.balance-bradesco .balance-title{color: #ed2b94 !important; background-color: rgba(255, 255, 255, 1) !important;}
.balance-itau .balance-title{color: #ed2b94 !important; background-color: rgba(255, 255, 255, 1) !important;}
.balance-citibank .balance-title{color: #ed2b94 !important; background-color: rgba(255, 255, 255, 1) !important;}
.balance-santander .balance-title{color: #ed2b94 !important; background-color: rgba(255, 255, 255, 1) !important;}
.balance-pagseguro .balance-title{color: #ed2b94 !important; background-color: rgba(255, 255, 255, 1) !important;}
.balance-caixa .balance-title{color: #ed2b94 !important; background-color: rgba(255, 255, 255, 1) !important;;}
.balance-iugu .balance-title{color: #ed2b94 !important; background-color: rgba(255, 255, 255, 1) !important;;}
#balance-total{background-color: #09bef2 !important;}
#balance-total .balance-title{color: #09bef2}
.confirmed-yes{color: #03a471;}
.confirmed-alert{color: red;}
.confirmed-no{color: lightgray;}
.tab-balance{min-width: 28px; padding:7px 10px 5px; background-color: darkgray; color: white; display: inline; position: absolute; right: 10px; bottom: 0; font-weight: bold; font-size: 10px;}


/* .table-striped>tbody>.invoice_or_bill_1:nth-of-type(odd){color: #c74848 ;} */
/* .table-striped>tbody>.invoice_or_bill_1, .table-striped>tbody>.invoice_or_bill_1 a{color: #c74848 ;} */

/* MENU */
.myNavbar{background-color: white; border-bottom: 1px solid #e0e0e0; background-image: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; text-transform: capitalize;}
.dropdown-menu{padding: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.dropdown-menu>li>a{padding: 10px 15px; border-bottom: solid lightgray 1px;}
.dropdown-menu>li>span{padding: 10px 15px; border-bottom: solid lightgray 1px; display: block;}
#navbar-search-input{width: 100px;}
#navbar-search-form{display: table; margin: 0; padding: 7px 0 5px 7px;; border: none;}
#navbar-search-form input{display: table-cell; margin-right: 0;}
#navbar-search-form button{border: none; background: none; -webkit-box-shadow: none;}
.dropdown-observation{color: red; font-size: 10px; font-weight: bold; font-style: italic;}
.small-dropdown li a{padding: 10px 15px; border: 0;}
.small-dropdown-filter li a{padding: 10px 15px;}
.clipboard-msg{font-size: 12px !important; font-style: italic; color: #fb5067; font-weight: bold;}
.copyToClipboardRow{position: relative;}
.copyToClipboardRow textarea{position: absolute; left: -100000px;}
.hide_textarea{position: absolute; left: -100000px;}
.dropdown-menu .divider{margin: 0;}
.add-submenu{display: inline-block; vertical-align: bottom;}
.add-submenu span{font-size: 25px; top: -1px;}

/* BREADCRUMBS */
.breadcrumb{float: right; background: none; padding: 0; margin: 0; text-transform: capitalize;}


/* FORM */
.customer-company{font-size: 10px !important; font-weight: bold; background-color: #ed1890; color: white; border-radius: 5px; padding: 2px 5px; text-transform: uppercase;}
.customer-new{font-size: 10px !important; font-weight: bold; background-color: #18ed44; color: white; border-radius: 5px; padding: 2px 5px; text-transform: uppercase;}
.yellow-box{font-size: 10px !important; font-weight: bold; background-color: #ffda18; color: white; border-radius: 5px; padding: 2px 5px; text-transform: uppercase;}
.purple-box{font-size: 10px !important; font-weight: bold; background-color: #a900ff; color: white; border-radius: 5px; padding: 2px 5px; text-transform: uppercase;}
.blue-box{font-size: 10px !important; font-weight: bold; background-color: #3aa3fd; color: white; border-radius: 5px; padding: 2px 5px; text-transform: uppercase;}
.gray-box{font-size: 10px !important; font-weight: bold; background-color: #4a4a4a; color: white; border-radius: 5px; padding: 2px 5px; text-transform: uppercase;}
/*.myforms input{padding: 15px 15px; height: 60px;}*/
.myforms input{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; color: rgb(48, 49, 61); -webkit-font-smoothing: antialiased; font-size: 16px; width: 100%; padding: 12px 12px; border-radius: 5px !important; background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%); transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;}
.myforms input[type=checkbox]{width: auto;}
.myforms input[type=submit]{width: auto; height: 40px; padding: 5px 20px; text-shadow:none; color: white; background: #3aa3fd; border: 0; -webkit-transition: background 0.5s; /* Safari */ transition: background 0.5s;}
.myforms input[type=submit]:hover{background: #318ddc;}
.myforms input[type=button]{width: auto; height: 40px; padding: 5px 20px; text-shadow:none; color: white; background: #444444; border: 0; -webkit-transition: background 0.5s; /* Safari */ transition: background 0.5s;}
.myforms input[type=button]:hover{background: #262525;}
/*.myforms input[type=number]{padding: 10px 20px; height: 60px;}*/


/*SELECT*/
/*.myforms select{width: 100%;  height: 60px;}*/
.myforms select{border-radius: 6px; border-color: rgb(230, 230, 230); background: white; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; color: rgb(48, 49, 61); -webkit-font-smoothing: antialiased; font-size: 17px; width: 100%; padding: 12px; text-align: left;}
.selectdiv {position: relative;}
.selectdiv label{margin-bottom: 0;}

/* IE11 hide native button (thanks Matt!) */
.selectdiv select::-ms-expand {display: none;}

.selectdiv select {-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 12px 25px 12px 13px; line-height: normal;}
.selectdiv select:hover{background: #f2f2f2;}
.selectdiv .select-arrow{display: flex; right: 0; top: 0; bottom: 0; position: absolute; padding: 12px; align-items: center; pointer-events: none;}
.selectdiv .select-arrow svg{}


.myforms label{font-size: 15px; text-transform: capitalize; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-weight: 400; color: rgb(48, 49, 61); -webkit-font-smoothing: antialiased;}
.myforms textarea{border-radius: 5px !important; border: 1px solid rgb(230, 230, 230); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;	box-sizing: border-box;	width: 100%; padding: 10px;}
.myforms div.help-block.with-errors{float: right; margin-top: -85px;}
.myforms div.help-block.with-errors-textarea{margin-top: 0; float:none;}
.btn-delete-user{float: left;}
.form-control::-webkit-input-placeholder{color:#d4d4d4;}
.invoice-hour{padding-left: 0;}
.invoice-dayoftheweek{padding-right: 0;}
.amount_contracted{float: right;}
.empty-item{background-color: white;}
.title-right-link{float: right; margin-top: 35px;}
#payment-tabs{margin-bottom: 35px; margin-top: 55px;}
.input-group{clear: both;}
.bottom-btns{text-align: right; position: fixed; bottom:0; left: 0; display: block; z-index: 99999; background-color: rgba(255, 255, 255, 0.9); padding: 15px; margin-bottom: 0;  -webkit-box-shadow: 0 10px 20px rgba(251, 80, 103, 1); box-shadow: 0 10px 20px rgba(251, 80, 103, 1);}
.has-feedback .form-control{padding-right: 15px;}
.glyphicon-flash{font-size: 20px !important; color: #03a471}
/*.bootstrap-switch-id-good_today{margin-right: 20px;}*/
.show-iugu-id{margin-top: -55px; float: right; color: lightgray;}
.skill-item, .location-item{background-color: darkgray; color: white; font-weight: bold; text-transform: uppercase; padding: 10px; border-radius: 3px; display: inline-block; margin: 0 5px 5px 0;}
.skill-item:hover, .location-item:hover{background-color: rgb(94, 94, 94); color: white;}
.skill-selected, .location-selected{background-color: #fb5067; color: white;}
.skill-selected:hover, .location-selected:hover{background-color: #c4165b; color: white;}
.skill-group{text-transform: uppercase; font-size: 10px; color: gray; margin: 10px 0 3px 0; }
.skill-group-first{margin: 0 0 3px 0 !important; }
.location-empty{font-weight: bold; font-size: 16px; margin-bottom: 30px;}
.location-city{font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom: 2px;}
.fidelity-status{display: inline-block; width: 15px; height: 15px; background-color: rgb(93, 93, 93); border-radius: 7.5px; font-size: 10px; font-weight: bold; color: white; text-align: center;}
.fidelity-green{background-color: rgb(137, 227, 0);}
.fidelity-yellow{background-color: rgb(238, 215, 0);}
.fidelity-red{background-color: rgb(247, 25, 129);}
.battery-group{display: inline-block; height: 24px;}
.battery-group .battery-icon{font-size: 30px; display: table-cell; vertical-align: middle;}
.battery-group .battery-text{padding-left: 2px; font-size: 14px; font-weight: bold; display: table-cell; vertical-align: middle;}
.battery-group-list{height: 14px;}
.battery-group-list .battery-icon{font-size: 16px;}
.battery-group-list .battery-text{font-size: 10px;}
.battery-color-black{color: black;}
.battery-color-red{color: rgb(247, 25, 129);}
.battery-color-yellow{color: rgb(238, 215, 0);}
.battery-color-green{color: rgb(137, 227, 0);}
.battery-color-full{color: rgb(137, 227, 0);}
.battery-color-empty{color: rgb(0, 0, 0);}
.battery-color-bronze{
  background: linear-gradient(45deg, #8f6235, #bb7f4d, #cd7f32, #b36823, #8a4e16, #723c10);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.battery-color-silver{
  background: linear-gradient(45deg, #787878, #909090, #c0c0c0, #a8a8a8, #909090, #787878);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.battery-color-gold{  
  background: linear-gradient(45deg, #c78d13, #f8e16c, #f2c94c, #e8b923, #d4a017, #c78d13);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
.location-map-icon{font-size: 18px; margin: 5px;}
.title-icon{font-size: 14px; padding: 5px;}

/* CALENDAR */
div.fc-scroller{height: auto !important;}
div.fc-scroller.fc-day-grid-container{height: auto !important;}
div.fc-scroller.fc-time-grid-container{height: auto !important;}
.fc-event{padding: 6px !important; border: 1px solid white !important; border-radius: 0 !important;}
.fc-list-table .fc-list-item {background-color: #f5f5f5 !important; color: #282828 !important;}
.statusClassScheduled, .statusClassScheduled .fc-event-dot{background-color: #373f4b !important; color: white !important;}
.statusClassGiven, .statusClassGiven .fc-event-dot{background-color: #03a471 !important; color: white !important;}
.statusClassMissedByStudent, .statusClassMissedByStudent .fc-event-dot{background-color: #d7d936 !important; color: white !important;}
.statusClassMissedByTeacher, .statusClassMissedByTeacher .fc-event-dot{background-color: #e4364a !important; color: white !important;}
.statusClassHoliday, .statusClassHoliday .fc-event-dot{background-color: #365dcc !important; color: white !important;}
.statusClassRescheduledByTeacher, .statusClassRescheduledByTeacher .fc-event-dot{background-color: #cc3699 !important; color: white !important;}
.statusClassRescheduledByStudent, .statusClassRescheduledByStudent .fc-event-dot{background-color: #8e36cc !important; color: white !important;}
.statusClassPending, .statusClassPending .fc-event-dot{background-color: red !important; color: white !important;}
.specialAttentionActive, .specialAttentionActive .fc-event-dot{border: 3px dotted white !important;}
.qtip hr{margin-top: 7px !important; margin-bottom: 5px !important;}
.qtip-content{padding: 12px !important; line-height: 14px !important;}
#calendar .fc-head thead{background-color: lightgray; text-transform: uppercase;}
#calendar{z-index: 0;}
.form-group{z-index:1;}
.with-switch .bootstrap-switch{float: right; margin-top: -20px; margin-left: 10px; height: 34px; margin-bottom: 15px;}

/*FILTER*/
.filters{position: absolute; right: 15px; top: 30px; display: table;}
.filters .filters-col{display: inline-table; padding: 0 0 0 4px; margin: 2px 0; position: relative;}
.filters .filters-col .input-group .form-control{float: none;}
.filters .filters-col .input-group .glyphicon{top: 0;}

.filters-fullwidth {position: static; display: block; float: none; background-color: rgb(248, 248, 248); padding: 5px; text-align: center; margin-bottom: 10px; margin-top: -25px;}
.filters-fullwidth .button-group .dropdown-menu{position: absolute; top: 28px;}
.filters-fullwidth .filters-col{display: inline-table; padding: 0 0 0 4px; margin: 2px 0; position: relative;}
.filters-fullwidth .filters-col .input-group .form-control{float: none;}
.filters-fullwidth .filters-col .input-group .glyphicon{top: 0;}

/*CHANGE PAYMENTS*/
.payments-fields{display: table; width: 100%; background-color: #f9f9f9; padding: 0; text-align: center; margin-top: -10px;}
.payments-fields .filters-col{display: table-cell; padding: 10px; margin: 2px 0; position: relative;}
.payments-fields .filters-col .input-group .form-control{float: none;}
.payments-fields .filters-col .input-group .glyphicon{top: 0;}
.payments-fields .filters-col select{font-size: 18px;}
.payments-fields .payments-fields-title{background-color: #757575; color: white;}
.footer-iugu-security-info-left{text-align: left;}
.footer-iugu-security-info-right{text-align: right;}



#formFilter .button-group .dropdown-menu li{position: relative;}
#formFilter .button-group .dropdown-menu li input[type=checkbox]{position: absolute; top: 9px; left: 10px;}
#formFilter .button-group .small-dropdown-filter li input[type=checkbox]{position: absolute; top: 9px; left: 10px;}
#formFilter .button-group .dropdown-menu li a{padding-left: 25px;}
#formFilter button {box-shadow: none;}
#formFilter input{max-width: 95px;}




#logs{position: relative; border-top: 1px solid lightgray; margin: 30px 0 20px 0; padding: 20px 0 50px 0; max-height: 150px; overflow: hidden;}
#logs p{text-align: center; color: gray;}
#logs .logs-link{width: 100%; text-align: center; position: absolute;  background: url('../images/log-gradient.png') repeat-x bottom; bottom:0; height: 100px; opacity: 1; transition: opacity 1s; -webkit-transition: opacity 1s; /* Safari */}
#logs .logs-link span{position: absolute; bottom: 0; width: 100%; text-align: center; left: 0; color: #337ab7; cursor: pointer;}



/*INCOME STATEMENT*/
.col-caixa-white{background-color: rgb(248, 250, 255); border-right: 1px solid lightgray;}
.col-caixa-dark{background-color: rgb(27, 49, 76); border-right: 1px solid lightgray; color: white;}
.col-caixa-lightgray{}
.title-year{margin: 0;}
.customers-amount{margin: 0; font-size: 12px; color: gray; font-weight: normal; display: block; width: 300px;}
.customers-amount-0{color: red;}
.customers-amount-1{color: yellow;}
.customers-amount-2{color: green;}
.row-title tr{height: 95px;}

/*PRODUCT UPDATE*/
#form_week_price{background-color: rgb(224, 255, 204); padding: 15px 15px 0 15px; margin-bottom: 15px;}
.form_packs_pack{background-color: rgb(216, 229, 243); padding: 15px 15px 0 15px; margin-bottom: 15px; margin-right: 5px;}
.form_packs_pack .form-group{padding-right: 0; padding-left: 0;}
#form_states{background-color: rgb(238, 238, 238); padding: 15px 15px 0 15px; margin-bottom: 15px;}


/*SCRIPTS*/
.panel-heading{}
.panel-heading div{}
.panel-title{width: 90%; display: inline-block;}
.copyBtnDiv{width: 9%; display: inline-block;}
.copyBtn{ padding: 10px 15px; display: block; text-align: right;}
.script-title{padding: 10px; font-weight: bold; display: block; text-transform: uppercase;}
.panel-heading h4 a{display: block; font-weight: normal;}
.copyTarget{position: absolute; left: -100000px;}
.panel-body{display: block;}
.deleteBtn{display: block; text-align: right; padding: 10px; background-color: lightpink;}
.panel-heading-no-answer{background: gray !important; color: white !important;}



/*AFFILIATE*/
.refer-box{background-color: rgb(239, 239, 239); padding: 20px; border-radius: 5px; margin-top: 20px;}
.affiliates-none{text-align: center; padding: 40px; background-color: rgb(255, 217, 217); border-radius: 10px; font-weight: bold;}
.thank-you-box{background-color: rgb(248, 252, 254); padding: 40px; border-radius: 5px; margin: 30px 0;}
.refer-link-box{background-color: rgb(238, 246, 232); padding: 20px 40px 40px 40px; border-radius: 5px; margin-top: 20px;}
.refer-link{font-size: 20px; text-align: center; background-color: white; padding: 10px; font-weight: bold; cursor: copy;}


/*KPIS*/
.kpis-row{display: block; width: 100%; overflow: scroll;}
.kpi-column{display: table-cell; padding: 2px 2px;}
.kpi-item{width: 100%; background-color: #ccf7ff; border-radius: 4px; overflow: hidden; min-width: 100px;}
.kpi-title{font-size: 12px; text-transform: uppercase; font-weight: bold; background-color: #7addff; padding: 2px 10px; color: white; text-align: center;}
.kpi-value{font-size: 24px; font-weight: bold; text-align: center; color: #0078a7; padding: 2px 5px;}

/*ExerciseS*/
.exercise-field{padding: 15px 0 0 0; margin: 0; clear: both;}
.exercise-color-correct{color: #03a471;}
.exercise-color-wrong{color: red;}
#exercises_list_top h1{margin-bottom: 5px;}
#exercises_list{width: 100%; display: table; border: 1px solid #d7edff; border-radius: 6px; table-layout: fixed; overflow:hidden; margin-bottom: 5px;}
.group-title{font-size: 30px; line-height: 27px; margin-top: 0; margin-bottom: 10px; text-transform: none;}
.group-title:first-letter {text-transform: uppercase;}
.exercise-title{font-size: 24px; line-height: 24px; font-style: italic; margin: 60px 0 30px 0; letter-spacing: -1px; text-align: center; font-weight: bold;}
.show-exercise{display: table-cell; text-align: center; padding: 7px 2px; width: 2%; font-weight: bold; font-size: 20px;}
/*.show-exercise:first-child {background: #3aa3fd; color: white;}*/
.show-exercise:nth-child(odd) {background-color: #d7edff}
.show-exercise:hover{background-color: #015093; color: white;}
.show-exercise-selected{background-color: #015093 !important; color: white !important;}
.exercise-type-field{padding: 0px 15px 10px 15px; background-color: white; clear: both; border-radius: 5px; margin-top: 10px;}
.exercise-type-alternative{padding: 0px 15px 10px 15px; background-color: #d7edff; clear: both; border-radius: 5px; margin-top: 10px;}
.exercise-group{padding: 0 15px; background-color: #f2f9ff; clear: both; border-radius: 6px; float: left; width: 100%;}
.exercise-group input{height: 40px; box-shadow: none; border-color: rgb(227, 227, 227);}
.btn-exercise-save{float: right;}
.alternative_black_space{border-bottom: 2px solid black; height: 80px; clear: both; margin-bottom: 0; background-color: white; overflow:hidden; border-radius: 6px;}
.alternative_black_space input{border: none; height: 78px; font-size: 24px; background: none;}
.homework-type-field{padding: 0px 15px 10px 15px; background-color: #d7edff; clear: both; border-radius: 5px; margin-top: 10px; text-align: center;}
.homework-type-alternative{padding: 0px 15px 10px 15px; background-color: blank; clear: both; border-radius: 5px; margin-top: 10px; text-align: center;}
.homework-answers{display: block; width: 100%; padding: 40px 0; text-align: center; min-height: 200px;}
.homework-answer{cursor: default; transition: 0.2s; display: inline-block; background-color: #ed1890; border-radius: 6px; padding: 10px 20px; font-size: 25px; color: white; margin: 3px; text-transform: uppercase; font-weight: bold;}
.homework-answer-expand{cursor: pointer; transition: 0.1s; display: inline-block; background-color: #ed1890; border-radius: 6px; padding: 10px 20px; font-size: 25px; color: white; margin: 3px; text-transform: uppercase; font-weight: bold;}
.homework-answer-expand:hover{background-color: #be0f72; font-size: 30px; color: white;}
.homework-answer-other{background-color: gray;}
.homework-answer-correct{background-color: rgb(42, 233, 126) !important; color: white !important;}
.homework-answer-correct:disabled{background-color: rgb(42, 233, 126) !important; color: white !important; -webkit-text-fill-color: white; opacity: 1;}
.show-exercise-selected.homework-answer-correct{background-color: rgb(5 119 55) !important;}
.show-exercise-selected.homework-answer-wrong{background-color: rgb(136 44 44) !important;}
.homework-answer-wrong{background-color: rgb(255, 96, 96) !important;  color: white !important;}
.homework-answer-wrong:disabled{background-color: rgb(255, 96, 96) !important;  color: white !important; -webkit-text-fill-color: white; opacity: 1;}
.homework-answer-input{cursor:auto !important; opacity: 1;}
.homework-answer-input:disabled{opacity: 1; background-color: white;}
.correct_answer_div{font-size: 18px; font-style: italic; margin: 10px;}
.correct_answer_text{font-weight: bold;}
.btn-check-answer{transition: 0.2s; width: 100%; font-size: 30px; background-color: #3aa3fd;}
.btn-check-answer:hover{background-color: #0270ce;}
.explanation_div{padding: 20px; background-color: rgb(63, 63, 63); color: white; margin: 20px; border-radius: 6px; text-align: center;}
.explanation_title{text-transform: uppercase; font-size: 12px; font-weight: bold;}
.explanation_text, .explanation_url{font-size: 18px; font-style: italic; word-wrap: break-word; word-break: break-all;}
.exercises-shortcuts{margin: 15px 0;}
.exercises-shortcuts-title{font-size: 10px; font-weight: bold;}
.exercises-shortcut{padding: 8px 15px; background-color: rgb(47, 47, 47); color: white; display: inline-block; border-radius: 6px; margin-bottom: 3px;}
.btn-homework{margin:1px;}
.exercise-list-btn-form{ display: inline;}
.exercises-table-title{max-width: 200px;}
.exercise-homework-title{text-transform: uppercase; font-size: 12px; margin-top: 20px;}
.exercises_list_category_title{font-weight: bold; margin-bottom: -10px;  text-transform: uppercase;}
.exercises_list_subcategory_title{font-size: 25px;}
.homework-tries{float: right; text-transform: uppercase; font-weight: bold; font-size: 12px;}
.homework-tries a{padding: 0 10px 0 12px; border-left: 1px solid gray;}
.homework-tries a:hover{ text-decoration: underline;}
.btn-homework-tryagain{margin-top: 10px;}
.btn-homework-tryagain-advanced{margin-top: 10px; background: #b59921 !important;}
.homework-tries-active{color: #fb5067;}

#exercise-send-box-bg{z-index: 999; position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; background: rgba(255, 255, 255, 0.7); transition: 0.4s; display: table;}
#exercise-send-box{display: table-cell; vertical-align: middle; text-align: center;}
#exercise-send-form{display: inline-block; position: relative; width: 400px; background-color: white; padding: 15px; border-radius: 6px; filter: drop-shadow(0 0 15px gray);}
#exercise-send-form .form-group{text-align: left;}
#exercise-send-form .form-group h2{margin-bottom: 0;}
.exercise-send-btn{font-size: 20px; color: #ed1890;}
.exercise-send-btn:hover{font-size: 23px; color: #9e0c5e;}
#exercise-send-form-close, .close_div{position: absolute; right: 20px; top: 20px; font-size: 20px; cursor: pointer; z-index: 999;}
#exercise-send-form-close:hover, .close_div{}

#finished_homework_white_bg{z-index: 10; position: fixed; left: 0; top: 0; width:200%; height:200%; background-color: rgba(255, 255, 255, 0.68); }
#finished_homework_bg{width:100%; height:100%; position: fixed; top: 0; left: 0; z-index:999999; display: table; text-align: center;}
#finished_homework-table-cell{display: table-cell; text-align: center; width:100%; height:100%; vertical-align: middle; cursor: default;}
#finished_homework-box{display: inline-block; position: relative; max-width: 550px; background-color: white; padding: 45px 45px; border-radius: 6px; filter: drop-shadow(0 0 15px gray); margin: 20px;}
#finished_homework-title{font-size: 30px; line-height: 30px; letter-spacing: -1px;}
.title-line{display: inline-block; height: 3px; width: 50%; background-color: #ed1890; margin: 10px 0 20px 0 ;}
#finished_homework_correct_row, #finished_homework_wrong_row{font-size: 14px; text-transform: uppercase;}
#finished_homework_correct_field{font-style: italic; font-weight: bold; color: rgb(42, 233, 126);}
#finished_homework_wrong_field{font-style: italic; font-weight: bold; color: rgb(255, 96, 96);}
.finished_homework_message{font-size: 25px; line-height: 25px; margin: 20px 0; font-style: italic; font-weight: bold; letter-spacing: -1px;}
#finished_homework_emoji{font-style: normal; font-size: 70px; margin-top: -30px; margin-bottom: -10px;}
.homework-share{padding: 2px 2px;  font-size: 20px;}
.homework-share-box a{color: #292925; font-size: 12px;}
.homework-share-whatsapp{color: #25d366 !important; font-size: 30px !important; margin-left: 10px;}
.homework-share-box{padding: 0 15px; background-color: rgb(248, 248, 248); margin: 10px auto 0; color: #292925;  display: inline-block; border-radius: 6px;}
.homework-share-title{font-size: 10px; font-weight: bold; display: table;}
.homework-share-title span{ display: table-cell; vertical-align: middle;}

#progress-bar {
  text-align: left;
  width: 100%;
  height: 35px;
  position: relative;
}
.progress-bar-bg{height: 35px; width: 100%; background-color: gray;}
.progressbar-text{font-weight: bold; position: absolute; top: -3px; left: 5px; color: white; font-size: 30px;}


.all-page-loading{ filter: blur(4px) opacity(0.5); transition: 0.4s; -webkit-filter: blur(4px) opacity(0.5); /* Chrome compatibility */; height: 100%; position: fixed; inline-size: 100%;}
#loading-bg{width:100%; height:100%; position: fixed; top: 0; left: 0; z-index:999999; display: table; text-align: center;}
#loading-bg-table-cell{display: table-cell; text-align: center; width:100%; height:100%; cursor: default; vertical-align: middle;}
#loading-bg-text{background-color: none; text-size-adjust: 100%; color: rgb(48, 49, 61); -webkit-font-smoothing: antialiased; font-size: 15px; font-weight: 400; padding: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;}


.lds-ring {
    filter: blur(2px);
    display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  vertical-align: middle;
  text-align: center;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #13c0f3;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #13c0f3 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* CLEAR INPUT TEXT */
.clearable{
  background:url(https://i.imgur.com/z7ZSYjt.png) no-repeat right -10px center;
  border:1px solid #999;
  padding:3px 18px 3px 4px; /* USE the same right padding in jQ! */
  border-radius:3px;
  transition: background 0.4s; 
  /*REMOVE THIS LINE IF YOU ENCOUNTER ISSUES IN Chrome (Bug 02.2014)*/
}
.clearable.x{
  background-position: right 5px center;
}
.clearable.onX{
  cursor:pointer;
}

@media (max-width: 1200px) {  
    
    .filters {position: static; display: block; float: none; background-color: rgb(248, 248, 248); padding: 5px; text-align: center; margin-bottom: 10px; margin-top: -25px;}
    #formFilter input{max-width: 70px; background-color: white;}
    .filters .button-group .dropdown-menu{position: absolute; top: 28px;}
    .show-iugu-id{margin-top: -25px; float: none;}
    
    
    .show-exercise{padding: 7px 1px; width: 2%; font-weight: bold; font-size: 12px;}
    .exercise-title{margin: 30px 0 20px 0; }
    .exercise-field{padding: 0;}
    .exercise-field-group{margin-bottom: 0; padding: 0;}
    .homework-type-alternative{padding: 0;}
    .exercises-shortcuts{display: none;}
    .homework-tries{float: none; border-top: 1px solid gray; margin-top: 10px; margin-bottom: -10px;}
    .homework-answer{font-size: 20px;}
    .homework-answer-expand:hover{font-size: 20px;}
    .group-title{font-size: 25px; line-height: 23px;}
    #finished_homework-box{padding: 30px 20px; margin: 15px;}
    #finished_homework-title{font-size: 25px; line-height: 24px;}
    .finished_homework_message{font-size: 20px; line-height: 22px;}
    #finished_homework_correct_row, #finished_homework_wrong_row{font-size: 10px;}
    
}

@media (max-width: 991px) {  
    .hide-small{display: none !important;}
    .show-small{display: block !important;}
    /*h1{margin-bottom: 5px;}*/
    .container{padding-top: 60px;}
    .table-right{max-width: 520px;}
    .with-switch .bootstrap-switch{float: none; margin-top: 10px; margin-left: 0; margin-bottom: 10px;}
}


@media (max-width: 600px) {  
    .myforms input[type=submit]{padding: 5px 15px; height: 40px; font-size: 16px;}
    .myforms input[type=button]{padding: 5px 15px; height: 40px; font-size: 16px;}
    #payment-tabs{margin-bottom: 15px;}
    .show-mobile{display: block !important;}
    .welcome-logo{width: 90%;}
    .welcome-links a{display: block; padding: 20px !important; border-bottom: 1px solid lightgray;}
    .bottom-btns{padding: 10px;}
    h1{font-size: 35px;}
    .add-submenu span{font-size: 23px;}
    .navbar-brand .logo{max-height: 30px; margin-top: -2px;}
    .hide-mobile{display: none !important;}
    .filters .button-group{position: relative;}
    .filters .button-group .dropdown-menu{position: absolute; top: 28px;}
    .bottom-btns{bottom:15px; background-color: rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0 0 15px rgba(251, 80, 103, 0.5); box-shadow: 0 0 15px rgba(251, 80, 103, 0.5);}
    .table-right{max-width: 270px;}
    .panel-title{width: 80%; display: inline-block;}
    .copyBtnDiv{width: 9%; display: inline-block;}
    
    
    /*FOOTER*/
    .group-columns{display: block;}
    footer{padding: 40px;}
    footer ul{display: block; padding-right: 0;}
    .group-fullwidth{display: block;}
    .group-fullwidth-column{display: block; vertical-align: top;}
    .all-rights{text-align: left;}
    
    
    
}

@media (max-width: 767px) {
    
    /*PAYMENT*/
    .footer-iugu-security-info-left{text-align: center;}
    .footer-iugu-security-info-right{text-align: center;}
    
}


/* CHANGING BREAKPOINT OF BOOTSTRAP 3 NAVIGATION BAR*/
@media (max-width: 1050px) {
        .navbar-header {
                float: none;
        }
        .navbar-toggle {
                display: block;
        }
        .navbar-collapse {
                border-top: 1px solid transparent;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
                display: none!important;
        }
        .navbar-collapse.collapse.in {
            display: block!important;
        }
        .navbar-nav {
                float: none!important;
                margin: 7.5px -15px;
        }
        .navbar-nav>li {
                float: none;
        }
        .navbar-nav>li>a {
                padding-top: 10px;
                padding-bottom: 10px;
        }
    .navbar-form {
        padding: 10px 15px;
        margin-top: 8px;
        margin-right: -15px;
        margin-bottom: 8px;
        margin-left: -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
        width:auto;
        float:none!important;
    }
    
    .payments-fields .filters-col{display: inline-table;}
}

/* Creditcard Stripe Page Styles */
.invoice-number {
    float: right;
    margin-top: -60px;
    font-size: 18px;
}

.customer-info-box {
    background-color: #fff9e9;
    padding: 20px 10px 5px;
    margin: 10px 0;
    width: 100%;
}

.customer-name {
    font-size: 22px;
    font-weight: bold;
}

.customer-email {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

.date-value {
    font-size: 22px;
    font-weight: bold;
}

.invoice-paid-message {
    font-size: 22px;
    background-color: #03a471;
    color: white;
    padding: 15px;
    text-align: center;
    font-weight: bold;
}

.admin-test-cards {
    background-color: #ececec;
    padding: 20px;
    margin: 10px 0;
    float: left;
    width: 100%;
}

.select-arrow-icon {
    width: 0.8em;
    height: 0.8em;
}

.save-card-checkbox {
    margin-right: 5px;
    display: inline-block;
    width: auto !important;
}

.save-card-label {
    display: inline-block !important;
    margin: 0;
    vertical-align: middle;
}

.payment-submit {
    margin-bottom: 20px;
    clear: both;
}

.payment-footer {
    border-top: 1px solid gray;
    padding-top: 15px;
    margin-top: 15px;
}

.security-footer {
    margin-top: 20px;
    text-align: center;
    clear: both;
}

.stripe-logo {
    max-width: 120px;
}

.clear-float {
    clear: both;
}

/* Two Column Layout for Creditcard Stripe Page */
.payment-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
}

.payment-column {
    box-sizing: border-box;
}

.payment-column-left {
    width: 35%;
}

.payment-column-right {
    width: calc(65% - 20px);
}

.payment-column-right .payment-section-title{margin-left: 7px; margin-right: 7px;}

/* Payment page specific styles */
.payment-page {
    background-color: #f7f7f9;
    min-height: calc(100vh - 70px);
}

.payment-page h1 {
    border: none;
    margin-bottom: 30px;
    padding-bottom: 0;
    font-size: 28px;
    font-weight: 700;
    color: #1f1f1f;
}

.payment-section-title {
    font-size: 20px;
    font-weight: 600;
    color: #1f1f1f;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e5e7eb;
}

.payment-white-container {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    padding: 40px 25px;
}

.payment-column-right .payment-white-container {
    height: 100%;
}

.payment-white-container .form-group {
}

.customer-info-box {
    background: white;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.customer-info-box .form-group {
    margin-bottom: 20px;
}

.customer-name {
    font-size: 18px;
    font-weight: 500;
    color: #1f1f1f;
}

.customer-email {
    font-size: 14px;
    color: #6b7280;
    margin-left: 5px;
}

.date-value {
    font-size: 18px;
    font-weight: 500;
    color: #1f1f1f;
}

.total-value {
    color: #3b82f6;
    font-weight: 600;
    font-size: 27px;
}

.payment-note {
    background-color: #fffbeb;
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 20px;
    color: #92400e;
    font-size: 14px;
}

.payment-note strong {
    color: #92400e;
    font-weight: 600;
}

/* Form elements styling */
.payment-form input,
.payment-form select {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 16px;
    width: 100%;
    transition: border-color 0.15s ease;
}

.payment-form input:focus,
.payment-form select:focus {
    border-color: #3b82f6;
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.payment-submit button {
    background: #3b82f6;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.payment-submit button:hover {
    background: #2563eb;
}

.security-footer {
    margin-top: 20px;
    text-align: center;
}

@media (max-width: 991px) {
    .payment-container {
        gap: 15px;
    }
    
    .payment-column-left,
    .payment-column-right {
        width: 100%;
    }

    
}