/*

	Page:		catproj_buttons.css
	
	Created:	December 2016
	This Edit:	December 2016
	
	Created By:	Tyson Day
	Contact:	tysond@catcloud.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;
        }
    }