@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body{ height:100%; font-family: "Source Sans Pro",Calibri,Candara,Arial,sans-serif; }
h1.heading{ font-family: "Source Sans Pro",Calibri,Candara,Arial,sans-serif; font-style:normal; font-size:48px; font-weight:normal; margin-top:30px; margin-bottom:20px; color:#000; }
.login-left{ float:left; width:50%; height:100%; overflow:hidden; }
#cycler{position:relative; height:100%; overflow:hidden;} 
#cycler img{position:absolute;z-index:1; left: 0;
/*
top: 50%; 
-ms-transform: translateY(-50%) -ms-translateX(-50%); 
-webkit-transform: translateY(-50%) -webkit-translateX(-50%); 
-moz-transform: translateY(-50%) -moz-translateX(-50%); 
transform: translateY(-50%) translateX(-50%); 
*/
width: 50vw; height: 100vh; object-fit: cover; }
#cycler img.active{z-index:3}
.login-right{ float:right; width:49%; height:100%; position:relative; }
.login-content{ padding:0 75px; }
.login-fields{ font-size:24px; margin-bottom:20px; }
.login-fields input{ width:100%; font-size:24px; padding:10px; background:#e6e6e6; border:none; }
.login-fields input:focus{ background:#f0f0f0; border:none; }
.login-submit input{ background:#ff7518; padding:14px 30px; width:25%; text-align:center; margin-top:5px; }
.login-customer{ margin-top:0; color:#333; font-size:18px; }
.login-customer a{ color:#333; }
.content-wrapper { float: right; width: calc(100% - 220px) !important; }
.login-footer{ position:fixed; height:40px; width:100%; background:#2780e3; bottom:0; right:0; color:#fff; padding:0 15px; z-index:5; line-height:40px; }
.vholder{ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.vcontent{ position: relative; top: 10%;
/*
-ms-transform: perspective(1px) translateY(-50%); 
-webkit-transform: perspective(1px) translateY(-50%); 
-moz-transform: perspective(1px) translateY(-50%); 
transform: perspective(1px) translateY(-50%); 
*/

}
@media screen and (max-width:960px){ .login-content{ padding:0 45px; }	 }
.side-logo{ padding:40px 10px; }
.side-menu-holder{ border-right:1px solid #ccc; width:200px; height:100%; }
.side-menu{ border:none; }
.side-menu img{ width:100%; height:auto; }
ul.side-menu-list, ul.side-menu-list ul{ margin:0; padding:0; list-style:none; z-index:4; }
ul.side-menu-list a{ text-decoration:none;}
ul.side-menu-list li{ position:relative; z-index: 11; }
ul.side-menu-list > li > a{ display:block; padding:10px; padding-left:30px; background:#f3f3f3; border-bottom:1px solid #d2d2d2; }
ul.side-menu-list > li > ul > li > a{ display:block; padding:10px; background:#f3f3f3; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; }
ul.side-menu-list > li:first-child > a, ul.side-menu-list > li > ul > li:first-child > a{ border-top:1px solid #d2d2d2; }
ul.side-menu-list > li.current > a, ul.side-menu-list > li > ul > li.current > a, ul.side-menu-list > li > a:hover, ul.side-menu-list > li > ul > li > a:hover{background:#2780e3;color:#fff;}
ul.side-menu-list ul{	display:none;position:absolute;left:100%;top:0;}
ul.side-menu-list li:hover > ul {display: block; width:200px;}
.header-menu{padding-left:200px;}
.header-left{width:50%;float:left;padding:10px 30px;}
.header-right{width:50%;float:left;text-align:right;padding:10px 30px;}
.licenseinductions thead tr th ,.licenseinductions tbody tr td  {text-align:left;border-right: 1px solid #A9A9A9 !important;border-spacing: 1px;border-bottom: 1px solid #A9A9A9 !important;padding: 4px;}
.licenseinductions thead tr th {border-top: 1px solid #A9A9A9 !important; background-color: #eeeeee;}
.licenseinductions thead tr th:first-child,.licenseinductions tbody tr td:first-child {border-left: 1px solid #A9A9A9 !important;min-width:160px !important;}
.licenseinductions tbody tr td {min-width: 100px;}
.licenseinductionsscroll {overflow-x:scroll;width:98%;margin-bottom: 50px;}
.LInonexpired {background-color:#04ce04;}
.vertical-text {float: left;margin-left: 20px;margin-top: 125px;transform: rotate(-90deg);transform-origin: left bottom 0;vertical-align: middle;white-space: nowrap;width: 0px;font-weight: bold;}

.licensecheck {float: left;width:200px;margin-right: 20px;line-height: 25px;font-size: 13px;}
.licensecheck input[type="checkbox"] {vertical-align: middle;}
.equipmentcheck {float: left;width:300px;margin-right: 20px;line-height: 25px;font-size: 13px;}
.equipmentcheck input[type="checkbox"] {vertical-align: middle;margin-top:-3px;}
.LInonexpiredred {background-color:red;}
.editservicereport .amount {width:70px !important;}
.editservicereport input[type="text"]{width:160px;}
.editorw #cke_ActionTaken_1 {width:100% !important;}

.maintchecklist div.maintchecklist-sidebar { float:left; width:15%; max-height: 800px; overflow-y: scroll; }
.maintchecklist div.maintchecklist-sidebar div { line-height:14px;padding:5px;}
.maintchecklist div.maintchecklist-sidebar div.sublocation { background-color:#f3f3f3; line-height: 25px;}
.maintchecklist div.maintchecklist-sidebar div.equipmenttype { font-weight:bold;}
.maintchecklist div.maintchecklist-table {float:left;margin-left: 10px; width:82%;}
/*.maintchecklist div.maintchecklist-table #tngmaint { width:100%;}*/
.maintchecklist div.maintchecklist-table #tngmaint { width:100%;}
/*.maintchecklist div.maintchecklist-table #tngmaint .asset-no { width:80px; border-left: 1px solid #d2d2d2;}*/
.maintchecklist div.maintchecklist-table #tngmaint .asset-no { width:80px; border-left: 1px solid #d2d2d2;padding-left: 5px;}
.maintchecklist div.maintchecklist-table #tngmaint .brand-name
,.maintchecklist div.maintchecklist-table #tngmaint .model-no
,.maintchecklist div.maintchecklist-table #tngmaint .serial-no { padding-right: 25px;}
.maintchecklist div.maintchecklist-table #tngmaint .equipment-type
,.maintchecklist div.maintchecklist-table #tngmaint .checklist-name { font-weight:bold;padding:5px;background-color:#f3f3f3; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;    border-right: 1px solid #d2d2d2; white-space:normal;min-width:150px;}
 .maintchecklist div.maintchecklist-table #tngmaint .Comment {
        font-weight: bold;
        padding: 5px;
        background-color: #f3f3f3;
        border-bottom: 1px solid #d2d2d2;
        border-top: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
    }
.maintchecklist-buttons { margin-top: 20px; text-align: right;}
/*.maintchecklist .maintchecklist-locinfo {width:100%; margin-bottom: 10px;}*/
.maintchecklist .maintchecklist-locinfo {width:100%; margin-bottom: 10px;}
.maintchecklist .maintchecklist-locinfo tbody th:first-child { width:80%;text-align:left;line-height: 22px;font-size:18px;font-style: italic;}
.maintchecklist .maintchecklist-locinfo tbody th { width:20%;text-align:right;vertical-align: bottom;color:#495154;font-size:16px;}
.maintchecklist div.maintchecklist-table #tngmaint .equipment-type { border-left: 1px solid #d2d2d2; }
.maintchecklist div.maintchecklist-table #tngmaint td {vertical-align:top;line-height: 25px;border-bottom: 1px solid #d2d2d2;}
.maintchecklist div.maintchecklist-table #tngmaint td.last {border-right: 1px solid #d2d2d2;}