@charset "utf-8";
/* CSS Document */

/*_____________ Contest PAGE CSS START HERE ____________*/
/*------------------------------------------------*/

.contest-page-section{ padding:30px 0;}
.contest-section h2{ font-size:26px; color:#2b384b; font-weight:700; padding:0 0 25px; margin:0;}
.contest-section > h2 > img{ padding-right:10px;}
.contest-section > h2 { display:inline-block;}
.contest-details{ border:solid 1px #e0e0e0; border-radius:5px; margin-bottom:20px;}

/*___________ Contest CSS Here________*/
.contest-on-job{ background:#e4e4e4; padding:10px; border-radius:5px 5px 0 0;}
.contest-budget{ width:110px; background:#fff; border:solid 1px #dadada; text-align:center; padding:10px 0; line-height:26px; border-radius:6px 0 0 6px; float:left; font-size:22px; color:#2d48ad; font-weight:700; border-right:none;}
.contest-budget span{ font-size:13px; color:#656565; display:block;}
.budget-verified { width:84px; background:#ffb028; border:solid 1px #ffb028; text-align:center; padding:11px 0; border-radius:0 6px 6px 0; float:left; font-size:14px; color:#fff; font-weight:500;}
.budget-verified span{ display:block; text-align:center; padding:7px 0 0;}
.budget-verified img{ display:block; float:none; margin:0 auto;}
.budget-not-verified { width:84px; background:#ff4d39; border:solid 1px #ff4d39; text-align:center; padding:11px 0; border-radius:0 6px 6px 0; float:left; font-size:14px; color:#fff; font-weight:500;}
.budget-not-verified span{ display:block; text-align:center; padding:7px 0 0;}
.budget-not-verified img{ display:block; float:none; margin:0 auto;}
.total-entry{ width:160px; background:#fff; border:solid 1px #dadada; text-align:center; padding:10px 0; line-height:26px; border-radius:6px; float:left; font-size:24px; color:#2d48ad; font-weight:700; margin-left:15px;}
.total-entry span{ font-size:16px; color:#656565; display:block;}
.contest-open{ width:200px; background:#0fa958; border:solid 1px #0fa958; text-align:center; padding:10px 0; line-height:25px; border-radius:6px; float:left; font-size:24px; color:#fff; font-weight:700; margin-left:15px; text-transform:uppercase;}
.contest-open span{ font-size:15px; color:#fff; display:block; text-transform:lowercase; font-weight:400;}
.contest-on-job-btn{width:219px; text-align:center; padding:22px 0; line-height:26px; border-radius:6px; float:left; font-size:24px; color:#fff; font-weight:700; margin-left:15px; border:solid 1px #5853aa; cursor:pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */
}
.contest-on-job-btn:focus{ color:#fff;}
.contest-on-job-btn:hover{ color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5853aa+0,827de0+100 */
    background: #5853aa; /* Old browsers */
    background: -moz-linear-gradient(top, #5853aa 0%, #827de0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5853aa 0%,#827de0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5853aa 0%,#827de0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5853aa', endColorstr='#827de0',GradientType=0 ); /* IE6-9 */
}

/*___________ Contest Create By CSS Here________*/
.create-by-section{ background:#f3f3f3; border-bottom:solid 1px #e5e5e5; padding:15px 15px;}
.create-by-section p{ font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0;}
.create-by-section p span{ color:#4e499f;}
.user-rating{ width:330px}
.user-rating strong{ float:left; font-size:16px; font-weight:500; color:#2e2e2e; line-height:40px; margin:0 9px 0 0;}
.user-rating .rating{ width:216px; border-radius:15px; float:left; height:14px; background:#c2c2c2; display:block; overflow:hidden; margin:15px 0;}
.user-rating .rating > span{ background:#ffb028!important; display:block; line-height:14px; border-radius:15px;}
.user-rating .review{ color:#4e499f; font-size:16px; margin-left:8px; margin-right:0; float:right;}
.user-rating .review span{ color:#333;}

/*___________Project Discription CSS Here________*/
.project-description{ padding:20px;}
.project-description h2{ font-size:22px; color:#000; font-weight:400; padding:10px 0 10px; margin:0;}
.project-description p{ font-size:15px; color:#252525; font-weight:400; padding:20px 0 0; line-height:22px; margin:0;}

/*___________Skills Required CSS Here________*/
.skill-requared{ background:#4e499f; padding:15px;}
.skill-requared h3{ color:#fff; font-weight:700; font-size:22px; padding:10px 0; margin:0;}
.skill-requared ul{ list-style:none; padding:10px 0 10px; margin:0;}
.skill-requared ul li{ display:inline-block; text-align:left; padding:8px 20px; font-weight:500; color:#4e499f; background:#fff; border-radius:5px; margin-right:10px;}
.project-posted{ background:#f1f1f1; padding:20px 15px; list-style:none; margin:0; border-radius:0 0 5px 5px; width:100%; box-sizing:border-box;}
.project-posted li{ display:inline-block; text-align:center; font-size:15px; color:#252525; width:24.5%; box-sizing:border-box;}

/*___________Description and Entry button CSS Here________*/

.description-entry-button{ float:right;}
.description-entry-button a { display:block; float:left; color:#353535; text-align:center; padding:7px 15px; margin:0; border-radius:4px; font-size:14px; text-transform:uppercase; font-weight:500; margin-bottom:4px;  border:solid 1px #e0e0e0; box-shadow:inset 1px 1px 1px #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e5e5e5+100 */
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9f9f9 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.description-entry-button a:hover,
.description-entry-button .active { border:solid 1px #5853aa; box-shadow:none; color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */
}
.description-entry-button a.description{ border-right:0; border-radius:5px 0 0 5px;}
.description-entry-button a.entry{ border-left:0; border-radius:0 5px 5px 0;}

/*____________ Contest Filter _________*/

.contest-filter { border-bottom:solid 1px #ddd; padding:10px 15px; background:#fff;}
.contest-filter label{ float:left; padding:5px 20px 5px 0; font-size:15px; font-weight:500; margin:0;}
.contest-filter select{ float:left; width:62%; border:solid 1px #ccc; padding:5px 8px; border-radius:5px; box-sizing:border-box; font-size:15px; margin:0;}

/*________________ Contest Box ___________________*/

.entries-section{ padding:20px;}
.entry-box{ background:#fff; border:solid 1px #ddd; border-radius:5px; margin-bottom:30px; position:relative;}
.entry-box img.entry-img{ width:100%; height:auto; border-radius:5px 5px 0 0; border-bottom:solid 1px #ddd; }
.entry-box .contest-rating{ width:100%; padding:0 15px; box-sizing:border-box; background:#f0f0f0; float:left; margin-top:6px; }
.contest-rating .user-rating{ width:100%;}
.contest-rating .user-rating .rating { width:100%; margin-top:0; margin-bottom:10px;}

.entry-box .rating-by-contester { width:100%; float:left; padding-bottom:15px; background:#f7f7f7;}
.pad-top15{ padding-top:10px; margin-top:5px;}
.entry-box .rating-by-contester p{ font-weight:400; color:#454545;}
.entry-box .contest-employee-rating{ background:url(../images/rating-gray.png) no-repeat left center; width:91px; height:17px; float:right; margin-right:15px;}
.entry-box .contest-employee-rating span{ background:url(../images/rating-orange.png) no-repeat left center; width:0; height:17px; display:block;}

.entry-box p{ font-size:15px; font-weight:500; color:#151515; padding:0 0 0 15px; margin:0 0 5px 0;}
.entry-box h3{ font-size:17px; font-weight:600; color:#4e499f; padding:15px 15px 12px; margin:0;}
.contest-winner{ background:#f0f0f0; margin-bottom:30px; border-radius:5px;}
.contest-winner .entry-box{ border:solid 2px #ffb028; margin-bottom:0;}
.contest-win-img{ position:absolute; top:-1px; left:-1px; background:#ffb028; border-radius:0 0 5px 0; padding:8px;}
.contest-winner-content{ background:#f0f0f0; padding:30px 10px; border-radius:5px;}
.contest-winner-content h2{ font-size:30px; font-weight:600; color:#151515;}
.contest-winner-content p{ font-size:16px; font-weight:400; color:#151515;}
.contest-winner-content a{ font-size:18px; background:#ffb028; display:inline-block; padding:10px 25px; border-radius:5px; font-weight:600; color:#151515; margin:15px 0;}

.handover-section{ padding:0 0;}
.handover-section h2{ background:#f0f0f0; padding:15px 30px; font-size:20px; border-radius:5px; margin:0 0 25px 0}
.upload-winning-entry button{ background:#4e499f; padding:10px 30px; color:#fff; border-radius:5px; margin:15px 0; font-size:20px; border:none;}

/*________________ Upload Entries ___________________*/
.upload-entries-section{ padding:0 20px;}
.upload-entries-section label{ display:block; padding:5px 20px 5px 0; font-size:16px; font-weight:500; margin:0;}
.upload-entries-section input{ width:100%; border:solid 1px #bbb; padding:8px 8px; border-radius:5px; box-sizing:border-box; font-size:15px; margin:0 0 15px 0;}
.upload-entries-section textarea{ width:100%; height:125px; border:solid 1px #bbb; padding:5px 8px; border-radius:5px; box-sizing:border-box; font-size:15px; margin:0;}
.upload-entries-section .max-characters{ display:block; text-align:right; font-size:14px; padding:5px 0; font-weight:500;}
.upload-entries-section p{color:#151515; font-size:15px; padding:0; font-weight:400;}
.upload-entries-section p.contest-note{ background:#ebebeb; color:#151515; font-size:15px; padding:15px 20px; border-radius:5px; font-weight:400; margin:25px 0;}
.upload-entries-section input[type="checkbox"]{ float:left; width:auto; margin-right:10px; margin-top:5px;}
.upload-entries-section p a{ color:#4e499f; font-weight:600;}
.upload-entries-section p a:hover{ color:#888; font-weight:600;}
.upload-entries-section button { display:block; text-align:center; padding:12px 30px; margin:30px 0 0; clear:both; border-radius:4px; font-size:20px; text-transform:capitalize; font-weight:600; margin-bottom:4px; border:solid 1px #5853aa; color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */
}
.upload-entries-section button:hover{ color:#353535; border:solid 1px #d0d0d0; box-shadow:inset 1px 1px 1px #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e5e5e5+100 */
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #dddddd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9f9f9 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

/*___________ Comment Box CSS Here________*/

.job-comment-section { background:#e5e5e5; border:1px solid #d5d5d5; border-radius:5px; margin:0 0 15px; padding:10px 15px;}
.comment-show-toggle{ font-family:"Roboto",sans-serif; background:none; border:none; color:#4e499f; display:block; font-size:18px; font-weight:600; padding:3px 10px; text-align:center; margin:0 auto; float:none; cursor:pointer;}
.job-comment{ width:100%; padding:15px; border:solid 1px #d5d5d5; box-shadow:inset 2px 2px 2px rgba(0,0,0,0.20); border-radius:5px; margin-bottom:15px; margin-top:15px; font-size:16px; line-height:22px; color:#353535; height:150px; background:#fff;}
.job-comment-section .submit-btn{ text-align:center; cursor:pointer; padding:10px 45px; margin:12px 0 20px; border-radius:6px; float:left; font-size:18px; text-transform:uppercase; color:#fff; font-weight:600; border:solid 1px #5853aa;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */
}
.job-comment-section .submit-btn:focus{ color:#fff;}
.job-comment-section .submit-btn:hover{ color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5853aa+0,827de0+100 */
    background: #5853aa; /* Old browsers */
    background: -moz-linear-gradient(top, #5853aa 0%, #827de0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5853aa 0%,#827de0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5853aa 0%,#827de0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5853aa', endColorstr='#827de0',GradientType=0 ); /* IE6-9 */
}
.show-message{ font-family:"Roboto",sans-serif;border:solid 1px #d5d5d5;background:#fff;padding:15px;margin-top:15px;width:100%;box-sizing:border-box;border-radius:5px;}
.show-message p{ font-size:15px; font-weight:400; line-height:22px; padding:0; margin:0; color:#111111;}
.show-message a.by-user{ font-size:15px; color:#4e499f; text-decoration:none; font-weight:600; display:block; padding:15px 0 0; float:left;}
.show-message a.by-user span{ font-size:15px; color:#656565; text-decoration:none; font-weight:400; padding-left:6px;}
.show-message .edit-delete{ text-align:right;}
.show-message .edit-delete a{ font-size:14px; color:#656565; text-decoration:none; font-weight:500; display:inline-block; padding:15px 6px 0 0; text-align:left;}
.show-message .edit-delete a:hover{ color:#4e499f; text-decoration:none;}

.accept-winning-entry { padding-bottom:30px;}
.accept-winning-entry ul{ list-style:none; padding:0; margin:0 0 15px 0;}
.accept-winning-entry ul li{ font-size:16px; color:#4e499f; padding:10px 15px; border-bottom:solid 1px #eee; font-weight:500;}
.accept-winning-entry ul li a{ display:inline-block; font-size:16px; color:#4e499f; padding:10px 0; border-bottom:solid 1px #eee; font-weight:500;}
.accept-winning-entry ul li span{ float:right; font-size:15px; font-weight:400; color:#252525;}
.accept-winning-entry ul li:nth-child(2n+1){ background:#f0f0f0;}
.accept-winning-entry button { display:block; text-align:center; padding:12px 30px; margin:30px 0 0 0; clear:both; border-radius:4px; font-size:20px; text-transform:capitalize; font-weight:600; margin-bottom:4px; border:solid 1px #5853aa; color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */
}
.accept-winning-entry button:hover{ color:#353535; border:solid 1px #d0d0d0; box-shadow:inset 1px 1px 1px #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e5e5e5+100 */
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #dddddd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9f9f9 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}


.entry-view-modal .modal-dialog { width:1100px; max-width:100%;}
.entry-view-modal .modal-dialog .close{ z-index:99999; position:absolute; top:-10px; right:-10px; width:26px; height:26px; line-height:26px; box-shadow:0 0 5px #ccc; background:#fff; opacity:1; border-radius:50%;}
.entry-view-modal .modal-dialog .carousel-caption{ position:relative; text-shadow:none; z-index:999999; width:100%; max-width:100%; padding-bottom:0; left:0; right:0; padding-left:10px; padding-right:10px;}
.entry-view-modal .modal-dialog .carousel-caption .contest-rating .user-rating{ width:100%; max-width:300px; float:left; margin-top:10px;}
.entry-view-modal .modal-dialog .carousel-caption .contest-rating .user-rating .rating { width:100%; margin-top:0; margin-bottom:10px;}
.entry-view-modal .modal-dialog .carousel-caption p{ font-size:15px; font-weight:500; color:#151515; padding:0 0 0 15px; margin:0 0 5px 0;box-shadow:none; text-align:left;}
.entry-view-modal .modal-dialog .carousel-caption h3{ font-size:20px; font-weight:600; color:#4e499f; padding:15px 15px 12px; margin:0; box-shadow:none; text-align:left;}
.slider-contest-txt{ float:left; min-width:200px;}
.entry-view-modal .modal-dialog .carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.2) 100%);
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}
.entry-view-modal .modal-dialog .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}

.entry-view-modal .modal-dialog .glyphicon-chevron-right::before, .entry-view-modal .modal-dialog .glyphicon-chevron-left::before {
    color: #000;
}
.entry-view-modal .modal-dialog .carousel-control{ top:95px;}
.chooseawinner{ display:block; width:190px; float:right; margin:10px auto 0; text-align:center; padding:10px 0; border-radius:4px; font-size:20px; text-transform:capitalize; font-weight:600; border:solid 1px #5853aa; color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */ }

.chooseawinner:hover{ color:#353535; border:solid 1px #d0d0d0; box-shadow:inset 1px 1px 1px #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e5e5e5+100 */
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #dddddd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9f9f9 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */}

.contest-chat{ display:block; width:120px; float:right; margin:10px 15px 0 0; text-align:center; padding:10px 0; border-radius:4px; font-size:20px; text-transform:capitalize; font-weight:600; color:#454545; border:solid 1px #d0d0d0; box-shadow:inset 1px 1px 1px #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,e5e5e5+100 */
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #dddddd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9f9f9 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */}

.contest-chat:hover {border:solid 1px #5853aa; color:#fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#827de0+0,5853aa+100 */
    background: #827de0; /* Old browsers */
    background: -moz-linear-gradient(top, #827de0 0%, #5853aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #827de0 0%,#5853aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #827de0 0%,#5853aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827de0', endColorstr='#5853aa',GradientType=0 ); /* IE6-9 */ }


/*___________Mobile Responsive CSS Here________*/

@media (min-width:300px) and (max-width:767px) {
    .contest-page-section { padding-top:0;}
    .contest-section{ margin-left:-15px; margin-right:-15px;}
    .contest-budget{ width:100%; float:none; border-radius:5px 5px 0 0; font-weight:900; padding:20px 0;}
    .contest-budget span{ display:inline-block; padding-right:10px; font-size:22px; font-weight:500;}
    .budget-verified{ width:100%; border-radius:0 0 5px 5px; margin-bottom:6px;}
    .budget-verified img{ display:inline-block;}
    .budget-verified span{ display:inline-block; padding-right:8px;}
    .budget-not-verified{ width:100%; border-radius:0 0 5px 5px; margin-bottom:6px;}
    .budget-not-verified img{ display:inline-block; padding-right:8px;}
    .budget-not-verified span{ display:inline-block; padding-right:8px;}
    .total-entry{ width:49%; margin-right:1%; margin-top:6px; float:left; margin-left:0; padding:6px;}
    .contest-open{ width:49%; margin:6px 0 0 1%; line-height:22px; float:right;}
    .contest-on-job-btn{ width:100%; font-size:20px; line-height:19px; margin:6px 0 0 0;}
    .contest-open span{ font-size:12px;}
    .create-by-section p{ line-height:30px;}
    .user-rating { padding-top:10px;}
    .create-by-section{ padding-bottom:10px;}
    .contest-section > h2{ padding:20px 15px 20px; font-size:22px;}
    .skill-requared ul li{ margin:4px 4px 4px 0; padding:8px 18px;}
    .project-posted li{ width:auto; display:block; float:none; text-align:left; padding:3px 0;}
    .contest-details{ border:none;}
    .project-description p{ padding:10px 0;}
    .create-by-section .user-rating{ width:280px;}
    .user-rating .rating{ width:166px;}
    .description-entry-button{ float:none; width:260px; padding:0 0 10px 0; margin:0 0 0 15px; height:60px;}
    .contest-filter select{ width:100%;}
    .slider-contest-txt {
        float: none;
        min-width: 100%;
    }
    .entry-view-modal .modal-dialog .carousel-caption h3{ text-align:center;}
    .entry-view-modal .modal-dialog .carousel-caption p{ text-align:center;}
    .chooseawinner{ width:150px;  min-width:150px; font-size:15px;display:inline-block; float:none;}
    .contest-chat{ width:90px; min-width:90px; font-size:15px; margin-left:6px; display:inline-block; float:none;}
    .entry-view-modal .modal-dialog .carousel-control{ top:234px;}
}

/*___________Ipad Responsive CSS Here________*/

@media (min-width:768px) and (max-width:991px) {

    .contest-page-section { padding-top:0;}
    .contest-budget{ width:98px;}
    .total-entry{ width:112px; margin-left:8px;}
    .contest-open{ width:168px; margin-left:8px;}
    .contest-on-job-btn{ width:210px; margin-left:8px;}
    .contest-section > h2{ padding:25px 0;}
    .create-by-section .user-rating { width:100%;}
    .create-by-section .user-rating .rating { width:100%; margin:0;}
    .create-by-section p{ line-height:30px;}
    .description-entry-button {
        float: right;
        margin-top: 23px;
    }

}

/*___________Ipad Responsive CSS Here________*/

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

    .contest-page-section { padding-top:0;}
    .contest-budget{ width:98px;}
    .total-entry { margin-left:8px; width:118px;}
    .contest-open{ width:166px; margin-left:8px;}
    .contest-on-job-btn { font-size:21px; margin-left:8px; width:184px;}
    .contest-section > h2{ padding:25px 0;}
    .create-by-section .user-rating { width:100%;}
    .create-by-section .user-rating .rating { width:100%; margin:0;}
    .create-by-section p{ line-height:30px;}
    .description-entry-button { float:right; margin-top:22px;}

}