/* General */
.main-sidebar, .left-side{ padding-top: 60px; }
.skin-black-light .wrapper, .skin-black-light .main-sidebar, .skin-black-light .left-side{ background-color: #fff; }
.small-box:hover{ box-shadow: 0 3px 5px 1px rgba(0,0,0,0.30) !important }
.cardNextBooking{ border: 1px solid #ddd; }
.btn-box-tool{ padding: 8px 0 0 0; }
.placeholder{ color: #999; }
.inner{ color: #fff; }
.icon-status{ font-size: 2em; }
.main-header .navbar .nav>li>a>.label{ padding: 3px 4px; }
.skin-black-light .sidebar-menu>li>a{ font-weight: normal; }
.no-cursor{ cursor: initial !important; }
.cursor{ cursor: pointer !important; }
.bg-black .icon{ color: rgba(255,255,255,0.15); }
.table.dataTable{ margin-bottom: 2% !important; }
.box-body{ padding: 15px; }
.btn{ border-radius: 0; }
.new-auth{ position: absolute; bottom: 6%; left: 5%; width: 90%; }
.reservedHour{ cursor: not-allowed; }
.disabled{ background-color: #eee; }
.list-group-unbordered>.list-group-item{ padding-right: 15px; padding-left: 15px; }
.list-unstyled li{ margin-bottom: 5%; }

/* Flag header */
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{ color: #fff !important; }

/* Menu dropdown anulaciones header */
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{ white-space: normal; }
.navbar-nav>.notifications-menu>.dropdown-menu>li.header, .navbar-nav>.messages-menu>.dropdown-menu>li.header, .navbar-nav>.tasks-menu>.dropdown-menu>li.header{ font-size:13px; font-weight: bold; background-color: #fafafa; }

/* Colorpicker input */
.input-group[class*=col-]{ padding-right: 15px; padding-left: 15px; }
.colorpicker-component span.input-group-addon i{ border: 1px solid #000; }

/* Modal & input icon ion */
#modalIconIon ul { padding-left: 5px; max-width: 700px; width: 100%; list-style: none; text-align: left; font-size: 1px; }
#modalIconIon li { position: relative; z-index: 0; display: inline-block; padding: 22px; width: 42px; border-radius: 4px; list-style: none; text-align: center; font-weight: normal; font-size: 32px; cursor: pointer; }
.search { position: relative; background: #F5F5F5; margin: 5% auto; width: 175px; }
.search input { padding: 4px 6px; width: 175px; border: 0; border-radius: 4px; background: #F5F5F5; text-align: center; font-size: 14px; }
.search i { position: absolute; top: 5px; left: 145px; color: #999; }
#icon-panel { position: absolute; top: -9999px; left: -9999px; padding: 20px 2px; width: 260px; border-radius: 4px; background: white; box-shadow: 0 1px 3px rgba(0,0,0,0.15); text-align: center; font-size: 14px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; opacity: .96; }
span#js-open-modal-ion-icons{ font-size: 2rem; }

/* Modal */
.modal { text-align: center; padding: 0!important; }
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle;text-align: center; }
.modal-footer{ text-align: center; }
.modal-body{ padding: 0; }
.modal-content{ padding: 0 10% 0 10%; border-radius: 2px; }
.modalSuccess .icon { margin: 0 auto; margin-top: -75px; background: #4caf50; height: 100px; width: 100px; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.modalError .icon { margin: 0 auto; margin-top: -75px; background: #dd4b39; height: 100px; width: 100px; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.modalAdvert .icon { margin: 0 auto; margin-top: -75px; background: #f39c12; height: 100px; width: 100px; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.modal .icon span { font-size: 4em; color: #fff; padding-top: 20px; }
.modalSuccess button { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 50%; background: transparent; color: #4caf50; border-color: #4caf50; outline: none; }
.modalError button { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 50%; background: transparent; color: #dd4b39; border-color: #dd4b39; outline: none; }
.modalAdvert button { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 50%; background: transparent; color: #f39c12; border-color: #f39c12; outline: none; }
.modalSuccess button:hover { color: #fff; background: #4caf50; border-color: transparent; }
.modalError button:hover { color: #fff; background: #dd4b39; border-color: transparent; }
.modalAdvert button:hover { color: #fff; background: #f39c12; border-color: transparent; }

/* login */
.content-bg{ background: url('/img/css/bg1.jpg') no-repeat; background-size: cover; }
.no-border-left{ border-left: none !important; }
.login-box-body{ border-radius: 1%; box-shadow: 0 0 15px 5px rgba(0,0,0,0.5) }

/* User-menu */
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{ width: 100%; }
.navbar-nav>.user-menu>.dropdown-menu>.user-footer{ background-color: #fff; }
.navbar-nav>.user-menu .user-image{ width: 20px; height: 20px; margin-top: 0; }

/* Aside */
.sidebar-menu>li>a>i{ padding-right: 5px; font-size: 18px; color: #000; }
.skin-black-light .sidebar a{ color: #707780; }
.skin-black-light .sidebar-menu>li>.treeview-menu{ padding-left: 10%; }

/* Box */
.box{ border: none; }
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title{ padding: 1%; }

/* Objets */
.ml0{ margin-left: 0; }
.mt0-5{ margin-top: 0.5%; }
.mt2{ margin-top: 2%; }
.mt1{ margin-top: 1%; }
.mb0{ margin-bottom: 0; }
.mb3{ margin-bottom: 3%; }
.mt3{ margin-top: 3%; }
.ml2{ margin-left: 2% }
.ml1{ margin-left: 1% }
.pt0{ padding-top: 0 !important; }
.bt0{ border-top: none; }
.no-border{ border: none !important; }
.pl0{ padding-left: 0; }
.p0{ padding: 0; }
.br5{ border-radius: 5px; }
.bg-trans{ background-color: transparent; }
.underline-none{ text-decoration: none !important; }
.pb5{ padding-bottom: 5% !important; }
.bt1{ border-top: 1px solid #f4f4f4 }
.pr0{ padding-right: 0 !important; }

/* Fonts */
.fs14{ font-size: 14pt !important; }
.fs16{ font-size: 16pt !important; }
.fs18{ font-size: 18pt !important; }

/* Login Form */
.login-logo { border-bottom: 1px solid #f0f0f0; }

/* Div alert */
.close-rg-0 { right: 0 !important; }

/* Tabs */
.nav-tabs-custom>.nav-tabs>li.active:first-of-type{ border-left: 1px solid #ddd; }
.nav-tabs-custom>.nav-tabs>li.active { border-top: 1px solid #ddd; border-bottom: 1px solid #fff; }
.nav-tabs-custom>.nav-tabs>li.active>a{	border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.nav-tabs-custom>.nav-tabs{ border-bottom: 1px solid #ddd; }
.nav-tabs-custom{ margin: 0; box-shadow: none; border-radius: 0; }

/* Error page */
.content-error-page{ background: #fff; }

/* Select 2 */
span.select2-dropdown.select2-dropdown--below { display: none !important; }
.select2-container--default .select2-selection--multiple { border: 1px solid #d2d6de !important; border-radius: 0px !important; }
.has-error span.select2-selection.select2-selection--multiple { border-color: #a94442 !important; }
li.select2-search.select2-search--inline { margin-left: 1% !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice{ font-size: 13px }
li.select2-selection__choice{ background-color: #00a65a !important; border: none !important; }
.select2-selection__choice__remove{ color: #fff !important; }

/* Logo */
.skin-black-light .main-header>.logo, .skin-black-light .main-header>.logo:hover { background-color: #fff; }
.skin-black-light .main-header>.logo{ border-right: none; width: auto; padding: 0; }
.logo-mobile{ float: left; margin-left: -18%; }
span.logo-lg{ text-align: left; }
span.logo-lg img{ width: 75%; }

/* Calendar table */
.calendar-day { border: 1px solid #eee !important; }
.calendar-day.bg-green:hover, .calendar-day.bg-red:hover { box-shadow: inset 0 0 90px rgba(0,0,0,0.2); cursor: pointer; }
.calendar-day-green-selected { box-shadow: inset 0 0 90px rgba(0,0,0,0.5) !important }
.backTrHeadings{ background-color: #fafafa; }
.backThHeadings{ text-align: center; }
.table>thead>tr>th{ border-bottom: 1px solid #f4f4f4; }
.fc-toolbar button{ background: #fff; border: 0; box-shadow: none; outline:none; }
.fc-button:hover, .fc-button:active, .fc-button.hover{ background: #fff; }

/* ul list */
.list li { list-style: none; }
.list { padding-left: 0; }

/* Pay form */
.info-box-number-pay-form { font-weight: bold; font-size: 18px; }

/* Miscellaneous */
.vcenter { vertical-align: middle !important; }

/* Onoffswitch */
.onoffswitch { position: relative; width: 90px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
.onoffswitch-checkbox { display: none; }
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; }
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; }
.onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #34A7C1; color: #FFFFFF; }
.onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; }
.onoffswitch-switch { display: block; width: 18px; margin: 6px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 56px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }

/* DatePicker */
.daterangepicker_input{ display: none; }

/* iCheck */
.icheckbox_line-green{ margin-top: 5%; }

/* --------------------------------------
=========================================
   14. RESPONSIVE FIXES
=========================================
-----------------------------------------*/

@media (min-width: 768px) {

	.navbar-nav>li>a { padding-top: 15px; }
	.main-header .navbar{ min-height: 50px; }
	.main-header .logo,
	.skin-black-light .main-header .navbar>.sidebar-toggle,
	.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black-light .main-header .navbar .navbar-right>li>a
	{ height: 50px; }

	.main-header .sidebar-toggle{ padding: 17px 15px; }
	.fixed .content-wrapper, .fixed .right-side{ padding-top: 50px; }

	.main-header .navbar{ margin-left: 188px; }

	.sidebar-mini.sidebar-collapse .main-header .navbar{ margin-left: 8px; }
	.sidebar-mini.sidebar-collapse .main-header .logo{ width: 0px; }

	/*.iconBookingDashboard .col-md-2{ width: 20% !important; }*/

	.p7{ padding: 7px; }
	
	
}

@media (min-width: 992px) {

}

@media (min-width: 1025px) {
	/*.iconBookingDashboard .col-lg-2{ width: 20% !important; }*/

}

/*---------------------------------------
   14.1 FOR MAXIMUM WIDTH 1024px              
-----------------------------------------*/

@media (max-width: 1025px) {

	.iradio_line-green{ margin-top: 2%; }
		
}

/*---------------------------------------
   14.1 FOR MAXIMUM WIDTH 992PX              
-----------------------------------------*/

@media (max-width: 993px) {

	.navbar-custom-menu .navbar-nav>li>a{ padding-bottom: 10px; padding-top: 20px; }

	.login-box, .register-box{ width: 360px; margin: 20% auto; }
	
}

/*---------------------------------------
   14.2 FOR MAXIMUM WIDTH 768PX              
-----------------------------------------*/

@media(max-width:769px) {

	.skin-black-light .main-header>.logo{ border-bottom: 1px solid #eee !important; }
	.fixed .content-wrapper, .fixed .right-side{ padding-top: 50px; }
	/*.iconBookingDashboard .col-sm-2{ width: 20% !important; }*/
	.iconBookingDashboard .col-sm-2 .small-box .icon{ font-size: 60px !important; }
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{ right: 0; width: 50%; }

}

/*---------------------------------------
   14.3 FOR MAXIMUM WIDTH 380PX              
-----------------------------------------*/

@media(max-width:380px) {

.invoice{ margin: 0 !important; padding: 10px;}
.invoice h2{ font-size: 18px; }
.iconBookingDashboard .small-box h3{ font-size: 25px; }
.iconBookingDashboard .small-box{ margin-bottom: 10px; }
#BookingAdminBookingForm{ float: none !important; margin-top: 5%; }
.header-datepicker-mvl{ text-align: center; }
.header-datepicker-mvl .box-title{ font-size: 12pt !important; }
.login-box, .register-box{ width: 90%; margin: 7% auto; }
.box-header{ text-align: center; }
.box-header .pull-right{ float:none !important; margin-top: 3%; }
.box-tools.pull-right{ float:none !important; margin-top: 0; }
.data-empty{ text-align: center; }
/*.iconBookingDashboard .col-sm-2{ width: 33.33333333% !important; }*/
.tableDataBarMobile td { white-space: nowrap; }
.modal-dialog{ width: 200px !important }

}