/* here you can put your own css to customize and override the theme */
.modal-header{padding:15px 15px 12px}
.modal-header h4{font-size:22px;font-weight:400;line-height:18px;margin:0;color:#333}
.modal{border-radius:5px!important}
.modal-body{padding:16px;position:relative}
.horizontal-form.modal-scroll,.modal-scroll{height:400px;overflow-y:auto;overflow-x:hidden;padding:0 10px 0 0}
.form-control{padding:4px;height:30px}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding:5px;line-height:1.429;}
table.table-edit .form-control{padding: 3px;height: 25px;}
.alignRight{text-align:right}
.alignLeft{text-align:left}
.alignCenter{text-align:center}
.btn-mini{width:28px;height:28px; padding:5px;}
.comp-detailBlock{float:right;/*width:200px;*/text-align:right;margin:5px 10px}
.popup-div-url{ font-size:12px; position:fixed; z-index:5; top:50%; left:50%; margin:-100px 0 0 -325px; width:655px; min-height:85px; overflow:hidden; text-align:center;}
.popup-div-overlay-url {width:100%; height:100%; top:0px; left:0px; position:fixed; background-color:black; opacity: 0.5; filter:alpha(opacity=70); z-index:4; min-height:100%;}
.page-edit-footer{border-top: 1px solid #e5e5e5; text-align:right; padding: 15px 0}
label{margin-bottom:2px;font-weight:600;font-size:13px;color:#404040}
.control-label, label{margin-top: 5px;margin-bottom:2px;}
.form-horizontal .control-label {padding-top: 0;}/* added on 4dec15*/
.label-dark {background-color:#95a5a6;}
.label-dark:hover, .label-dark:focus {background-color: #829596;}
.nav-tabs > li > a, .nav-pills > li > a {background: none repeat scroll 0 0 #ddd;color:#555}
.tabbable-custom > .nav-tabs > li > a:hover {background: none repeat scroll 0 0 #ccc;color:#555}
.nav-divider{border-top:1px solid #3d4957; margin-left:61px; margin-top:0px; margin-bottom:-17px}
/*.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {padding-top:0; padding-bottom:8px}*/
.checkbox-list > label.checkbox-inline{margin-top: -1px; margin-bottom:8px}
.radio-list > label.radio-inline {margin-top: -5px; margin-bottom:0px}
.modal-body .checkbox-list > label.checkbox-inline{}
.modal-body .radio-list > label.radio-inline{margin-top: 0px;}
.form-control.selectize-control {margin-bottom:-5px}
.input-icon.right > .form-control { padding-left: 6px;padding-right: 27px;}
input.upper { text-transform: uppercase; }
textarea.upper { text-transform: uppercase; }
select.upper { text-transform: uppercase; }
.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input {text-transform:uppercase;}
/*input{text-transform:uppercase}*/
/*
.btn{padding:5px 10px}
.btn.btn-sm {padding:6px;}*/
/*.tabbable-custom {overflow:inherit;}*/
.bottom-title{ font-size:22px; float:left; width:100%; display:none;}
.menu-toggler {border: 1px solid #ccc;border-radius: 5px !important;}
.book-data-drop .form-group{ margin-left:0px; width:98%; display:block;}
.book-data-drop .editable-container.editable-inline{width:100%; display:block;}
.book-data-drop .editable-input{width:100%; display:block;}
.book-data-drop .form-inline .form-control{width:100%; display:block;}
.book-data-drop .form-control .select2-choice{ height:30px; padding-top:0px;}
@media (max-width: 768px){.page-head .page-title > h1 .top-title{ display:none;}.bottom-title{display:block;}.shortbtn{margin-left:-10px;padding-left:0}}
@media (max-width: 480px){.comp-detailBlock{margin:12px 10px 0px 10px;text-align:left; float:left;}.shortbtn{margin-left:-10px;padding-left:0}}
@media screen and (min-device-width: 770px) and (max-device-width: 992px) {.shortbtn{margin-left:-20px;padding-left:0;	position: relative;top: 24px;}}
@media (min-width: 992px) {.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a.sm {font-size:12px}
.table-sm > tbody > tr > td, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > td, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > thead > tr > th {padding:4px}
.shortbtn{margin-left:-10px;padding-left:0;	}
.btn-box{padding-left:0}
}
.table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover{background-color:#d0e9c6; }
.modal{ overflow:visible !important;}
table.table-edit tbody th, table.table-edit tbody td {line-height: 1.429;padding: 6px;}
.portlet {margin-bottom: 15px;}
.searchbox .form-group{margin-bottom:5px}
.dropdown-menu {background-color: #eee; border: 1px solid #999;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #ffffff;color: #262626;}
.dropdown > .dropdown-menu::before, .dropdown-toggle > .dropdown-menu::before, .btn-group > .dropdown-menu::before {border-bottom: 8px solid #666;}
.dropdown > .dropdown-menu::after, .dropdown-toggle > .dropdown-menu::after, .btn-group > .dropdown-menu::after {border-bottom: 7px solid #eee;}
.add-link {position: absolute; right: 0; top: 0;}
.dropdown-menu > li {position: relative;}

.container-fluid{padding-left:15px;padding-right:15px;}
.portlet > .portlet-title{min-height:32px;}
.portlet.box > .portlet-title > .caption{padding: 9px 0 7px;}
.portlet > .portlet-title > .caption{font-size: 18px;line-height:15px;}
.portlet > .portlet-title > .caption > i{margin-top:0px;}
.portlet > .portlet-title > .tools{padding: 10px 0 5px;}

.table.table-light > tbody > tr.dark > td {color: #ffffff;}

.tiles .tile .corner{position: relative; text-align: right;}
.tiles .tile .corner .fa.fa-plus{ color: #555555;  position: absolute;  right: 3px;  top: 5px;  z-index: 100;}
.tiles .tile .tile-body .fa {color: #ffffff; display: block; font-size: 56px; line-height: 56px; margin-top: 17px; text-align: center; }
.tiles .tile.double-down i {margin-top: 0;}
.tiles .tile .tile-body a:hover{text-decoration: none;}

.valign-top{vertical-align:top !important;}
.valign-middle{vertical-align:middle !important;}
.valign-bottom{vertical-align:bottom !important;}

.btn-icon-only {height: 30px;width: 30px;}
.table thead tr th {font-size: 13px;}


.ul-list-three{}
.ul-list-three ul{list-style:none !important;; padding:0px; margin:0px;}
.ul-list-three ul li{width:195px; float:left;padding:0px; margin-left:-20px}

.ul-plist-three{}
.ul-plist-three ul{list-style:none !important;;}
.ul-plist-three ul li{width:160px; float:left;padding:0px; margin-left:-20px}

.padding-left-5{padding-left:5px}
.padding-left-10{padding-left:10px}
.padding-left-15{padding-left:15px}
.padding-left-20{padding-left:20px}
.padding-left-25{padding-left:25px}

.padding-right-5{padding-right:5px}
.padding-right-10{padding-right:10px}
.padding-right-15{padding-right:15px}
.padding-right-20{padding-right:20px}
.padding-right-25{padding-right:25px}

.padding-bottom-5{padding-bottom:5px}
.padding-bottom-10{padding-bottom:10px}
.padding-bottom-15{padding-bottom:15px}
.padding-bottom-20{padding-bottom:20px}
.padding-bottom-25{padding-bottom:25px}

.padding-top-5{padding-top:5px}
.padding-top-10{padding-top:10px}
.padding-top-15{padding-top:15px}
.padding-top-20{padding-top:20px}
.padding-top-25{padding-top:25px}

.receipt-page{}
.receipt-page tr th{background:#ddd;}