/* formating Forms */

/*

Company Name: Zorkif Technology Center

Web Site: http://www.zorkif.com

File: Kifayat Forms CSS

Author: Kifayat Ullah

Author URI: http://www.zorkif.com

Licence: Free to Use for everybody

*/



.glow_button {  /* Misbah (glow) form button formating */

    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);



}

.glow_button:hover {

    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

}



/* Style the form */

.data_column_a .data_entry_view, .data_column_b .data_entry_view, .data_column_c .data_entry_view {

    color:#777;

    min-height: 190px;

    display: block;

    width: 100%;

}

.data_column_d .data_entry_view{

    /*min-height: 250px;*/

    display: block;

    color:#777;

}

.data_entry_view fieldset {

    border: 0px solid #777;

    margin-top: 10px;

    margin-bottom: 10px;

    padding:0;

    padding-bottom: 10px;

    width: 98.1%;

}

/*

.data_column_d .data_entry_view fieldset {

   border: 0px solid #777;

    padding:2px;

    padding-bottom: 10px;

    overflow:hidden;

    margin-top: 5px;

    margin-bottom: 0px; !important

}*/



.data_entry_view legend {

    background-color: #004B8B;

    color: #FFFFFF;

    margin-left: -2px;

    margin-right: 0;

    padding-left: 10px;

    padding-right: 10px;

    width: 98.5%;

    z-index: 1000;

}

/* Webket Form Upload Button */

.data_entry_view  input[type="file"] {

    -webkit-appearance: none /* this is the key to clearing the default styling */;

    -webkit-appearance: textfield;

    -webkit-box-sizing: border-box;

}

/*

.data_entry_view  input[type=file]::-webkit-file-upload-button {

     width: 0;

    padding:1 0;

    margin: 0;

    -webkit-appearance: none;

    border: none;

}

*/



.data_entry_view  ::-webkit-file-upload-button, input[type=file]:after  {

    content:"Upload File";

    margin:0 0 0 0.5em;

    display: inline-block;

    left: 100%; position: relative;

    padding:0.3em 0.5em;

    border: solid 1px #ccc;

    -webkit-appearance: none;

    box-shadow: 0 1px 3px rgba(0,0,0,0.2);



}



/* End of Webket Form Upload Button */

.data_entry_view label {

    width: 98%;

    float: left;

    padding-left:5px;

    margin-top:10px;

    margin-bottom:0px;

    color:#333;

    overflow: hidden;

    font-size: 96%;

}



/* First Effect on Text Elements */

.data_entry_view  .text_box,

.data_entry_view  input[type=text],

.data_entry_view  input[type=password],

.data_entry_view  input[type=url],

.data_entry_view  input[type=tel],

.data_entry_view  input[type=number],

.data_entry_view  input[type=color],

.data_entry_view  input[type=email],

.data_entry_view  input[type="file"],

.data_entry_view  select,

.data_entry_view  textarea{

    width: 90%;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border-width:1px;

    border-color:#999;

    border-style:solid;

    margin: 4px;

    padding: 5px;

}

.data_entry_round_box{

    min-height: 150px;

    height: 88% !important;



    margin: 10px;

    padding: 15px;



    border: 1px solid #999;

    border-radius: 10px;

    background-color: #FFF;

    overflow: hidden;

}



/* Styling the Default KendoUI k-block */

.k-block{

    /* height: 550px; /* This is the default Height, but it can be reset in every view using jquery function  $('.k-block').height(value)  */

    margin-bottom: 50px;

    padding-bottom: 10px;

}



.default_drop_down{

    width:90%;

    margin-top:5px;

    background-color: #00CC00;

}



/* Form Inputs Hover Effect */

.text_box:focus,

.data_entry_view input[type=text]:focus,

.data_entry_view input[type=password]:focus,

.data_entry_view input[type=url]:focus,

.data_entry_view input[type=tel]:focus,

.data_entry_view input[type=number]:focus,

.data_entry_view input[type=color]:focus,

.data_entry_view input[type=email]:focus,

.data_entry_view input[type="file"]:focus,

.data_entry_view select:focus,

.data_entry_view textarea:focus

{

    outline: none; /* Remove Chrome outline */

    border-width:1px;

    border-style:solid;

    border-color:#060;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    border:1px solid #56b4ef;

    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 0 8px rgba(82,168,236,.6);

    background-color:#FFF;

}





/* End of Form Inputs Hover Effect */





/* Start of Form Submit Button */

.data_entry_view input[type=submit] {

    clear:both;

    float:left; /* Float has been added to Fix Google Chrome Issues */

    overflow:visible;

    padding:3px 10px;  /* This is some Problem with Google Chrome in this Padding Property, needs review */

    font-size:13px;

    font-weight:bold;

    line-height:18px;

    color:#FFF;



    background-color:#ccc;

    background-repeat:no-repeat;

    border:1px solid #ccc;

    cursor:pointer;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.5);

    -moz-box-shadow:0 1px 0 rgba(255,255,255,.5);

    box-shadow:0 1px 0 rgba(255,255,255,.5);





    text-shadow:0 -1px 1px rgba(0,0,0,.25);

    background-color:#019ad2;

    background-repeat:repeat-x;

    background-image:-khtml-gradient(linear,left top,left bottom,from(#33bcef),to(#019ad2));

    background-image:-moz-linear-gradient(#33bcef,#019ad2);

    background-image:-ms-linear-gradient(#33bcef,#019ad2);

    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#33bcef),color-stop(100%,#019ad2));

    background-image:-webkit-linear-gradient(#33bcef,#019ad2);

    background-image:-o-linear-gradient(#33bcef,#019ad2);

    background-image:linear-gradient(#33bcef,#019ad2);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bcef',endColorstr='#019ad2',GradientType=0);

    border-color:#057ed0;

    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);

    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);

    box-shadow:inset 0 1px 0 rgba(255,255,255,.1)

}



.data_entry_view input[type=submit]:hover,

.data_entry_view input[type=submit]:focus {

    color:#fff;

    background-color:#0271bf;

    background-repeat:repeat-x;

    background-image:-khtml-gradient(linear,left top,left bottom,from(#2daddc),to(#0271bf));

    background-image:-moz-linear-gradient(#2daddc,#0271bf);

    background-image:-ms-linear-gradient(#2daddc,#0271bf);

    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2daddc),color-stop(100%,#0271bf));

    background-image:-webkit-linear-gradient(#2daddc,#0271bf);

    background-image:-o-linear-gradient(#2daddc,#0271bf);

    background-image:linear-gradient(#2daddc,#0271bf);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2daddc',endColorstr='#0271bf',GradientType=0);

    border-color:#096eb3

}

/* End of Form Submit Button */



/* Start of Style for Picture Preview */

.image{

    display: none;

}



.yourBtn{

    width: 120px;

    margin :10px;

    padding: 10px;

    padding-top: 110px;

    float:left;

    display: block;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px dashed #BBB;

    text-align: center;

    background-color: #DDD;

    cursor:pointer;

    background-image: url("../zk_user_uploads/user_management/profiles_photo/default.png");

    background-repeat: no-repeat;

    background-position: center;

    color:#222222;

}



.hideLink{

    margin :10px; float:left;

    display: block; position: relative;

}



.readURL{

    height: 0px;width: 0px; overflow:hidden;

}

.showBlock{

    display: block;

    position: relative;

    width: 127px;

    height: 127px;

}



.showLink{

    display: block;

}



.editImage{

    display: block;

}

.changelink{

    display:none;

    position: absolute;

    bottom: 5px;

    left: 2px;

    width: 100px;

    padding: 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border: 1px dashed #BBB;

    text-align: center;

    background-color: #DDD;

}







/*Download Buttons CSs*/

.myButton {



    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;

    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;

    box-shadow: 0px 1px 0px 0px #f0f7fa;

    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #093659));

    background:-moz-linear-gradient(top, #019ad2 5%, #093659 100%);

    background:-webkit-linear-gradient(top, #019ad2 5%, #093659 100%);

    background:-o-linear-gradient(top, #019ad2 5%, #093659 100%);

    background:-ms-linear-gradient(top, #019ad2 5%, #093659 100%);

    background:linear-gradient(to bottom, #019ad2 5%, #093659 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#093659',GradientType=0);



    background-color:#33bdef;



    -moz-border-radius:6px;

    -webkit-border-radius:6px;

    border-radius:6px;



    border:1px solid #057fd0;



    display:inline-block;

    color:#ffffff;

    font-family:arial;

    font-size:12px;

    width:150px;

    font-weight:bold;

    padding:4px 10px;

    text-decoration:none;



    text-shadow:0px -1px 0px #5b6178;



}

.myButton:hover {



    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #093659), color-stop(1, #019ad2));

    background:-moz-linear-gradient(top, #093659 5%, #019ad2 100%);

    background:-webkit-linear-gradient(top, #093659 5%, #019ad2 100%);

    background:-o-linear-gradient(top, #093659 5%, #019ad2 100%);

    background:-ms-linear-gradient(top, #093659 5%, #019ad2 100%);

    background:linear-gradient(to bottom, #093659 5%, #019ad2 100%);

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#093659', endColorstr='#019ad2',GradientType=0);

    color:white;

    text-decoration:none;

    background-color:#019ad2;

}

.myButton:active {

    position:relative;

    top:1px;

    color:white;

    text-decoration:none;

}

.myButton:visited {



    color:white;

    text-decoration:none !important;

}



.btn {

    display: inline-block;

    *display: inline;

    padding: 4px 12px;

    margin-bottom: 0;

    *margin-left: .3em;

    font-size: 14px;

    line-height: 20px;

    color: #333333;

    text-align: center;

    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

    vertical-align: middle;

    cursor: pointer;

    background-color: #f5f5f5;

    *background-color: #e6e6e6;

    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);

    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);

    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);

    background-repeat: repeat-x;

    border: 1px solid #cccccc;

    *border: 0;

    border-color: #e6e6e6 #e6e6e6 #bfbfbf;

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

    border-bottom-color: #b3b3b3;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    *zoom: 1;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}



.btn:hover,

.btn:focus,

.btn:active,

.btn.active,

.btn.disabled,

.btn[disabled] {

    color: #333333;

    background-color: #e6e6e6;

    *background-color: #d9d9d9;

}

/*Need the Floats for MultiLanguage Directions.*/

.float_left{

    float:left;

}

.float_right{

    float:right;

}



/* Css to format the layout of Forms and mostly use it as auto resize */

.zk_block_small,.zk_block_xl_small, .zk_block_medium,.zk_block_xl_medium,.zk_block_xxl_medium,.zk_block_large {

    float: left;

    margin-left: 0px;

    margin-right: 10px;

    text-wrap:none;

    word-wrap:break-word;

    position: relative;

    display: block;

}



.zk_block_small{

    width: 15%;

}

.zk_block_xl_small{

    width: 30%;

}

.zk_block_medium{

    width:  45%;

}

.zk_block_xl_medium{

    width:  47.5%;

}

.zk_block_xxl_medium{

    width:  64.5%;

}

.zk_block_large{

    width: 100%;

    min-width: 100%;

}

.zk_block_xl_large{

    width: 100%;

    min-width: 100%;

}

.zk_vertical_line {

    border: 0px;

    border-left-width: 1px;

    border-left-color: #afafaf;

    border-left-style: dashed;

    min-height:250px;

    height: 100%;

    width: 1px;

    float: left;

    margin-left: 5px;

    margin-right: 5px;

}

/* =================================================================================================

   The Following CSS is used to reset the Few Formating Styles for forms on small screen resolutions

   =================================================================================================*/

@media screen and (min-width:320px) and (max-width:960px){

    .zk_block_small,.zk_block_xl_small, .zk_block_medium,.zk_block_xl_medium,.zk_block_xxl_medium,.zk_block_large,.zk_block_xl_large {

        margin-bottom: 0px;

    }

    .zk_block_xl_medium{

        width:100%;

    }

    .data_entry_view{

        font-size: 70%;

    }

    ::-webkit-input-placeholder{

        font-size: 40%;

    }

    :-moz-placeholder {

        font-size: 40%;

    }

    :-ms-input-placeholder{

        font-size: 40%;

    }

    :focus::-webkit-input-placeholder{

        font-size: 40%;

    }

    .data_entry_view  .text_box,

    .data_entry_view  input[type=text],

    .data_entry_view  input[type=password],

    .data_entry_view  input[type=url],

    .data_entry_view  input[type=tel],

    .data_entry_view  input[type=number],

    .data_entry_view  input[type=color],

    .data_entry_view  input[type=email],

    .data_entry_view  input[type="file"],

    .data_entry_view  select,

    .data_entry_view  textarea{

        font-size:80%;

    }

    .zk_vertical_line {

        min-height: 0px;

        height: 0px;

    }





}/* End of Conditional Media Formatting based on Screen Resolution Size */



/*Kendo oVerRides*/

span.k-tooltip{

    position: absolute !important;

    right: 0 !important;

    margin-right:30px !important;

}