/*
 * This file is part of the CloserPhp package.
 * For the full copyright and license information, please view the LICENSE.php
 * file that was distributed with this source code.
 * Info:andread.dev@gmail.com
 */

/*---------------system message-----------------------------------*/
.cp-umsg{
    clear: both;
    margin: 0 0 10px;
    padding: 20px 20px 15px 60px;
    width: auto;
}


.valid_box, .cp-utype-info{
    background: url("../images/valid.png") no-repeat scroll 15px 10px #EDFCE9;
    border: 1px solid #CCEAC4;

}


.warning_box, .cp-utype-warning {
    background: url("../images/warning.png") no-repeat scroll 15px 10px #FCFAE9;
    border: 1px solid #E9E6C7;
}


.error_box, .cp-utype-error {
    background: url("../images/error.png") no-repeat scroll 15px 10px #FCE9E9;
    border: 1px solid #EAC7C7;
}

label.cp-lb-error
{
    color:red;
}

.cp-fe-msg, .cp-afe-msg{
    color: #DD4B39;
    display: block;
    line-height: 17px;
    margin: 0.5em 0 0;
    font-size:80%;
    box-sizing: border-box;
}

.cp-afe-msg{
    display: none;
}


/*---------------pagination 2-----------------------------------*/
div.cpagination{
    margin:0px auto;
    padding:0px;
    overflow:hidden;
    font-size:12px;
    display:inline-block;
    text-align:center;

}

div.cpagination div{
    float:left;
    padding:0px;
    display:inline-block;
    margin:0 0 2px 4px;
}

div.cpagination div.details{
    padding:7px 10px 7px 10px;
    font-size:14px;
    color:#202020;
}

/*div.cpagination div.dot{padding: 3px 0;}*/

div.cpagination .cp-link div{
    background:#FAFAFA;
    display:block;    
    border:1px solid #BEBEBE;
    border-radius:3px;	
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

div.cpagination .cp-link a,
div.cpagination .cp-link span{
    color:#444444;
    text-decoration:none;
    padding:7px 10px 7px 10px;
    display: block;
}

div.cpagination .cp-link div:hover a,
div.cpagination .cp-link div.current a{
    color:#FFFFFF;
}

div.cpagination .cp-link div:hover,
div.cpagination .cp-link div.current{	
    background:#525252;
    text-shadow:0px 1px #3C3C3C;
    box-shadow:0px 1px #EDEDED;
    -moz-box-shadow:0px 1px #EDEDED;
    -webkit-box-shadow:0px 1px #EDEDED;
    border-color:#202020;
    background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));        

}

/*---------------ajax form-----------------------------------*/
form .ajax-response, form .ajax-loader{
    display: none;
}

form .ajax-response{
    border: 2px solid #24890d;
    padding: 8px;
    width: 100%;
    margin:0px;
    margin-top: 8px;
    box-sizing: border-box;
}

form .ajax-response.error{
    border: 2px solid #f7e700;
    box-sizing: border-box;
}

/*---------------generic-----------------------------------*/

.row_hover:hover{
    background-color: #FAFAFA;
    /*color: #fff;*/

} 


/*---------------Media Query Breakpoints-----------------------------------*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    div.cpagination{
        font-size:10px;
    }

    div.cpagination div.details{
        font-size:11px;
    }

    div.cpagination div.details{
        display: block;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    form .ajax-response{
        margin:0px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}