/*  Project: V5 - Catscript Home Inspections Tracker for Homeworks Home Inspections
    Author: Chigozie (Cat) Nduanya
    Date Created: January 02, 2017
    Last Updated: April 01, 2017
    File Name: cat/cat.css 
*/
body{font-family:'Lora',serif;font-size:12px;margin:0;}
select{
    border:solid 1px #CDCAB8;
    color:blue;
    font-family:'Lora',serif;
    font-size:12px;
    padding:1px;
}
table{
    border-spacing:0;
    border-collapse:collapse;
    padding:0;
}
ul{list-style-type:square;}

/* add component styling */
.add-comp{background:#E4EADF;border:solid 1px #484A4B;color:#FFF;position:absolute;z-index:15;}
.add-comp .exit{border:solid 1px #D5DEE7;cursor:pointer;float:right;height:14px;width:14px;}
.add-comp .textbox{width:200px;}
.add-comp .title{background:#484A4B;font-weight:bold;padding:3px;}
.add-comp .save{
    border:solid 1px gray;cursor:pointer;float:right;height:16px;margin-left:2px;width:20px;
}

.cat-button{
    font-size:13px;
    font-weight:bold;
    margin:0 0 0 5px;
    padding:3px 3px 3px 2px;
    text-decoration:none;
}
.cat-button img{
    background:#FFF;
    height:14px;
    margin:0 3px 0 1px;
    padding:0;
    width:16px;
}
.cat-button-blue{
    background:#B1CDF5;
    border:solid 1px #9FACAF;
    color:#000;
}
.cat-button-blue:hover{background:#5E98FF;}
.cat-button-blue img{border:solid 1px #9FACAF;}
.cat-button-brown{
    background:#FFC790;
    border:solid 1px #E18F58;
    color:#000;
}
.cat-button-brown:hover{background:#FFF1BA;}
.cat-button-brown img{border:solid 1px #E18F58;}
.cat-button-disabled{
    background:#F3F3F3;
    border:solid 1px #DBDBDB;
    color:#CDCDCD;
}
.cat-button-disabled img{border:solid 1px #DBDBDB;}
.cat-button-green{
    background:#C2FFC2;
    border:solid 1px #49D390;
    color:#000;
}
.cat-button-green:hover{background:#67F1AE;}
.cat-button-green img{border:solid 1px #49D390;}
.cat-button-red{
    background:#FFC6C6;
    border:solid 1px #FF8484;
    color:#000;
}
.cat-button-red:hover{background:#FF9898;}
.cat-button-red img{border:solid 1px #FF8484;}

.data-table .cell{
    border-bottom:solid 1px #A5A5A5;
    border-right:solid 1px #A5A5A5;
    border-left:solid 1px #A5A5A5;
    padding:1px 2px;
}
.data-table .table-control{
    background:#E5E5E5;
    padding:1px 2px;
    text-align:center;
}
.data-table .table-head{
    background:#E9E6D4;
    padding:4px 1px;
    text-align:center;
}
.data-table .table-head a{color:#000;font-weight:bold;}
.data-table .table-head a:hover{color:#4D4A38;}

.floating-tools{left:5px;position:fixed;top:100px;width:90px;}
.floating-tools a{color:#333;display:block;padding:4px;text-decoration:none;}
.floating-tools a:hover{background:#DBE8EB;color:#C33400;}

.grand-total-cell{
    border-bottom:3px solid #000;
    border-top:3px solid #000;
    padding:4px 3px;
    text-align:right;
}
.link{color:#0078C0;}
.link:hover{color:#000;}
.link-dark{color:#333;}
.link-dark:hover{color:#4851BC;}
.link-gray{color:#656250;}
.link-gray:hover{color:#7D7C87;}
.link-green{color:#3CA91E;}
.link-green:hover{color:#208602;}
.link-orange{color:#E6871C;}
.link-orange:hover{color:red;}

.page-title{font-size:30px;margin-top:5px;font-weight:bold;text-align:center;}
.popup{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.textbox{
    background:#FFF;
    border:solid 1px #CDCAB8;
    color:blue;
    font-family:'Lora',serif;
    font-size:12px;
    padding:2px;
}
.wordwrap{ 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

#canvas-cover{position:fixed;bottom:0;left:0;right:0;top:0;z-index:9;}
#canvas-popup{
    background:#FFF;
    border:2px solid #FFF;
    left:50%;
    padding:4px;
    position:fixed;
    transform:translate(-50%,-50%);
    top:50%;
    width:60%;
    z-index:20;
}
#cat-msg{
    background:#FFF;
    border:solid 1px #CDCAB8;
    text-align:center;
    width:30%;
    z-index:41;
}
#cat-msg .head{
    background:#E9E6D4;
    border:solid 1px #EBE8D6;
    color:#930000;
    font-size:15px;
    font-weight:bold;
    padding:5px 0;
    text-align:left;
    width:100%;
}
#cat-msg .head td{padding:1px 5px;}
#cat-msg .head .exit{height:15px;width:16px;}
#cat-msg .head .icon{height:28px;width:30px;}
#cat-msg .body{padding:20px 10px;}
#cat-msg .foot{background:#FDFAE8;padding:5px 3px;text-align:right;}
#cat-msg .foot button{padding:4px 6px;}
#cat-msg .head{
    background:#E9E6D4;
    border:solid 1px #EBE8D6;
    color:#930000;
    font-size:15px;
    font-weight:bold;
    padding:5px 0;
    text-align:left;
    width:100%;
}

#cat-msg-confirm{
    background:#FFF;
    border:2px solid #F7F7F7;
    left:50%;
    padding:4px;
    position:fixed;
    transform:translate(-50%,-50%);
    top:50%;
    width:30%;
    z-index:20;
}
#cat-msg-confirm button{padding:6px 12px;}
#cat-msg-confirm .foot{margin-top:10px;padding:7px;text-align:center;}
#cat-msg-confirm .head{color:#333;font-size:16px;padding:5px 0;}
#cat-msg-confirm .body{padding:20px 10px;text-align:center;}

#form-cover{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    top:0;
    z-index:4;
}
#form-cover-notification{
    background:#FBF8E6;
    border:solid 1px #CDCAB8;
    padding:20px;
    text-align:center;
    width:40%;
    z-index:5;
}
/* image upload component styles */
#target-layer{
    width:200px;
    height:150px;
}
#upload-form-layer{padding:10px;}