img, div, ul, li { margin:0; padding:0; list-style:none; } 
textarea { min-height: 100px; }
input[type=number] {  -moz-appearance: textfield; appearance: textfield; margin: 0;  } /* For mozila */
/* input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } */ /* For Chrome */
.logo { color: #777; font-size: 16px; font-style: italic; margin-left: 0px; }
.logo img { margin-right: 10px; width: 150px; height: auto; opacity: .8;}
.admin-container { padding: 0; }
.admin-container > div { padding-left: 0; }
.admin-container .main { padding: 20px 32px; position: relative; }
/* .subnavbar .mainnav > li.active > a { color: #d4c243; } */
.subnavbar .mainnav > li > a > i { width: auto; }
.newsImg {max-width: 900px ;}
.flash-mesgage { border-radius: 4px; padding: 6px 12px; margin:5px 0; }
.flash-mesgage i { font-size:18px;  }
.flash-mesgage i:before { margin: 0 8px 0 0; }
.flash-mesgage.error, .errorlog, .errorMessage { background: #990000 linear-gradient(20deg, #c82626, #720202); }
.flash-mesgage.success, .successlog { /* background: #358f08 linear-gradient(20deg, #55b824, #305e07); */ background: #358f08; color:#fff;  }
/*.successlog span.x, .flash-success span.x { float: right; text-transform: uppercase; font-size: 14px; font-family: verdana, arial, sans-serif; cursor: pointer; padding: 2px 4px; font-weight: bold; }*/
.successlog .x, .flash-mesgage .x { float: right; text-transform: uppercase; font-size: 14px; font-family: verdana, arial, sans-serif; cursor: pointer; padding: 2px 4px; font-weight: bold; }
.successlog .x:hover, .flash-mesgage .x:hover { opacity:.5}
.remarklog { color: #bb0404;}
.remarklog img { padding: 0 10px 0 0;}
.errorMessage { display: block; }
/* .flash-box { position: absolute; z-index: 152; left: 50%; top:15%; width: auto;  }
.flash-mesgage { position: relative; z-index: 152; left: -50%; box-shadow: 5px 10px 10px #999; padding: 12px 88px; color: #fff; border-radius:25px; font-size: 14px; }
.flash-mesgage span { padding: 7px 14px !important; position: absolute; top: 0; left: 0; }
.flash-mesgage i { position: absolute; font-size: 26px; padding: 0; margin: 0; line-height:40px;  }
.flash-mesgage .x { position: absolute; top: 0; right: 0; left: auto; }
.flash-mesgage i { position: static; } */
div.flash-error { border: 1px solid #e1b5a3; background: #ecd8d0; color: #861d13; }
div.flash-error h2 { font-size:18px; border:none; }
div.flash-success { border: 1px solid #C6D880; color: DarkGreen; }
div.flash-error, div.flash-error h2, div.flash-success, div.flash-success h2 { font-size:14px; border-radius:6px; }

.btn { /* border-radius: 0; */ margin:0; background: #323232; background-image: linear-gradient(to bottom,#666 0,#323232 100%); color: #fff; border:none; }
.btn:hover, .btn:active, .btn:focus { background: #323232; color:#ddd;}
.btn.delete-selected { float: right; padding-left: 8px; }
.ajaxbutton { background: #3d3d3d; margin: 0 5px; color: #fff; padding: 6px 12px; font-size: 14px; font-weight: normal; display: inline-block;
  line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 4px; border: 1px solid transparent; }
.ajaxbutton:hover { background: #000; } .ajaxbutton:hover,.ajaxbutton:visited,.ajaxbutton:link { color: #fff; text-decoration: none; }
.ajaxbutton i { margin: 0 4px 0 -4px; }
.ajax-buttons .ajaxbutton { color: #000; }
.ajax-buttons { padding: 0 15px; }

@media (min-width: 992px) { .container { max-width: 1200px; } }
@media (max-width: 992px) { .navbar-right .dropdown-menu .divider { background-color: #4a4a4a; } }

.italic { font-style: italic; }
.unbold { font-weight: normal; }
.left { float: left; }
.right { float: right; }
.red { color:#a40000; }
.black { color:#000; }
.gray { color:#999; }
.alpha30 { opacity: .3; } .alpha50 { opacity: .5; } .alpha75 { opacity: .75; } .alpha85 { opacity: .85; }
.view-default { font-style: italic; color:#bbb; }
.linkpad { padding:6px 10px; display: inline-block; }

hr { border-top: 1px solid #ddd	; clear: both; float: none; }
hr.hr12 { margin: 12px 0; }
hr.hr16 { margin: 16px 0; }
table { font-size:14px; }
h1 { font-size: 30px; padding: 0 0 15px 0; position: relative; }
h2 { font-size: 24px; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
h2 i { margin-right:5px; }
h3 { font-size: 18px; /* border-bottom: 1px dashed #dfdfdf; padding: 5px 0; font-style: italic; */ }
h5 { font-size: 17px; border-bottom: 1px dashed #dfdfdf; padding: 5px 10px; margin:15px 0; font-style: italic; /* background: #efefef; */ }
h1 .print { float: right; padding: 2px 4px; color:#666; cursor: pointer; }
h1 .print:hover { color: #222; }
h1 .print i { font-size:24px; }

span.login-checkbox { margin-top: 20px; }
button.login-action, button.register-action { margin-top: 10px; }
label.empty { padding: 0; margin:1px; }

.btn i { margin: 0 4px 0 -4px; }
.btn-primary .icon { margin:0 4px 0 -4px; font-weight: normal; }
.btn-secondary, .ajax-buttons a { /* padding: 4px 12px; */ background-image: linear-gradient(to bottom,#efefef 0,#ddd 100%); color:#000; text-shadow: none; }
.btn-secondary:hover, .btn-secondary:focus, .ajax-buttons a:hover, .ajax-buttons a:focus { background: #dadada; color:#000; }
.btn-link, .btn-link:hover, .btn-link:focus { background: none; }
.btn-link { color: #0c52bb; padding:2px 0; display: block; text-align: left; }
.btn-link i { color: #333; }
.btn-link i.forgotten { font-size: 16px; margin-left: -7px; }

div.errorMessage { display: block; clear: both; position:relative; margin: 0 0 0 -15px; padding: 4px 10px; float: right; color: #fff; background-color: #b94a48; border:none; float:left; width:auto; border-radius: 4px; }
div.errorMessage::after { content:''; position: absolute;  top: 50%; right: 100%; bottom:auto; left: auto; margin-top: -6px; width: 0; height: 0;
  border-right: solid 6px #b94a48; border-top: solid 6px transparent; border-bottom: solid 6px transparent;}
.arrow-bottom div.errorMessage { margin: 0 0 5px 0; }
.arrow-bottom div.errorMessage::after { top: auto; right: auto; bottom:-12px; left: 50%; 
  border-top: solid 6px #b94a48; border-left: solid 6px transparent; border-right: solid 6px transparent; }
.arrow-top div.errorMessage { margin: 3px 0 5px 0; }
.arrow-top div.errorMessage::after { top: auto; right: auto; bottom:100%; left: 50%; margin-left: -3px;
  border-bottom: solid 6px #b94a48; border-left: solid 6px transparent; border-right: solid 6px transparent;}

.btn-link:hover { color:#222; }

.subnavbar .dropdown .caret { margin-top: -22px; }
/* .subnavbar .mainnav > li > a > i.icon-power { font-size: 32px; margin-top:10px; } */

.grid-view table.items th, .grid-view table.items td { font-size: 14px; }
.grid-view table.items th, .grid-view table.items th a { font-weight: normal; }
.grid-view th { white-space: nowrap; }

div.portlet-decoration { background: #3d3d3d; }
.select2-container { min-width: 180px;  }
.select2-container .select2-choice abbr { top:6px; }
/* #category-form .select2-results li:first-child {max-height: 0px; } */

#product-grid .summary, #product-cat-grid .summary { margin-top: -46px; }
#param-grid .summary, #news-grid .summary { margin-top: -14px; }

form { margin:20px 0 15px; }
form label { text-align: left; width: auto;  }

.form input, form input { margin: 0;  /* width: auto; */  }
.form label { text-align: right; }
.form .login-checkbox label { text-align: left; }
.form-control { height: auto; }
.input-group { max-width: 200px;}
.input-group-addon { min-width: 42px; }
.form .note { font-style: italic;   }
.form p.note { text-align: right; line-height: 30px; margin:5px 0; /* margin-top: -40px; */  }
.form input[type="file"] { line-height: normal; margin-top: 3px; width: auto; }
.form input[type="number"] { max-width: 80px; }
.form input[type="text"], .form textarea { width: 100%; }
.form input[type="button"], input[type="submit"] { background: #3d3d3d; margin: 0 5px; }
.form input[type="button"]:hover, input[type="submit"]:hover { background: #000; }
.form input.date { cursor: pointer; background: #fff; max-width: 80px; border-color: #bbb; }
.form .second-col input[type="button"], .form .second-col input[type="submit"] { margin: 0; }
/* .col-sm-12 { border:1px solid gray; } */
/* .form .errorMessage { margin-bottom: 0; } */
.form #Filial_code { max-width: 40px; }
.username-field { background: url(/img/signin/user.png) no-repeat }
.email-field { background: url(/img/signin/email.png) no-repeat }
.password-field { background: url(/img/signin/password.png) no-repeat }
#login-user-form { margin:0; }
#login-user-form .login-actions { margin-bottom: 0px; }
#login-user-form .register-action { margin-top: 0px; }
.form.stacked form { margin:0; }
.form.stacked .field { padding: 12px 0 0; clear: both; float: none;  }
.form.stacked .field > label { width:32%; float: left; text-align: right; }
.form.stacked input { width:65%; float: right; padding: 6px 12px; }
.form.stacked input[type="hidden"] { padding: 0; }
.form.stacked hr { clear: both; margin: 15px 0 5px; border-top: 1px dashed #ccc; }
.form.stacked .actions { clear: both; }
.form.stacked .btn[type="submit"] { margin-top:0px; }
/* .registration h2 { text-align: center; } */
.form.stacked .login-checkbox { margin: 0; /* margin-top:-20px; */ width:65%;  }
.form.stacked input.login-checkbox { margin: 0; height:0;  }
.form.stacked label.empty { margin: 0 15px 1px 0; }
.form.stacked label.choice { margin:0 0 10px; }
.account-container.registration { max-width:620px; width:auto; }
.account-container.forgotpassword { max-width:460px; width:auto; }
.account-container.forgotpassword.form.stacked input { width:78%; }
.account-container.forgotpassword.form.stacked .field > label { width:18%; }
.account-container.resetpassword { max-width:460px; width:auto; }
.account-container.resetpassword.form.stacked input { width:62%; }
.account-container.resetpassword.form.stacked .field > label { width:35%; }
#User_terms { height:0; margin-top: -15px;}
@media (max-width: 768px) { .form.stacked .field > label, .form.stacked input { width: 100%; } .form.stacked .field > label { text-align: left; } }

@media (max-width: 992px) { .form .note { text-align: left; margin-bottom: 0;}}

.note .required, label .required { font-weight: bold; color: #990000; font-size: 16px; }
.note2 { background: #f7f7f7; border-radius:10px; padding: 6px 12px; line-height: 18px; margin-bottom:20px; font-style: italic; }
.note2 i, .note2 span { display: inline-block; vertical-align: top; }
.note2 i { margin:0px 5px 0 -8px; color:#999; font-size: 16px; }

input#News_date { cursor: pointer; }

table.admin { width: 100%; margin-bottom: 15px;    }
table.admin tr { border-bottom: 1px solid #eee; }
table.admin td { padding: 8px 8px; white-space: nowrap; vertical-align: top; width: 100%; }
table.admin td:first-child { width: 1% ; white-space: nowrap;  }
table.admin td:last-child { width: 99%; }
table.admin td.vtop { vertical-align: top; }
table.admin td label {text-align: right; width: 100%;}
table.admin td label.label-icon { width: auto; display: inline; margin:0; padding: 0; }
table.admin td label span { font-style: italic; font-weight: normal;}
table.admin .errorMessage { margin: 0; }
table.auto { width:auto; max-width:none; min-width:none; }
table.auto td { padding: 4px 8px; }
@media (max-width: 992px) { table.admin td { display: inline-block; width: 100% !important; padding: 2px;  } }

.tab-content { margin-top: 10px;}
.nav-tabs > li > a { line-height: 20px;}
.nav-tabs > li > a img, .flag { vertical-align: bottom; margin-right: 3px;  }

.pager { border-bottom: 1px solid #aaa; padding: 0 0 5px 0; }
ul.yiiPager a, ul.yiiPager a:link { border: none; }
ul.yiiPager a:link { padding: 6px 8px; border-radius: 16px;  /* border-color: #eee;  */ }
ul.yiiPager a:link, ul.yiiPager a:visited { color: steelblue;  }
ul.yiiPager .selected a { background: #666;  }
ul.yiiPager .selected a:link, ul.yiiPager .selected a:visited { color: #fff; }

.add-loading { text-align: center; display: none; margin-bottom: 15px; }
.add-loading img {max-width: 25px; margin: -3px 10px 0 0;  }

#back-to-top i { line-height: inherit; }

.res-admin i { margin: 4px 8px; font-size: 16px;}
#Reservation_client_info { min-width: 60%;}

@media (max-width: 768px) { .container {max-width: 750px; } }
@media (max-width: 992px) { .container {max-width: 970px; } }
@media (max-width: 1200px) { .container {max-width: 1170px; } }
@media (max-width: 768px) { .container {max-width: 750px; } }
@media (max-width: 992px) { .container {max-width: 970px; } }
@media (max-width: 1200px) { .container {width: 95%; max-width: 1280px; } }
@media (min-width: 1200px) { .container {width: 95%; max-width: 1440px; } }


select { width: 100%; }
form .row { margin:5px 0; }
form .row.buttons { margin-left:10px; }
form label { display: block; width: 100%; }
ul.sidebar .divider { padding:0px; background: none;  }
ul.sidebar li.active { font-weight: bold; }
ul.sidebar li a { padding: 10px; }
ul.sidebar li span.title { padding: 3px 10px; background: #f5f5f5; display: block; font-style: italic;  }
ul.sidebar li span.title-user { font-style: normal;  }
ul.sidebar i { font-size: 14px; margin-right: 4px; font-weight: normal; opacity: .7; }
.navbar-header { line-height: 40px; color: #aaa; font-size: 20px;}
.navbar-header span { color: #888; margin-left: 0px; }
.navbar-header span.cms { font-size: 16px;  font-style: italic; }
.subnavbar .mainnav > li { min-width: 80px; }
.subnavbar .mainnav > li > a { color: #888; padding: 0 10px; }
.subnavbar .mainnav > li > a:hover { color: #bbb; padding: 0 10px; }
.subnavbar .mainnav > li.active > a:hover { color: #98ca49; }
.subnavbar .mainnav i.diary { font-size: 24px; }
.subnavbar .mainnav i.schedule { font-size: 24px; }
.portlet-decoration {display: none; }
.homepage .news-items { padding: 15px 20px; }
.homepage .shortcuts i { font-size: 30px; color: #555; }
.grid-view { padding: 0px 0 5px; }
.grid-view table.items { border:none  }
.grid-view table.items tr { background: none !important ; }
.grid-view table.items .filters { background: #e9e9e9 !important;  }
.grid-view table.items .filters td { padding: 2px; border:1px solid #e9e9e9; }
.grid-view table.items tbody > .odd:hover > td { background-color: #e9e9e9; }
.grid-view table.items tbody > .even:hover > td { background-color: #f0f0f0; }
.grid-view table.items tbody > .odd:hover > td,
.grid-view table.items tbody > .even:hover > td { background-color: rgba(0,0,0,.05); }

.grid-view table.items tr.selected td { background: #eaeaea; }
.grid-view table.items tr.fade, .grid-view table.items tr[data-fade] { opacity: .4; }
.grid-view table.items tr.unreaded, .grid-view table.items tr[data-unreaded] { font-weight: bold; }
.grid-view table.items td { border-bottom:1px solid #ddd; }
.grid-view table.items th { background-image: linear-gradient(to bottom,#666 0,#323232 100%); }
.grid-view table.items th, .grid-view table.items td { padding:2px 5px; }
.grid-view table.items th.button-column { width: auto; min-width:90px; padding: 0; white-space: nowrap;  }
.grid-view table.items th.button-column-teacher {min-width: 100px ;}
.grid-view table.items th.button-column-group {min-width: 32px ;}
.grid-view table.items th.button-column-child {min-width: 32px;  }
.grid-view table.items td.button-column-child { width: auto; }
.grid-view table.items td.button-column i.parent { font-size: 16px; }
.grid-view table.items td.button-column { padding: 0 1px; }
.grid-view table.items th.ultramini { width: 1%;}
.grid-view table.items th.mini { width: 4%;}
.grid-view table.items th.micro { width: 5%;}
.grid-view table.items th.small { width: 10%;}
.grid-view table.items th.medium { width: 18%;}
.grid-view table.items th.normal { width: 25%;}
.grid-view table.items th.large { width: 30%;}
.grid-view table.items th.huge { width: 40%;}
.grid-view table.items th input[type="checkbox"] { margin-top: 5px; }
.grid-view table.items .button-column a { padding: 0 2px !important;  }
.grid-view table.items .checkbox-column { margin: 0; padding: 0 4px; }
.grid-view table.items th a.sort-link, .grid-view table.items td.link a, .grid-view table.items td.link-column a { display: block; }
.grid-view table.items td.link-column a { font-weight: bold; background: #fff; border-radius:12px; border:1px dashed #aaa; width:auto; font-size: 14px; }
.grid-view table.items td.link-column a:hover { border:1px solid#aaa; background: #f3f7f6 }
.grid-view table.items td.gender { width: 4%; font-size: 18px; color:#999;}
.grid-view table.items td.gender i.male { color:steelblue; }
.grid-view table.items td.gender i.female { color:palevioletred; }
.grid-view.cursor-pointer table.items tbody tr { cursor: pointer;}
table.items .overall td { text-align: center; /* border-top:1px solid #999; */ /* background: #f5f7ee; */ background: #fff; }
table.items .overall td.lbl { text-align: right; padding-right: 5px; text-transform: uppercase; }
table.items .overall td.all-total { font-weight: bold; }

.add-to-group {padding: 0 0 10px; }
.add-to-group > div { padding: 0 0 4px; }
.add-to-group span { display: inline-block; vertical-align: middle; padding: 0 2px;   }
.add-to-group span select { width: auto; min-width: 200px; }
.add-to-group .btn { padding: 4px 12px; background-image: linear-gradient(to bottom,#efefef 0,#ddd 100%); color:#000; }
.add-to-group .btn:hover, .add-to-group .btn:focus { background: #dadada; }
.add-to-group .btn i { margin-left: -5px; opacity: .8; }
/* #activity-grid_c1 {width: 1%; padding: 2px 16px; } */
.admin-container .note i, i.note { font-size: 18px; }
.admin-container .note.warning i, i.note.warning { color: #990000;  }

table.detail-view tr.odd { background: #f5f5f5; }
table.detail-view tr.even { background: #fafafa; }
table.detail-view .null { color:#bbb; }

[class*=icon-]:not(.ui-icon):not(.cb-icon-check):not(.cb-icon-check-empty):not(.cb-icon-check-indeterminate), [class^=icon-]:not(.ui-icon):not(.cb-icon-check):not(.cb-icon-check-empty):not(.cb-icon-check-indeterminate) {background:none;}
/* .button-column i { background: #990000 !important; padding: 4px 2px; border-radius: 24px; width: 24px; height: 24px; color:#fff; } */
.button-column i { font-size: 20px; color:#666; } .button-column i:hover { color: #000; }
/* .button-column i.groups { color: darkorange; } .button-column i.groups:hover { color: #323232; } */
#req_res pre { margin:0; background-color: seashell; border: 1px solid tan; color: saddlebrown; }
#req_res pre.ok { background-color: honeydew ; border: 1px solid #adc29e ; color: #405629 ; }

/* -- checkbox --*/
.checkbox {max-width: 20px; margin: 3px 0;}
/* Customize the the container */
/* .checkboxx { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; width: 25px; height:25px;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } */
/* Hide the browser's default checkbox */
/* .checkboxx input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } */
/* Create a custom checkbox */
/* .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } */
/* On mouse-over, add a grey background color */
/* .checkboxx:hover input ~ .checkmark { background-color: #ccc; } */
/* When the checkbox is checked, add a blue background */
/* .checkboxx input:checked ~ .checkmark { background-color: #2196F3; } */
/* Create the checkmark/indicator (hidden when not checked) */
/* .checkboxx .checkmark:after { content: ""; position: absolute; display: none; } */
/* Show the checkmark when checked */
/* .checkboxx input:checked ~ .checkmark:after { display: block; } */
/* Style the checkmark/indicator */
/* .checkboxx .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; 
  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } */

.note-toolbar { padding: 0 0 3px 3px }
.note-toolbar .note-color .dropdown-toggle { width: auto; padding: 4px 2px; width: 18px;  }
.note-toolbar .note-color .dropdown-toggle span::before { margin: 0; }
.note-editor.note-frame { border-color: #bbb; border-radius:4px;  }
.note-editor .note-btn i, .note-editor .note-icon-caret  { font-size:13px; color:#bbb; }
.note-editor .note-btn i.icon { font-size: 14px; }
.note-editor .note-btn:hover i, .note-editor .note-btn:hover .note-icon-caret { color:#000; }
.note-icon-caret::before { font-size: 11px; margin: 0 -2px 0 2px; }
.note-toolbar .arrow { margin-left: -2px; color:#bbb; }
.note-toolbar .arrow::before { margin:0; }
.note-toolbar .note-color .dropdown-toggle .arrow { margin-left: -2px; }
.note-editor .note-btn:hover .arrow { color:#000; }
.note-icon-orderedlist::before { margin: -1px 2px 0 -2px; }
.note-toolbar .note-dropdown-menu { min-width: 222px; }
.note-btn-group.note-align { margin: 0; }
.note-editor blockquote { border-left-color: #e3dbba; }
.note-popover .note-popover-content>.note-btn-group, .note-toolbar>.note-btn-group { margin: 3px 0 0 0; }
.note-btn { padding: 4px 8px; }
.note-btn, .note-btn:hover, .note-btn:focus, .note-btn.focus { border:none; }
.note-popover .note-popover-content .note-style .note-dropdown-menu, .note-toolbar .note-style .note-dropdown-menu { padding: 8px; }
a.note-dropdown-item, a.note-dropdown-item:hover { margin: 2px; padding: 2px 5px; }
.note-editable ul, .note-editable ol { padding-left: 36px; margin-bottom:10px; }
.note-editable ul li { list-style: circle; padding: unset;  }
.note-editable ol li { list-style-type: decimal; padding: unset;  }
.note-modal-footer { display: none; }
.note-palette .btn { background: #efefef !important; color: #333; border-radius: 0 !important; margin-left:0 !important; }
.note-btn-group>.note-btn { margin: 0; }
.note-palette .btn:hover { background: #e5e5e5 !important; }
.note-modal-header { padding: 10px 15px; }
.note-modal-header .close { margin: 0; }
.note-modal-body .form-group { margin-bottom:5px; padding-bottom: 5px;  }
.note-modal-body { padding: 12px 18px; }
.note-modal-body .checkbox { max-width: unset;}
.note-modal-body .checkbox input[type="checkbox"] { margin-top:2px; }
.note-dimension-picker-mousecatcher, .note-dimension-picker-highlighted, .note-dimension-picker-unhighlighted { font-size: 18px; }
.note-editor.note-frame .note-editing-area .note-editable p { line-height: 1.2em; }
@media (max-width: 768px) { .note-editor.note-frame { margin-top:30px; } }


.program h1 { font-size: 24px; }
.program ul { padding-left: 30px;  }
.program ul li { list-style-type: circle; }
.program blockquote { border-left: 5px solid #ddd; background:#f5f5f5; padding: 6px 20px; text-transform: uppercase; /* border-bottom: 1px solid #ccc; */ margin:10px 0; }
.program blockquote.title { border-left: 7px solid #ddd; background:#fff; font-size: 18px; text-transform: uppercase; padding: 15px 25px 5px; border-bottom:none;  }
.program blockquote.teacher { border-left: 5px solid #c49c92; background:#eeecec; font-size: 14px; text-transform: uppercase;  }
.program blockquote.teacher i { font-size: 20px; }
.program blockquote i { margin-right:10px; font-size: 16px; }
.program blockquote .print i { margin-right:0px; font-size: 24px; }
.program > div { padding: 5px 25px; }
.program div.teacher { font-weight: bold; font-size: 16px;  }
.program div.groups { font-size: 15px;  }
.program table { width:100%; }
.program table th { font-size: 13px; margin: 2px; background: #f5f5f5; padding: 2px 6px; font-style: italic;  }
.program table tr { border:1px solid #ccc; border-left: none;  border-right: none;  }
.program table td,.program table th { padding: 3px 6px; text-align: center; }
.program table td.name { width: 40%;}

@media print {
  .main { padding:15px 20px; }
  button, .print { display: none; }
  h1.view { text-align: center; }
  td { border-bottom: 1px solid #eee; }
  .program blockquote, .program blockquote.teacher, .program blockquote.title { border:none; border-bottom:2px solid #bbb; border-top:1px solid #ddd; }
}

.main-user h4 { border-bottom: 1px dashed #aaa; padding: 0 0 8px 0; }
.main-user .main-block, .main-user .kid-block { min-height: 240px; }
.main-user .main-block { padding: 30px; }
.main-user .kid-block { padding: 30px; }
.main-user .kid-block p.missing { padding: 0; }


table.data { width:100%; border-collapse: separate; border-spacing: 2px; }
table.data thead th { background-image:linear-gradient(to bottom,#fff 0,#eee 100%); padding: 5px 10px; border-bottom: 1px solid #ccc; }
table.data tbody tr td { background: #f7f7f7; padding: 5px 10px;  }
table.data-icons td:first-child { background: none; width: 1%; }
table.data-icons td:nth-child(2) { font-style: italic; color:#999; }
table.data-icons i { font-size: 16px; }
/* table.data-icons tr.phone td:last-child { font-size: 15px;   } */
table.data-kids { border-collapse: separate; border-spacing: 0px; }
table.data-kids th { font-size: 13px;}
table.data-kids th, table.data-kids td { border-right:2px solid #fff; }
table.data-kids th:last-child, table.data-kids td:last-child { border-right:none; }
table.data-kids .kidname td { background: none; border-left:0px solid #ccc; margin-top:-2px; display:table-cell; text-transform: uppercase; padding:8px 10px;   }
table.data-kids .kidname td i { margin-right:6px; color:#333; }
table.drafts th.icon { width:1%; }
table.drafts tr.endrow td { border-bottom: 3px solid #ddd; }
table.drafts td:last-child { text-align: center; }
table.drafts i { font-size: 16px; }
table.drafts i.icon.ok { color: #6fa419; font-size: 18px; }
table.drafts i.icon.wait { color: #777; }
table.drafts .empty { color: #bbb; font-style: italic; }
table.drafts.table-striped > tbody > tr > td { vertical-align: middle; }
table.drafts.table-striped > tbody > tr.odd > td { background-color: #f9f9f9; }
table.drafts.table-striped > tbody > tr.even > td { background-color: #fff; }
p.missing { padding: 20px 30px; color: #aaa; }

#user-menu > li > a { color:#aaa; }
#user-menu > li.active > a, #user-menu > li > a span.active { color: #98ca49}
#user-menu > li > a:hover, #user-menu > li > a:focus { color:#ddd; }
@media (min-width: 768px) {
  #user-menu, #user-menu > li, .subnavbar .user-menu { max-height: 52px; }
  #user-menu > li > a { position: relative; }
  #user-menu > li > a > i, #user-menu > li > a > span { float: left; }
  #user-menu > li > a > i { font-size:24px; margin:10px 7px 0 0; }
  #user-menu > li > a > i.home { font-size:26px; margin:9px -1px 0 -3px; }
  #user-menu > li > a > i.icon-user-add-1 { margin-right:1px; }
  #user-menu > li > a > i.icon-users-2 { margin-left:-3px; }
  #user-menu > li > a > i.icon-edit { font-size:28px; margin-right:1px; }
  #user-menu > li > a > i.icon-calendar { font-size:23px; margin-right:4px; }
  #user-menu > li > a > i.icon-chat { font-size:25px; margin-right:3px; }
  #user-menu > li > a > i.icon-shuffle { font-size:24px; margin-right:3px; }
  #user-menu > li > a > i.icon-power { font-size:27px; margin:8px 1px 0 -8px; }
  #user-menu > li > a > span { line-height: 14px; text-align: left; padding:10px 2px 0 0; }
  #user-menu > li > a > span.valign { padding:17px 2px 0; }
  #user-menu > li > a span.italic { font-size: 11px; }
  #user-menu > li > a .caret { position: absolute; bottom:7px; left:20px; }
}
.add-child label { text-align: right; }
/* .add-child select { width: auto; min-width: 200px;  } */
.add-child div.activities > div, .add-child .teacher > div { display: inline-block; vertical-align: middle;  }
/* .add-child select.filial, */ .add-child div.activities select { min-width: 200px; width: auto; }
.add-child .teachers label { padding-right:8px; }
.add-child .teachers { display: none; }

@media (min-width: 992px) { .usermodul .container { max-width: 1040px; }
@media (min-width: 1200px) {  .usermodul .container { max-width: 1140px; } }


.over-stage, .over-stage-text, .over-stage-attention, .over-stage-preloader { position: fixed; width: 100%; height: 100%; top:0; left: 0; display: none; z-index: 5000; } 
.over-stage, .over-stage-text, .over-stage-attention { background: rgba(150,150,150,.8); } 
.over-stage-text .closer, .over-stage-attention .closer { width: 28px; height: 28px; position: absolute; top: 0; right: 0; background:url(/img/closer.png) no-repeat top right; cursor: pointer; } 
.over-stage-preloader { background: rgba(255,255,255,.85); } 
.over-stage-preloader > div { position: absolute; left: 50%; top:30%; } 
.over-stage-preloader > div > div { position: relative; left: -50%; top: -50%; display: block; } 
.over-stage-preloader span { text-transform: none; display: block; text-align: center; font-size: 20px; } 

.over-stage img { background: #fff; padding: 20px; cursor: pointer; margin: auto auto; position: absolute; top : 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0px 10px 30px #999; max-width: 100%; max-height: 100%; } 
@media (max-width: 768px){
 .over-stage img { padding: 10px; } 
 }
.over-stage-attention { padding-top: 100px; } 
.over-stage-text { text-align: center; vertical-align: middle; padding-top: 100px; } 
.over-stage-text > div, .over-stage-attention > div { background: #fff; padding: 25px; margin: 0 auto; float: none; max-width: 1000px; } 
.over-stage-attention > div { position: relative; } 
.over-stage-text iframe, .over-stage-text .content { width: 100%; border: none; display: block; height: 70%; min-height: 500px; } 
.over-stage-text .content { display: none; } 
@media (max-width: 992px){
 .over-stage-text > div, .over-stage-attention > div { margin: 0 15px; width: auto; } 
 }
body.over-stage-content { background: #fff; } 
.over-stage-attention h2 { background: url(/img/dots.gif) left bottom repeat-x; margin: 0 0 10px; padding:0 0 5px 0; font-size: 30px; line-height: 36px; } 
.over-stage-attention .content { font-size: 20px; } 
.over-stage-attention i { font-size: 24px; }