/*

	Page:		catdocs_buttons.css
	
	Created:	March 2025
	This Edit:	March 2025
	
	Created By:	Minh Huynh
	Contact:	minh@constructionsoftware.biz

*/

.cp_button_red{
    cursor:pointer;
    background-color:#9B4823;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_button_red:hover{
    cursor:pointer;
    background-color:#CE7B56;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_button_blue{
    cursor:pointer;
    background-color:#0E4D83;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_button_blue:hover{
    cursor:pointer;
    background-color:#4180B6;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_button_green{
    cursor:pointer;
    background-color:#4A5338;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_button_green:hover{
    cursor:pointer;
    background-color:#7D866B;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_button_silver{
    cursor:pointer;
    background-color:#666764;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt!important;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    padding:0px!important;
}

.cp_button_silver:hover{
    cursor:pointer;
    background-color:#7F807E;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt!important;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    padding:0px!important;
}

.cp_button_black{
    cursor:pointer;
    background-color:#000;
    border-radius:6px;
    color:#FFFFFF;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    float:right;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}
.cp_buttonlocked_red{
    cursor:no-drop;
    background-color:#9B4823;
    border-radius:6px;
    color:#CCCCCC;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_buttonlocked_blue{
    cursor:no-drop;
    background-color:#0E4D83;
    border-radius:6px;
    color:#CCCCCC;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_buttonlocked_green{
    cursor:no-drop;
    background-color:#4A5338;
    border-radius:6px;
    color:#CCCCCC;
    font-family:"Trebuchet MS","Helvetica","sans-serif";
    font-size:8pt;
    line-height:26px;
    text-align:center;
    height:26px;
    user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
}

.cp_button_large{
    line-height:13px!important;
    height:33px!important;
}

.cp_button_ticked::after{
    content:"\2714";
    color:#FFFFFF !important;
    font-size:12pt;
    position:absolute;
    float:right;
    margin-left:5px;
}

.cp_button_cross::after {
    content:"\00D7";
    color:#f40707 !important;
    font-size:18pt;
    position:absolute;
    float:right;
    margin-left:5px;
    font-weight: bold;
}
/* used for ios ipad, android tablet landscape*/
@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .cp_button_ticked::after {
        content: "\2714";
        color: #FFFFFF !important;
        font-size: 10pt;
        position: absolute;
        float: right;
        margin-left: 3px;
    }

    .cp_button_cross::after {
        content: "\00D7";
        color: #f40707 !important;
        font-size: 16pt;
        position: absolute;
        float: right;
        margin-left: 3px;
        font-weight: bold;
    }
}