/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*-- fonts--*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}

/*body{background-color:#ebeff2}
.btn.btn-default,.btn.btn-primary{font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:600}

.top-info{color:#fff;font-size:14px}
.top-info span{display:inline-block}
.avail-credit{margin-right:45px}
.top-info.pull-left{margin:28px 0 0 20px}
.top-info.pull-right{margin:22px 20px 0 0}
.btn.orange{background:#e7512f;color:#fff;font-size:15px;border:0;text-transform:uppercase;border-radius:5px !important}
.top-info .btn.orange{width:144px;margin-left:30px; padding:7px 15px}
.top-info .fa-power-off{color:#fff}


.page-sidebar{width:235px !important}
.page-sidebar-menu > li .fa{color:#6b6b6b;font-size:18px;margin-right:15px}
.page-sidebar-menu > li a .fa-summary{background:url(../img/summary-icon.png) no-repeat;width:11px;height:14px;margin:0 3px 4px;vertical-align:middle}
.page-sidebar-menu > li a .fa-addr-book{background:url(../img/address-book.png) no-repeat;width:14px;height:17px;margin-bottom:4px;vertical-align:middle}
.page-sidebar-menu > li > ul.sub-menu > li > a:before{display:inline;font-size:18px;font-family:FontAwesome;height:auto;content:"\f0da";font-weight:300;margin-right:10px}
.err-msg{color:#f00;font-size:13px;margin:5px 0;display:block}

.btn.dark-gray{border-radius:4px !important;width:100px}
.page-footer{margin:10px 0 35px 235px}*/
/*.page-sidebar{background:#fff url(../img/sd-top.gif) repeat-x 0 0;box-shadow:1px -1px 2px #c1c4c6 !important}
.page-sidebar-menu{padding:18px 0 0}*/

body{background-color:#ebeff2}
/*-- Login --*/
.wrapper{background:#6c6b6b}
.wrapper .container h1{font-size:49px}
#login-button{background:#e7512f;color:#fff;font:15px 'Open Sans', Arial, Helvetica, sans-serif;text-transform:uppercase}
.login-form{background:#acabab;width:360px;margin:25px auto 0;padding:40px 30px 0}
.login-form input[type="text"],.login-form input[type="password"]{background:#e2e0e0;color:#323232}
.login-form input[placeholder]{color:#7b7a7a !important}
.login-form ::-webkit-input-placeholder{color:#7b7a7a}
.login-form ::-moz-placeholder{color:#7b7a7a !important}

.copyright{color:#d2d1d1;padding-top:15px}

/*-- Login End--*/
.top-info{color:#fff;font-size:14px; position:relative}
.top-info > span{display:inline-block}
/*.avail-credit{margin-right:45px}*/
.top-info.pull-left{margin:0 0 0 20px; padding-top:26px}
.top-info.pull-right{margin:0 20px 0 0; padding-top:19px}
.btn{font-family:'Open Sans', Arial, Helvetica, sans-serif;font-weight:600}
.btn.orange{background:#e7512f;color:#fff;font-size:15px;border:0;text-transform:uppercase;border-radius:5px !important;padding:6.3px 12px}
.btn.orange:hover,.btn.orange:focus{color:#fff}
.top-info .btn.orange{width:110px;margin-left:7px; padding:7px 10px}
.top-info .fa-power-off{color:#fff}
/*.page-sidebar{background:#fff url(../img/sd-top.gif) repeat-x 0 0;box-shadow:1px -1px 2px #c1c4c6 !important}
.page-sidebar-menu{padding:18px 0 0}*/

.page-sidebar{width:235px !important}
.page-sidebar-menu > li .fa{color:#6b6b6b;font-size:18px;margin-right:15px}
.page-sidebar-menu > li a .fa-summary{/*content:url(../images/summary-icon.gif)*/ background:url(../img/summary-icon.png) no-repeat;width:11px;height:14px;margin:0 3px 4px;vertical-align:middle}
.page-sidebar-menu > li a .fa-addr-book{background:url(../img/address-book.png) no-repeat;width:14px;height:17px;margin-bottom:4px;vertical-align:middle}
.page-sidebar-menu > li > ul.sub-menu > li > a:before{display:inline;font-size:18px;font-family:FontAwesome;height:auto;content:"\f0da";font-weight:300;margin-right:10px}
.err-msg{color:#f00;font-size:13px;margin:5px 0;display:block}

.btn.dark-gray{border-radius:4px !important;width:100px}
.btn.dark-gray:hover{background:#e7512f;color:#fff}
.btn.dark-gray:focus{background:#d1d1d1}
.page-footer{background:#3d3d3d;padding:25px 20px 25px 235px;height:auto}
/*.page-footer{margin:10px 0 35px 235px}*/

.page-content-wrapper{background:#3d3d3d}
/*-- Main Content Area --*/
.portlet > .form .form-body{padding-top:30px}
.portlet.box > .portlet-body{padding-top:20px}
.portlet.box > .portlet-body .form-horizontal{margin-bottom:0}
.portlet > .portlet-title > .caption > i{font-size:16px;margin-top:2px} 
.select-group .form-control{float:left;width:auto;margin-right:7px}
select.form-control.height200{height:200px}
.pagination > li > a, .pagination > li > span{color:#e7512f !important}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background:#edecec !important;border-color:#ddd !important}

/*-- form-horizontal for form-row-seperated columns--*/
.portlet > .form.custom-form-row-seperated .form-row-seperated .form-body{padding-top:0}
.form.custom-form-row-seperated{margin:20px 10px} 
.form.custom-form-row-seperated .form-row-seperated .form-body{border:1px solid #ddd;border-width:0 1px}
.form.custom-form-row-seperated .form-horizontal.form-row-seperated div.form-group:nth-child(odd){background:#f9f9f9}
.form.custom-form-row-seperated .form-horizontal.form-row-seperated div.form-group:first-child{border-top:1px solid #ddd}
.form.custom-form-row-seperated .form-row-seperated .form-group{padding:10px 0}

/*-- Table --*/
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{background:#eee}
.table tr td{font-size:14px}
.table tr td .file a{color:#e7512f}
.table.monthly-log-report > thead:first-child > tr > td,.table.show-summary > thead:first-child > tr > td{background:#fff;text-align:center;font-size:16px;font-weight:600}
.table.monthly-log-report > thead:first-child > tr:nth-child(2) > th,.table.show-summary > thead:first-child > tr:nth-child(2) > th{background:#eee !important}
.table.show-summary thead th,.table.show-summary tbody td{text-align:center}
.table-scrollable > .table-bordered > tbody > tr:last-child > td:last-child{ border-bottom:1px solid #ddd}

.table tfoot tr td{font-weight:600}
.table-scrollable > div font[color="red"]{display:block;margin-bottom:15px;font-size:16px}
/*-- Added button --*/
.btn.btn-default{padding:5px 8px}
.btn.btn-default.export{background:url(../img/x-icon.png) no-repeat 6px center !important;padding-left:23px}
.import .fa{color:#60a62c;font-size:18px;vertical-align:middle;margin-bottom:2px}
.delete .fa{color:#e70404;font-size:18px}
.edit .fa{color:#f35d3b;font-size:16px}
.summary .fa{color:#3a71aa;font-size:14px}

.form-group .input-group .cal-icon{ position:absolute;top:5px;right:-30px}
.helptext{font-size:12px;color:#646464;background:#f1f1f1;border-left:4px solid #e7512f;padding:10px;display:inline-block;width:34%}
.helptext em{float:left;width:60%;display:block;font-style:normal}
.helptext .example{float:right} 
.helptext .example em{margin-left:20px}
.helptext-sm{font-size:12px;color:#f00;display:block;margin:5px 0 10px}
.helptext-block{border:1px solid #ddd;background:#f4f1f1;text-align:center;padding:7px 10px;font-size:13px}
.helptext-block .helptext{background:none;border:0;padding:4px 0;width:auto;line-height:22px}
.form-group .control-label input[type="checkbox"]{vertical-align:top}
.alert{padding:10px 15px;position:relative}
.alert button.close{position:absolute;top:42%;right:10px}
.portlet-body.form .alert{margin:15px 15px 0 15px}

/*-- Radio button Group --*/
.form-group.radio-section .control-label{padding:0 15px 8px}
.form-group.radio-section input[type="radio"]{vertical-align:middle;margin:0 2px 3px 0}
.form-group.radio-section .sublabel{margin-right:10px}

/*--Tab Content--*/
.api .tabbable .tab-content{overflow:auto; padding-bottom:25px}

/*-- Dashborad --*/
.page-content > div > div:nth-child(3) .details .desc{padding-top:27px}
.dashboard-stat .details{padding:0 10px}
.dashboard-stat .details .number{padding-top:15px}
.dashboard-stat .details .number h4{font-size:15px}
.dashboard-stat .details .desc{font-weight:600}
.dashboard-stat .details .desc a{color:#fff}

/*-- Text Scroller --*/
.text-scroller{background:#578ebe;color: #fff;padding:10px 15px 0;margin-bottom:25px}
.text-scroller li{background:url(../img/arrow.png) no-repeat 0 7px;display:inline-block;font-size:18px;padding-left:20px;margin-left:20px}
.text-scroller img{vertical-align: middle;margin-bottom:2px}


@media screen and (max-width: 1199px){	
	.top-info.pull-right{padding-top:8px}.top-info span.logout{position:absolute;top:37px;right:0}.top-info .btn.orange{padding:2px 10px 4px}
	.helptext em{width:54%}
	/*body{ border:2px solid #0f0}*/
}
@media screen and (max-width: 1024px){
	.top-info.pull-left{padding-top:10px}.top-info.pull-right{float:none !important}.top-info .top-right{position:absolute;top:40px;left:255px}	
	/*.page-sidebar.navbar-collapse.collapse{display:block !important}*/
	/*body{ border:2px solid #00f}*/
}
@media screen and (max-width: 991px){
	.page-header.navbar{padding:0 20px 0 0}
	.top-info.pull-right{margin-right:0}.top-info .top-right{left:230px}.top-info span.logout{top:41px;right:20px}.top-info .btn.orange{font-size:13px;padding:3px 10px}
	.navbar-toggle{display:block}
	/*.page-content-wrapper{margin-top:40px}*/.page-container{background:#fff}.page-sidebar-wrapper .navbar-toggle{float:none;background:#cbcccc;text-align:right;padding:10px 19px 10px 10px;margin:0}.page-sidebar,.page-sidebar.in{width:100% !important;margin:0 !important}
	.portlet > .form .form-body{padding:10px;margin:0 -10px}.portlet > .form.custom-form-row-seperated .form-body{padding:0;margin:0}.portlet > .form form[name="frmSelectGroup"] .form-body{margin:0 5px}
	.form-horizontal .form-group{margin:0}
	.form-horizontal .control-label{padding:10px 0 10px 15px}.helptext{width:auto;margin:10px 15px 0 15px}.custom-form-row-seperated .control-label.blank{display:none}
	.page-footer{padding-left:20px}
	/*body{ border:2px solid #f0f}*/
}
@media screen and (max-width: 767px){
	.page-header.navbar{height:auto;padding:0 0 15px}.page-header.navbar .page-logo{float:none;width:100%/*;text-align:center*/}/*.page-logo a.navbar-brand{float:none !important}*/
	.top-info.pull-left{float:none !important;margin:5px 10px;line-height:25px}.top-info{text-align:center}.top-info .top-right/*,.top-info span.logout*/{position:static}.top-info span.logout{top:-95px}
	.page-content-wrapper .page-content{padding:20px 20px 10px !important}	
	/*body{ border:2px solid #ff0}*/
}
@media screen and (max-width:520px){
	.avail-credit span{display:block}.avail-credit .sep{display:none}.top-info span.logout{top:-145px}.logout .hidden-xsm{display:none}.top-info .btn.orange{width:auto;padding:6px 10px}
	.form-horizontal .table.table-bordered.table-striped td:first-child{width:80px !important}
	.form-horizontal .table.table-bordered.table-striped td:nth-child(2){width:200px !important}
	/*.form-horizontal .table.table-bordered.table-striped td:nth-child(3) .helptext{width:50px; padding:10px 5px; border:1px solid #000}*/
	/*.form-horizontal .table.table-bordered.table-striped td{display:block !important;width:100% !important;text-align:left;}.form-horizontal .table.table-bordered.table-striped tr{border-bottom:1px solid #ddd}*/.form-horizontal .table.table-bordered.table-striped tr .control-label{padding:0}/*.form-horizontal .table.table-bordered.table-striped td.blank{display:none}*/
	.page-footer .page-footer-inner{float:none;display:block;text-align:center}.page-footer .page-footer-tools{float:none;width:33px;display:block;margin:25px auto 0}
	/*body{ border:2px solid green}*/
}
@media screen and (max-width:480px){
	.login-form,.login-form input,.login-form button,.login-form input:focus{width:100%}
	.portlet-body .form-horizontal{overflow:auto}.form-horizontal .table .select-group select{float:none;display:block;margin-bottom:7px}
	.helptext .example{font-size:11px}
}
/*@media screen and (max-width:360px){
	body{ border:2px solid pink}
}*/