/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 2.0
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */

.mainbody:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mainbody .mainbody {
    width: 100%;
}

    .mainbody .mainbody:before, .mainbody:after {
        content: '\0020';
        display: block;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .mainbody .mainbody:after {
        clear: both;
    }

.mainbody .mainbody {
    zoom: 1;
}

.mainbody .wrap-col2 {
    margin-top: 0.5%;
    font-family: Verdana;
    font-size: 12px;
}
/* text bold*/
.mainbody .CSRHedding {
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
}

.mainbody .CSRtext {
    font-size: 10px;
    font-weight: normal;
    font-family: verdana;
}

.mainbody .col-6-1, .mainbody .col-1-2, .mainbody .col-1-3, .mainbody .col-2-3, .mainbody .col-1-4, .mainbody .col-2-4, .mainbody .col-3-4, .mainbody .col-1-5, .mainbody .col-2-5, .mainbody .col-3-5, .mainbody .col-4-5, 
.mainbody .col-1-6, .mainbody .col-2-6, .mainbody .col-3-6, .mainbody .col-4-6, .mainbody .col-5-6, .mainbody .col-1-7, .mainbody .col-1-8, .mainbody .col-m-2, .mainbody .col-m-2-1 {
    float: left;
    display: inline-block;
}

.mainbody .col-full {
    width: 100%;
}

.mainbody .col-1-2 {
    width: 50%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-1-3 {
    width: 33.33%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-2-3 {
    width: 66.66%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-1-4 {
    width: 25%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-2-4 {
    width: 50%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-3-4 {
    width: 75%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-1-5 {
    width: 20%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-2-5 {
    width: 40%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-3-5 {
    width: 60%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-4-5 {
    width: 80%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-1-6 {
    width: 16.66%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-2-6 {
    width: 33.33%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-3-6 {
    width: 50%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-4-6 {
    width: 66.66%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-5-6 {
    width: 83.33%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-6-1 {
    width: 23.33%;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 5px;
}

.mainbody .col-1-7 {
    width: 12.3%;
    font-family: Verdana;
    font-size: 12px;
}

.mainbody .col-1-8 {
    width: 11.3%;
    font-family: Verdana;
    font-size: 12px;
}

.mainbody .col-m-2 {
    width: 14.28%;
    font-family: Verdana;
    font-size: 12px;
}
.mainbody .col-m-2-1 {
    width: 160px;
    font-family: Verdana;
    font-size: 12px;
}

.height {
    min-height: 450px;
}

.left_pading {
    padding-left: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mainbody {
        width: 100%;
    }

    .left_pading {
        padding-left: 1px;
    }
}

@media only screen and (max-width: 767px) {
    .mainbody {
        width: 100%;
    }

    .left_pading {
        padding-left: 1px;
    }
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
    .mainbody {
        width: 100%;
    }

    .left_pading {
        padding-left: 1px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
    .left_pading {
        padding-left: 1px;
    }

    .mainbody {
        width: 100%;
    }

        .mainbody .col-1-3, .mainbody .col-2-3 {
            width: 100%;
        }

        .mainbody .col-1-4 {
            width: 50%;
        }

        .mainbody .col-6-1, .mainbody .col-1-6, .mainbody .col-2-6, .mainbody .col-3-6, .mainbody .col-4-6, .mainbody .col-5-6, .mainbody .col-1-7 {
            width: 100%;
        }
}

@media only screen and (max-width: 479px) {
    .left_pading {
        padding-left: 1px;
    }

    .mainbody .col-6-1, .mainbody, .mainbody .col-1-2, .mainbody .col-1-3, .mainbody .col-2-3, .mainbody .col-1-4, .mainbody .col-2-4, .mainbody .col-3-4, .mainbody .col-1-5, .mainbody .col-2-5, .mainbody .col-3-5, .mainbody .col-4-5, .mainbody .col-1-6, .mainbody .col-2-6, .mainbody .col-3-6, .mainbody .col-4-6, .mainbody .col-5-6, .mainbody .col-1-7 {
        width: 100%;
    }
}

.columnx {
    float: left;
    width: 100%;
}

table {
    border-collapse: collapse;
    margin-bottom: 10px;
}

th {
    /*background: #A7C942;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,eeeeee+36,eeeeee+54,eeeeee+54,eeeeee+64,cccccc+100 */
    background: rgb(204,204,204); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 36%, rgba(238,238,238,1) 54%, rgba(238,238,238,1) 54%, rgba(238,238,238,1) 64%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 36%,rgba(238,238,238,1) 54%,rgba(238,238,238,1) 54%,rgba(238,238,238,1) 64%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 36%,rgba(238,238,238,1) 54%,rgba(238,238,238,1) 54%,rgba(238,238,238,1) 64%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border: 1px solid #fff;
    color: #000;
    /*font-weight: bold;*/
    text-align: center;
}

td {
    font-size: 12px;
    font-family: Verdana;
    border: 1px solid #dcdcdc;
    /*text-align: left;*/
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
    color: #000000;
}

tr:nth-child(odd) {
    height: 30px;
}

tr:nth-child(even) {
    height: 30px;
    /*background: #E2F1FB;*/
}
/*
tbody tr:nth-child(even) th
{
    background: #EAF2D3;
    color: #000000;
}*/

td a {
    font-size: 12px;
    font-family: Verdana;
    color: #454545;
    cursor: pointer;
    text-decoration: none;
}

    td a:hover {
        color: #454545;
        text-decoration: underline;
        font-size: 12px;
    }
/*Paging css*/

.pagination {
    display: block;
    width: 100%;
    text-align: center;
    clear: both;
}

    .pagination li {
        display: inline-block;
        margin: 0 2px 0 0;
    }

        .pagination li:last-child {
            margin-right: 0;
        }

    .pagination a1, .pagination strong {
        display: block;
        padding: 8px 11px;
        border: 1px solid;
        font-weight: normal;
        background-clip: padding-box;
        background-color: #999;
    }

    .pagination a, .pagination strong {
        border-radius: 8px;
    }

    .pagination a, .pagination strong {
        border-color: #D7D7D7;
    }

    .pagination .current strong {
        color: #FFFFFF;
        background-color: #1D539C;
    }

.current strong a {
    color: #FFFFFF;
}



    .textbox:focus, .modal-body textarea:focus, .modal-body input[type=text]:focus, textbox1:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }


    .textbox::-moz-placeholder, .textbox1 ::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .textbox::-moz-placeholder, .textbox1:-ms-input-placeholder {
        color: #999;
    }

    .textbox::-moz-placeholder, .textbox1::-webkit-input-placeholder {
        color: #999;
    }



    .Dropdownbox[disabled], .textbox1[readonly], .textbox[disabled], .textbox[readonly] {
        background-color: #eee;
        opacity: 1;
    }

    .Dropdownbox[disabled], .textbox1[readonly], .textbox[disabled], .textbox[readonly] {
        cursor: not-allowed;
    }

    .modal-body select[readonly], .modal-body input[type=text][readonly], .modal-body select[disabled], .modal-body input[type=text][disabled] {
        background-color: #eee;
        opacity: 1;
        cursor: not-allowed;
    }

    .modal-body input[type=text], .modal-body textarea, .textbox, .textbox1 {
    display: block;
    width: 100%;
    padding: 1px 1px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 38px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.Dropdownbox, .modal-body select {
    display: block;
    width: 100%;
    padding: 1px 1px;
    /*margin-top: 1%;
    margin-bottom: 1%;*/
    font-size: 12px;
    font-family: Verdana;
    line-height: 1.42857143;
    color: #555555;
    height: 38px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.chkbody a {
    color: #ffffff;
}

.myButton, .Close_a {
    -moz-box-shadow: inset 0px 39px 0px -24px #1D539C;
    -webkit-box-shadow: inset 0px 39px 0px -24px #1D539C;
    box-shadow: inset 0px 39px 0px -24px #1D539C;
    background-color: #1D539C;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 15px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #b23e35;
}

    .myButton:hover {
        background-color: #1D539C;
    }

    .Close_a:hover {
        background-color: #1D539C;
        color: #ffffff;
    }

    .Close_a:active {
        position: relative;
        top: 1px;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }

.tdhide {
    display: none;
}

.field-validation-error span {
    color: #C25858;
    font-size: 12px;
}

.field-validation-error {
    color: #C25858;
    font-size: 12px;
}

.modal-body span {
    /*color: #C25858;
    font-size: 12px;*/
}

.loadingoverlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: Black;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.loadingoverlayContent {
    z-index: 0;
    margin: 250px auto;
    font-family: Calibri;
    font-size: 22px;
    font-weight: bold;
    color: White;
}

.loadingoverlay1 {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.loadingoverlayContent1 {
    z-index: 0;
    margin: 200px auto;
    font-family: Calibri;
    font-size: 22px;
    font-weight: bold;
    color: White;
}

.removetablecss td {
    border: 0px;
    border-color: white;
}

.removetablecss1tbody {
    border: 1px solid #ccc;
}

.removetablecss1 tr {
    background-color: white;
}

.removetablecss1 td {
    border: 0px;
    border-color: white;
}

.lblclass {
    font-weight: normal;
}

    .lblclass:hover {
        cursor: pointer;
    }

.pull-right center b a {
    color: white;
}

.modal-body label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: normal;
}

.CSR a {
    font-size: 12px;
}


/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: normal;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: normal;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: normal;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: normal;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.img-div img {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;    
    vertical-align: middle;
}

    .img-div img:hover {
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        position: relative;
        z-index: 999;
        border-radius:10px;
    }