/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #2B384A; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #2B384A; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2B384A; 
}
.pull-md-left.sidebar {
    background: #2B384A;
    overflow-y: scroll;
    height: 100% !important;
    min-height: 100% !important;
    position: fixed;
    padding-top: 15px;
	padding-left: 10px;
}
.title-area {
    margin-top: 20px;
}
.panel-title i.fa.fa-square {
    font-size: 10px;
    color: #00A8FF;
}
.list-group-item i.fa.fa-circle {
    color: #FFF;
    font-size: 10px;
    margin-right: 8px;
}
h1.vmManageTitle {
    font-size: 15px !important;
    font-weight: bold !important;
}
p.vmManageDesc {
    font-size: 16px;
}
.vmManageTable thead > tr > td {
	background: #F2F2F2;
}
.vmManageTable td { 
    width: 30%;
    font-size: 16px !important;
}
.vmManageTable td a {
    font-size: 22px;
    color: #627683 !important;
    margin: 0 10px 0px 10px;
}
.vm_status_icon {
	display: block;
    width: 32px;
    height: 32px;
    float: left;
	margin-right: 8px;
}
.vm_status_running {
	background: url("https://image.hostingraja.in/images/autocloud/running.png") no-repeat;	
}
.vm_status_stopped {
	background: url("https://image.hostingraja.in/images/autocloud/stopped.png") no-repeat;	
}
.vm_status_building {
	background: url("https://image.hostingraja.in/images/autocloud/processing.png") no-repeat;	
}

.vmManageTable p {
    width: fit-content;
    margin: 0 auto !important;
    display: flex;
    align-items: center;
}
.vm_manage_icon {
	display: block;
    width: 26px;
    height: 29px;
}
.manage_manage_vm {
	background: url("https://image.hostingraja.in/images/autocloud/manage.png") no-repeat;
}

.manage_delete_vm {
	background: url("https://image.hostingraja.in/images/autocloud/delete.png") no-repeat;
}
.manage_reinstall_vm {
    background: url("https://image.hostingraja.in/images/autocloud/reinstall.webp") no-repeat;
}

.manage_suspend_vm {
	background: url("https://image.hostingraja.in/images/autocloud/suspend.png") no-repeat;
}
.manage_resume_vm {
	background: url("https://image.hostingraja.in/images/autocloud/resume.webp") no-repeat;
}
a.add-vms {
    font-size: 21px;
	padding-left: 69px;
	color: #06344E !important;
	font-weight: bold;
}
span.add-vms-bg {
	background: url("https://image.hostingraja.in/images/autocloud/add-new-cloud.png") no-repeat left center;
    height: 59px;
    display: flex;
    float: left;
    margin-right: 18px;
    align-items: center;
}

.add-vm-block {
    display: flex;
    align-items: center;
}

#mg-wrapper .panel-default > .panel-heading {
    color: #FFF !important;
    background-color: #2B384A !important;
    border-color: #dddddd;
}
a.showPlus {
	background: url("https://image.hostingraja.in/images/autocloud/plus.png") no-repeat;
}

a.hideMinus {
	background: url("https://image.hostingraja.in/images/autocloud/minus.png") no-repeat;
}
.ShowHideIcon {
	width: 29px;
	height: 29px;
	display: block;
}
#mg-wrapper .panel-title.panel-title-block {
    display: flex;
    align-items: center;
    width: 100%;
}
.left-full-width {
	width: 98%;
}
#mg-wrapper .module-header {
    background: #2B384A;
    color: #FFF;
}
#mg-wrapper .module-header h1 {
	color: #fff !important;
    line-height: 34px;
    padding-left: 17px;
}
.module-header p {
    padding-left: 17px;
    padding-bottom: 8px;
    font-size: 16px;
}
#mg-wrapper .panel-heading {
    padding: 5px 10px !important;
}
.btn_add_vm {
	background: #2B384A;
	color: #FFF !important;
    border: none;
    font-size: 16px !important;
    padding: 7px !important;
}
.usage-record-detail {
	font-size: 16px;
}
.usage-record-detail.text-bold {
	font-weight: bold;
}
.addVmTableForm tr > td:first-child {
	width: 25%;	
	padding-left: 65px !important;
    font-size: 17px !important;
	border: none !important;
    color: #0F3B57;
}

.addVmTableForm tr > td:last-child {
	width: 60%;	
	border: none !important;
	font-size: 15px !important;
    color: #445D71;
}
.full-width-input {
    width: 75%;
    height: 39px;
    font-size: 17px !important;
    color: #0F3B57 !important;
    padding-left: 7px;
}
.more-half-width-input-slider {
	width: 80%;	
	height: 39px;
    color: #0F3B57 !important;
    padding-left: 7px;

}
.ui-widget-header {
	background: #344252 !important;
}
.ui-widget-content {
	background: #ADADAD !important;
}
.ui-slider-horizontal {
    height: 16px !important;
}
.ui-slider-handle {
    height: 30px !important;
    width: 30px !important;
    border-radius: 50% !important;
    background: #00A8FF !important;
    border: none !important;
    top: -9px !important;
}
#mg-container .module-body table th, #pm-table-task-history th, #usageRecordsTables th, #reminderGroup th {
    font-size: 16px !important;
    font-weight: normal !important;
    color: #000 !important;
	text-align: center !important
}
#mg-container .module-body table td, #pm-table-task-history td, #usageRecordsTables td, #reminderGroup td {
    font-size: 16px !important;
	text-align: center;
    color: #2A4862 !important;
}
.graphs-date-label label {
    font-size: 16px !important;	
}
span.input-group-addon {
    padding: 0 !important;
}
span.glyphicon.glyphicon-calendar {
    background: url(https://image.hostingraja.in/images/autocloud/calendar.png) no-repeat;
    width: 29px;
    height: 29px;
}
.glyphicon-calendar:before {
	background: url(https://image.hostingraja.in/images/autocloud/calendar.png) no-repeat;
    content: none !important;	
}
.input-group.date input {
    height: 42px !important;
    width: 90% !important;
    border-radius: 5px !important;
    border: 1px solid #919191 !important;
}
#resources label {
    font-size: 15px !important;
}
.btn-primary, .btn-success {
    background: #2B384A !important;
    border-color: #2B384A !important;
    font-size: 16px !important;
}
label {
    font-size: 15px !important;
}
span.bullet-square {
	background: url(https://image.hostingraja.in/images/autocloud/bullet1.png) no-repeat;	
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin-top: 8px;
}
span.bullet-circle {
	background: url(https://image.hostingraja.in/images/autocloud/bullet2.png) no-repeat;	
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin-top: 8px;
    margin-right: 8px;
}
select#pm-timeframe {
    background: #2B384A;
}
.top-header {
    position: fixed;
    width: 100%;
    height: 102px;
    background: #FFF;
    border-bottom: 3px solid #2B384A;
    z-index: 1000;
}
.top-header-right {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-header-right a {
	background: #2B384A;	
	padding: 10px;
	color: #FFF !important;
	text-decoration: none;
}
.main-content-area {
    position: relative;
    top: 7em;
}
.panel-sidebar {
    margin-bottom: 15px;
}
@media only screen and (min-width:100px) and (max-width:400px){ 
	.pull-md-left.sidebar {
		z-index:100;
		position: unset !important;
	}
	.panel-actions > .list-group .list-group-item {
	    display: block !important;
	    border: none !important;
	}
	.main-content-area {
	    margin-top: 3em !important;
	}
	.top-header {
    	height: auto !important;
	}
	section#footer {
	    margin: 47px 0 0 0 !important;
	}	
	.top-header-right {
	    height: auto !important;
    	display: block !important;
	}
}
.progress.pm-resource-usege {
	width: 40% !important;
	text-align: center;
	margin: 0 auto;
}