/* ============= Open Support Ticket Styling =============== */



/*hide menu item from left-hand admin menu ...since we have our own at the top */

li#toplevel_page_supticket {

  display: none!important;

}



li.cb-sticket {

    margin-left: 1.3% !important;

    color: #ffffff !important;

}



li.cb-sticket a.ab-item:hover,

li.cb-sticket a.ab-item:focus

{

    background-color: #9e232a !important;

    color: #ffffff !important;

}



li.cb-sticket .ab-item {

padding: 0 10px 0 38px !important;

    background-repeat: no-repeat!important;

    background-image: url('../images/support-icon-2x.png')!important;

    background-size: 32px 32px !important;

    background-position: center center;

    overflow: hidden;

    background-color: #be2a32 !important;

    color: #ffffff !important;

}



#cb-ticket-form {

    margin-bottom: 30px;

    margin-right: 20px;

}



#cb-ticket-form input,

#cb-ticket-form select,

#cb-ticket-form textarea,

#cb-ticket-form li.rate

{

    display: block;

    margin-left: 0;

    width: 50%;

}



#cb-ticket-form li.rate input {

    width: initial;

    display: inline-block !important;

}



#cb-ticket-form #cb-sticket-submit {

    -webkit-appearance: none;

    border: 0;

    width: 50%;

    padding: 10px 0 12px 0;

    font-weight: bold;

    cursor: pointer;

    font-size: 16px;

    background-color: #be2a32;

    color: #ffffff;

}



#cb-ticket-form #cb-sticket-submit:hover {

    background-color: #9e232a;

}



#cb-ticket-form label {

margin-bottom: 8px;

display: block;

}



#cb-ticket-form ul > li {

margin-bottom: 16px;

}



#cb-ticket-form p.cb-sticket-severity {

    font-size: 11px;

}



#cb-ticket-form hr.divider {

    display: inline-block;

    margin-bottom: 16px;

}



#cb-ticket-form p.cb-sticket-description,

#cb-ticket-form p.cb-sticket-severity-description,

#cb-ticket-form p.cb-sticket-severity,

#cb-ticket-form hr.divider

{

    width: 50%;

}



#cb-ticket-form p.cb-sticket-title {

    font-size: 22px;

    font-weight: bold;

    line-height: 1.2em;

    margin-bottom: 0.6em;

}



#cb-ticket-form .standard-rate-desc, #cb-ticket-form .emergency-rate-desc {

    display: inline-block;

    vertical-align: text-top;

    width: calc(100% - 27px);

}



#cb-ticket-form input[type=checkbox] {

    margin-right: 10px;

}



@media (max-width: 900px) and (min-width: 783px) {



    li.cb-sticket .ab-item {

        font-size: 10px !important;

        width: 100px !important;

        line-height: 15px !important;

    }



}



@media (max-width: 782px) {



    li.cb-sticket .ab-item {

        /* display: none !important; */

        text-indent: 20px;

        background-position-x: center !important;

        background-position-y: center !important;

    }

    

    li.cb-sticket a.ab-item:hover,

    li.cb-sticket a.ab-item:focus

    {

        background-color: #be2a32 !important;

    }



    li.cb-sticket {

        display: inline-block !important;

        width: 14px !important;

    }

    

    #cb-ticket-form {

        margin-right: 8px;

    }

    

    #cb-ticket-form input[type=checkbox] {

        width: 25px !important;

        height: 25px !important;

    }

    

    #cb-ticket-form .standard-rate-desc, #cb-ticket-form .emergency-rate-desc {

        width: calc(100% - 36px);

    }



}



@media (min-width: 961px) and (max-width: 1199px) {

    

    #cb-ticket-form input,

    #cb-ticket-form select,

    #cb-ticket-form textarea,

    #cb-ticket-form #cb-sticket-submit,

    #cb-ticket-form p.cb-sticket-description,

    #cb-ticket-form p.cb-sticket-severity,

    #cb-ticket-form p.cb-sticket-severity-description,

    #cb-ticket-form li.rate,

    #cb-ticket-form hr.divider

    {

        width: 70%;

    }

    

}



@media (max-width: 960px) {

    

    #cb-ticket-form input,

    #cb-ticket-form select,

    #cb-ticket-form textarea,

    #cb-ticket-form #cb-sticket-submit,

    #cb-ticket-form p.cb-sticket-description,

    #cb-ticket-form p.cb-sticket-severity,

    #cb-ticket-form p.cb-sticket-severity-description,

    #cb-ticket-form li.rate,

    #cb-ticket-form hr.divider

    {

        width: 100%;

    }

    

}

    

    





#cb-ticket-form {

    /*background-color: #32373c;

    display: none;

    padding: 16px 24px 16px 24px !important;

    display: inherit !important;  HIDE TEMPORARILY WHILE I STYLE IT

    width: 400px;*/

}



#cb-sticket-submit {

width: 100%;

    margin-top: 12px;

}



li#toplevel_page_sticket {

	display: none!important;

}



li#wp-admin-bar-wp-admin-bar-cb-sticket #cb-ticket-form p.cb-sticket-description {

line-height: 1.5;

margin-bottom: 14px;

}



li#wp-admin-bar-wp-admin-bar-cb-sticket #cb-ticket-form form table {

    width: 100%;

}



li#wp-admin-bar-wp-admin-bar-cb-sticket #cb-ticket-form form table tr td > input {

margin-bottom: 8px;

}



li#wp-admin-bar-wp-admin-bar-cb-sticket #cb-ticket-form form table tr td.col-1 {

    width: 28%;

}



li#wp-admin-bar-wp-admin-bar-cb-sticket #cb-ticket-form form table tr td.col-2 {

    width: auto;

}



li#wp-admin-bar-wp-admin-bar-cb-sticket #cb-ticket-form form table tr td > input, li#wp-admin-bar-wp-admin-bar-cb-sticket #cb-ticket-form form table tr td > textarea, li#wp-admin-bar-wp-admin-bar-cb-sticket #cb-ticket-form form table tr td > select {

    width: 100%;

}