body,table
{
    font-size: 18px;
}


body,html
{
	height:auto;
}
ul.menu>li:hover>ul {
    display: block;
}

ul.menu>li:hover {
    border: 1px solid #000;
}

ul.menu li.selected {
    font-weight: 700;
}


ul.menu>li>a {
    color:#fff!important;
}

ul.menu>li.selected>ul {
    font-weight: 400;
}

ul.breadcrumb li {
    display: inline-block;
    cursor: pointer;
}

ul.breadcrumb li:not(.first):not(.mobile-menu-toggle)::before {
    content:"\e080";
     margin-right: 5px;
    font-family: 'Glyphicons Halflings';
}
.breadcrum-case {
    margin-left: -15px;
    margin-right: -15px;
}

.pagetype-customform {
    border: 1px solid #ccc;
}

.pagetype-customform .products tr>td.builds>table {
    width: 90%;
}

.pagetype-customform .builds tr.build-status-voided {
    background: red;
    color: #333;
    font-style: italic;
    background: repeating-linear-gradient(
    -45deg,
    rgba(252,126,126,0.2),
    rgba(252,126,126,0.2) 10px,
    rgba(249,187,187,0.2) 10px,
    rgba(249,187,187,0.2) 20px
  );
    opacity:0.3;
    transition: all ease 1s;
    border-left:solid 8px rgba(255,0,0,0.5);
    
}

img#logo {
    width: 7vw;
}
img#logo_module {
    width: 7vw;
    position: absolute;
    right: 10px;
    top: 10px;
    min-width: 150px;
}



div#header-div {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#298aaa+0,rgb(61, 115, 100);+100 */
background: rgb(61, 115, 100);  /* Old browsers */
background: -moz-linear-gradient(top, rgb(247, 236, 197)  0%, rgb(61, 115, 100); 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgb(247, 236, 197) 0%,rgb(61, 115, 100); 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(247, 236, 197) 0%,rgb(61, 115, 100); 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(61, 115, 100);', endColorstr='rgb(61, 115, 100);',GradientType=0 ); /* IE6-9 */
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    color:#fff;
}

#header-div h1 {
    font-size: 22px!important;
    padding: 19px 15px;
    line-height: 1.4vmax;
    display: inline-block;
    
}

body {
    padding: 0;
    margin: 0;
    height: auto;
    font-family: 'Lato',sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #333;
   
        font-size: 18px;
}

html {
    height: 100%;
}

.breadcrumbdiv .breadcrumb {
    margin: 0;
    background: #fff;
    padding: 1vmax;
    color: #333;
}
img#logo {
    width: 10vmax;
    vertical-align: middle;
    display: inline-block;
}
ul.menu>li {
    display: inline-block;
    /*padding: 1vmax;*/
    padding: 1.5vmax;
    margin: -.5vmax;
}
ul.menu {
    float: right;
    right: 0;
    text-align: right;
    color: #063D5F;
    margin-top: 45px;
}
ul.menu>li>ul {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #000;
    transform: translate(-10%,0%);
    list-style: none;
    color: #063D5F;
    z-index: 9508;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.175);
    border: 1px solid #ddd;
    padding: .5vmax 1vmax;
}


ul.menu li>ul:nth-child(2) a {
    color: #333;
}

ul.menu li>ul:nth-child(2) li {
    padding: .5vmax;
    text-align: left;
    white-space: nowrap;
}

ul.menu li>ul:nth-child(2) li:hover {
    background: #f5f5f5;
}

ul.menu li>ul:nth-child(2) li a:hover {
    color: #063D5F;
    text-decoration: none;
}

ul.menu>li:hover {
    color: #333;
    border: none;
}

ul.menu>li>ul {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #000;
    transform: translate(-10%,0%);
    list-style: none;
    color: #063D5F;
    z-index: 9508;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.175);
    border: 1px solid #ddd;
    padding: .5vmax 1vmax;
    transform: translate(-70%);
    /*margin-top:16px;*/
      margin-top: 1.5vmax;
}
ul.menu>li:hover>ul:before {
content: "";
	width: 0px;
	height: 0px;
	border: 0.8em solid transparent;
	position: absolute;
    top: -25px;
    right:1vmax;
    border-bottom: 16px solid #fff;
    
    }

#pagecontent div.dashboard-menu table a[class^="btn-icon"]:hover
,#pagecontent div.dashboard-menu table a[class^="btn-icon"]:hover
,#pagecontent div.dashboard-menu table .mtx-btn:hover
,#pagecontent div.dashboard-menu table .mtx-btn:hover input
,#pagecontent .pageheading a[class^="btn-icon"]:hover
,.container-centeronpage a.mtx-btn.btn-icon-go:hover
.a[class^="btn-icon"]:hover

{
	background:#333!important;
	transition:all 0.5s ease;
} 
#pagecontent div.dashboard-menu table a.btn-link:hover

{
	background:transparent!important;
	color:#333;
	transition:all 0.5s ease;
}


.pagecontent
{
    width:80%;
    margin:1vmax auto;
    background:white;
     box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
     border: 1px solid rgba(0,0,0,0.1);
     border-top-left-radius: 0.25vmax;
    border-top-right-radius: 0.25vmax;
    padding:10px;
}


a[class^="btn-icon"]:before
{
	margin-right: 5px;
	font-family: 'Glyphicons Halflings';
}
a[class^="btn-icon"]:before,a[class^="mtx-btn"]:before,input[class^="btn-icon"]:before {
    margin-right: 5px;
    font-family: 'Glyphicons Halflings';
}

/*menu rules*/
.menu li a[href^="users.php"]:before {
   content:"\e008";
}
.menu li a[href='role.php']:before {
   content:"\e184";
}
.menu li a[href='emailtemplate.php']:before {
   content:"\2709";
}
.menu li a[href='logout.php']:before {
   content:"\e163";
}
.menu li a[href='passwordchange.php']:before,.menu li a[href='changepassword.php']:before {
   content:"\e008";
}
.menu li a:before {
    margin-right: 5px;
    font-family: 'Glyphicons Halflings';
}

a[class^="btn-icon"] input.btn-link {
    padding:0;
    background:transparent;
}

.btn-input-group {
    overflow: hidden;
}

.btn-input-group input,.btn-input-group a {
    float: left;
}

.btn-input-group input {
    width: 70%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    line-height: 1vmax;
    margin-right: 0;
    border-right: 2px solid rgba(0,0,0,0.4);
}

.btn-input-group a {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    line-height: 1vmax ;
    bottom: 0;
    float: left;
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: left !important;
    margin-top: 0 !important;
}

.btn-input-group:after {
    content: '';
    width: 100%;
    clear: both;
}

input[name='submit'],input[name='cancel']
{
    margin-right:1vmax!important;
    
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: none;
}


img#logo {
    width: 10vmax;
    vertical-align: middle;
    display: inline-block;
}
ul.breadcrumb {
    margin-bottom: 0 !important;
    background-color: rgb(61, 115, 100); ;
    padding: 8px 15px;
    list-style: none;
    border-radius: 0px;
    color: whitesmoke;
    -webkit-padding-start: 40px;
    -webkit-margin-before: 0;
    margin-bottom: 2vmax;
}
.breadcrum-case {
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    border-bottom: 0;
    margin-top:0.5vmax;
}
.breadcrumb li a {
    text-decoration: none;
    color: whitesmoke!important;
    font-weight: bold;
}
.breadcrumb li a:hover {
    			color: #fcfcfc!important;
    		}
li.mobile-menu-toggle:before
{
    content:'';
}
    		


a.btn-link:hover
{
	color: #333!important;
    background:transparent!important;
    border-color: transparent!important;
    text-decoration: none;
}
a.btn-link:hover
{
    color:#337ab7!important
}

.pageheading {
    overflow: hidden;
    width: 100%;
    margin: auto;
    margin: 2vmax auto;
    margin-top:0;
    background: #063D5F;
    padding: 0.5vmax;
    margin-bottom: 0!important;
    color: white;
    border-top-left-radius: 0.25vmax;
    border-top-right-radius: 0.25vmax;
        border-bottom: 1px solid whitesmoke;
}
.pageheading h2
{
	float:left;
	font-size:1.2vmax;
	margin-top:0;
	margin-bottom:10px;
}


ul.panelmenucontent li:hover {
    box-shadow: inset 1px -1px 2px rgba(0,0,0,0.2);
    border-left: 2px solid white;
    transition: border .05s ease;
}


a.mtx-btn input.btn.btn-link {
    padding: 0!important;
    margin: 0!important;
    line-height: normal;
    float: none;
    /* margin-right: 1vmax; */
    background: transparent!important;
    border-color: transparent!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
a.mtx-btn input.btn.btn-link:hover,a.mtx-btn:hover .btn-link 
{
    color:#fff!important;
    text-decoration:none;
}

input[type=checkbox], input[type=radio] {
    width: 16px;
    height: 16px;
    margin-right:1vmax ;
    margin-left:0.50vmax ;
}

a.mtx-btn.btn-link {
    padding: 0!important;
    margin: 0!important;
    line-height: normal;
    float: none;
    /* margin-right: 1vmax; */
    background: transparent!important;
    border-color: transparent!important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    color:#999!important;
}
a.mtx-btn.btn-link:hover
{
    color:#063D5F!important;
    text-decoration:none;
}
div#messages-javascript
{
    position:relative;
}
div[class^='alert']
{
    /*width:100%!important;*/
    padding:1vw;
    padding-left:2vw;
}
.alert-ok
{
        background-color: #d9edf7;
}

.alert-error,.alert-developer
{
       background-color: #f2dede; 
}
.alert-notice
{
       background-color: #fcf8e3; 
}
.sticktobottom.container-fluid.unprintable {
    background: #333;
    /* height: 100%; */
    position: relative;
    width: 100%;
}
#pagecontent:not(.pagetype-dashboard):not(.pagetype-login) {
    min-height: 78vh;
    width: 100%;
    margin: auto;
/*    margin-top: 2vmax;*/
/*    background: white;*/
    border: 1px solid rgba(0,0,0,0.1);
}

img#logo {
    width: 5vmax;
    vertical-align: middle;
    display: inline-block;
   
}
.breadcrumb li a:hover {
    			color: #000;
    		}
    		
.breadcrumb li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 18px;
}


h4.head2 {
    font-size: 18px;
    background: #333;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0.5vw;
    color: #fff;
	overflow:hidden;
}
th, td {
    font-family: verdana, arial, helvetica;
    font-size: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
     border: none; 
     background-color: transparent; 
    background:transparent;
}

.btn-icon-help:after
{
	content:"\e085";
	margin-left: 5px;
	font-family: 'Glyphicons Halflings';
}
.btn-icon-help:hover
{
	    background: #d9edf7!important;
    transition: all 0.5s ease;
    color:#333!important;
}
a.btn-icon-help.help-button-header {
   font-weight: 400;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 7px 13px;
    font-size: .75vmax;
    border-radius: .25rem;
    margin-right: auto;
    margin-left: auto;
    float: none;
    margin-top: auto;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    color: #333;
    font-size: 14px;
    position: absolute;
    top: 0.50vmax;
    right: 1vmax;
    
}
a.btn-icon-help.help-button-header:hover {
    color: #fff;
    background: #063D5F;
    border-color: #063D5F;
}
a.btn-icon-help.help-empty {
    background: #c5c5c5!important;
}
a.btn-icon-help.help-hide {
    background: #390042!important;
}

.pageheading div[class^='alert'] {
   color:#333
}

#modal a:not(.btn-link) {
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 7px 13px;
    font-size: .75vmax;
    border-radius: .25rem;
    background-color: #5bc0de;
    border-color: #5bc0de;
    margin-right: auto;
    margin-left: auto;
    float: none;
    margin-top: auto;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    color: #333;
    margin:0.25vmax;
    overflow: hidden;
}
#modal a:not(.btn-link):hover
{
    background: #336699!important;
    transition: all 0.5s ease;
}

#modal form table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 1px;
    border-collapse: collapse;
    background: #fff;
    background: -moz-linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    background: -webkit-linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    background: linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#fcfcfc',GradientType=1);
    
    min-width: 40%;
    vertical-align: top;
    margin: 1.5vmax auto;
    padding: .75vmax;
    list-style: none;
    font-size: .75vmax;
    margin-top: 0;
    font-size: 14px;
}


#modal form table>tbody>tr>td
,#modal form table>tbody>tr>th
,#modal form table>tfoot>tr>td
,#modal form table>tfoot>tr>th
,#modal form table>thead>tr>td
,#modal form table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border: 1px solid rgba(0,0,0,0.03);
}


li.mobile-menu-toggle:before
{
    content:'';
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
     content: ""; 
}
.mobile-menu-case {
    background: #fff;
    color: white!important;
    padding: 1vmax;
    position: absolute;
    right: 0;
    z-index: 9809;
    min-width: 30%;
    height: 100%;
    box-shadow: -10px 0px 10px 1px rgba(0,0,0,0.2);
}
ul.mobile-menu {
    list-style: none;
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
ul.mobile-menu li>ul
{
    display:none;
}
ul.mobile-menu li>ul li
{
    padding:1vmax;
    border-bottom:1px solid rgba(0,0,0,0.1);
    
}
ul.mobile-menu>li>a
{
    padding:1.2vmax;
    background:transparent;;
}
ul.mobile-menu>li {
    padding: 1vmax;
    padding-left: 0;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
li.mobile-menu-toggle:before
{
    content:'';
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
     content: ""; 
}
.mobile-menu-case {
    background: #fff;
    color: white!important;
    padding: 1vmax;
    position: absolute;
    right: 0;
    z-index: 9809;
    min-width: 30%;
    height: 100%;
    box-shadow: -10px 0px 10px 1px rgba(0,0,0,0.2);
}
ul.mobile-menu {
    list-style: none;
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
ul.mobile-menu li>ul
{
    display:none;
}
ul.mobile-menu li>ul li
{
    padding:1vmax;
    border-bottom:1px solid rgba(0,0,0,0.1);
    
}
ul.mobile-menu>li>a
{
    padding:1.2vmax;
    background:transparent;;
}
ul.mobile-menu>li {
    padding: 1vmax;
    padding-left: 0;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

.btn-nomargin
{
    margin:0!important;
}

#pagecontent div#dashboard div.dashboard-overview a:not(.btn-link):hover {
    background: 	#87995E!important;
    transition: all 0.25s ease;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
     padding: 0.0em 0em; 
    margin-left: 1px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

@media (max-width: 1000px) {
    ul.menu {
      float: right;
      right: 0;
      text-align: right;
      color: #063D5F;
      margin-top: 45px;
      display:none;
    }
    
    
    
    li.mobile-menu-toggle {
        float: right;
        display:block;
    }
    
    #pagecontent>div:nth-child(1) button,#pagecontent>div:nth-child(1) input,#pagecontent>div:nth-child(1) select,#pagecontent>div:nth-child(1) textarea
    {
        font-size: 24px;
    }
    
    #pagecontent>div:nth-child(1) td,#pagecontent>div:nth-child(1) th {
        padding: 0.25vmax;
        font-size: 24px;
    }
    
    
    
}
@media (min-width: 1000px) {

li.mobile-menu-toggle {
        float: right;
        display:none!important;
    }

}

@media (max-width: 700px) {

    #pagecontent>div:nth-child(1) h4 {
        border-bottom: 1px solid rgba(0,0,0,0.1);
        text-align: center;
        padding-bottom: 0.50vmax;
        padding: .75vmax;
        color: #fff;
        background: #063D5F;
        margin-top: 0px;
        font-size:24px
    }
    #pagecontent>div:nth-child(1) td.display-input,#pagecontent>div:nth-child(1) td.display-label,#pagecontent>div:nth-child(1) td {
        display: block;
        text-align: center;
        width: 90%;
         margin: auto;
    }
    
    #pagecontent>div:nth-child(1) tr {
        display: block;
    }
    li.mobile-menu-toggle:hover
    {
        color:#999;
    }
}


/*PANELS*/
.panel-heading {
   	padding: 0.5vw;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
}
.panelcontent
{
	
	margin:auto;
	display: block!important;
	padding: 0.5vw;
}

.panel
{
	    margin: 0.25vmax!important;
	vertical-align: top;
}
.panel-full
{
	width:99%;
	display:inline-block;
	margin:auto
}
.panel-half
{
	width:49%;
	display:inline-block
}
.panel-third
{
	width:32%;
	display:inline-block
}
.panel-quarter
{
	width:25%;
	display:inline-block
}
.inputgroup
{
	width:100%;
}

.panelcontent table
{
	max-width: 100%;
    margin-bottom: 20px;
    width:98%;margin:auto
}


.inputgroup label,.inputgroup input
{
	display:inline-block;
	
}
.inputgroup label
{
	margin-left:5px;
	
}
.panelmenucontent
{
	display:none;
}
.panel-menu:before{
	content:"\e236";
	margin-right: 5px;
	font-family: 'Glyphicons Halflings';
	position: absolute;
	right: 0;
	top: -1vmax;
	cursor: pointer;
	display:block;
}

tr td .panel-menu:before{
	content:"\e236";
	margin-right: 5px;
	font-family: 'Glyphicons Halflings';
	position: absolute;
	right: 0;
	top: -0.5vmax;
	cursor: pointer;
	display:block;
	color:#999;
}

.panel-menu
{
	display:block!important;;
	position:relative;
}

ul.panelmenucontent {
    display: none;
    position: absolute;
    background: rgb(61, 115, 100);;
    right: 0;
    margin-top:16px;
    list-style: none;
    z-index:9501;
    border:1px solid rgba(0,0,0,0.3);
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    
}
ul.panelmenucontent li
{
	padding:0.50vmax 1vmax;;
	font-size:14px;
	color:white;
    white-space: pre;
}

ul.panelmenucontent:before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
    top: -25px;
    right: 0px;
    border-bottom: 16px solid rgb(61, 115, 100);;
}
table>tbody>tr>th
{
    background:	rgb(61, 115, 100);;
    color:white;
}
.panel table
{
    margin-bottom:20px;
    
}
.table-striped tr:nth-child(odd)
{
	background:whitesmoke;
}
div.number
{
	
    white-space: nowrap;
    vertical-align: middle;
    color: #333;
    line-height: 40px; 
    z-index: 9508;
    font-size: 18px;
    
    height: 40px;
    width:40px!important;
    background:rgb(61, 115, 100);;
    border-radius:100%;
    text-align: center; 
    vertical-align: middle;
    margin-right:0.40vmax;
    color:white;
    font-size: 16px;
    
    position: relative;
   

}
div.number:after
{
	content:"";
	width:2vmax;
}
.tabbed-panel-container
{
	width:100%;
}
ul.tabbed-panel-tabgroup
{
	
	
}
.tabbed-panel-panelgroup
{
	border-top:1px solid rgba(0,0,0,0.1);
}
ul.tabbed-panel-tabgroup>li {
    display: inline-block;
    font-size: 14px;
    padding:0.50vmax;
   
}
ul.tabbed-panel-tabgroup
{ margin-bottom:0px;}
ul.tabbed-panel-tabgroup>li.tab-heading.tabactive
{
	border:1px solid rgba(0,0,0,0.1);
	border-bottom:none;
	color:rgb(61, 115, 100);;
	font-weight:bold;
	border-top:3px solid rgb(61, 115, 100);;
	margin-bottom:-0.50vmax;
	margin-top:-3px;
}
ul.tabbed-panel-tabgroup>li:hover
{
	border-top:3px solid rgb(61, 115, 100);;
	margin-top:-3px;
	transition:border 0.25s ease;
}
ul.tabbed-panel-panelgroup>li {
   padding: 20px;
   display: block;
}
.tab-panel
{
	display:none;
}
.panelactive
{
	display:block;
	
}
.tab-heading
{
	cursor:pointer;
}

table tr th,table tr td {
    vertical-align: middle!important;
    
}
table tr th {
    
    padding: 0.35vmax!important;
}


div.instr {
    font-style: italic;
    padding: 0.5vmax;
    background: rgb(61, 115, 100);;
    color: white;
}
div.instr a { 
    color: white;
    text-decoration:underline;
}
div.instr a:hover { 
    color: blue; 
}

#pagecontent form:not(.pagetype-login)
{
	padding: 1vmax
}
tr.tr-no-border>td {
    border: none!important;
}
input[type='submit'], input[type='button'] {
    background: rgb(61, 115, 100);!important;
    border-color: rgb(61, 115, 100);!important;
    color: #fff!important;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 3px;
    display: inline-block;
    width: auto;
    margin-right: 5px;
}
input[type='submit']:hover, input[type='button']:hover
{    background: #87995E!important;
	border-color:#87995E!important;
    transition: all 0.25s ease;
}
#pagecontent
{
    padding:10px;   
}
#pagecontent:not(.pagetype-login){
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 1px;
    border-collapse: collapse;
	/*
    background: #fff;
    background: -moz-linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    background: -webkit-linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    background: linear-gradient(45deg,rgba(255,255,255,1) 0%,rgba(252,252,252,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#fcfcfc',GradientType=1);
	*/
    border: 1px solid transparent;
    border-radius: 5px;
    border-color: #ddd;
    box-shadow: 0 3px 5px #e2e2e2;
    -webkit-box-shadow: 0 3px 5px #e2e2e2;
    -moz-box-shadow: 0 3px 5px #e2e2e2;
    vertical-align: top;
    margin: 1.5vmax auto;
   
    list-style: none;
    font-size: .75vmax;
    margin-top: 0;
    font-size: 14px;
}
body {
    background: url(../images/non-branded-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.pageshadow {
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
    padding-bottom: 2%;
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background: white;
    width: 80%;
    margin: 1vw auto;
    padding: 0;
}

table.shadowtbl
{
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
    border: 1px solid rgba(0,0,0,0.2);
}
div#pagetabs {
    border-bottom: 1px solid rgba(0,0,0,0.3);
    background: transparent!important;
    padding-top: 0.25vw;
}
form.table.shadowtbl {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
}

table
{
	background:white!important
}

.table-clear
{
	box-shadow: 0 8px 6px -6px rgba(0,0,0,0.0);
    border: none!important;
}
.table-clear tr td
{
	border: none!important;
}
input[disabled] {
    background-color: lightgray!important;
}

.head2 .headerbtn
{
	float:right!important;
}

.message-case {
	position:relative;
}
.close-alert-button-case {
    position: absolute;
    top: 1vw;
    left: 1vw;
    transform: translate(0,20%);
    cursor: pointer;
}
ul.commandline
{
    background:#000;   
    color:#333;
    list-style-type:none;
    list-style-position:inside;
    padding:13px;
    white-space:pre-wrap;
} 

ul.commandline li
{
    line-height:16px;
    font-size:14px;
    color:white;

}
ul.commandline  li:before {
  content: "   user@host>>> ";
}