/*********************************************************************************

	Template Name: Azan - Islamic HTML Template  
	Template URI: https://themeforest.net/user/hastech
	Description: Azan is a beautiful and creative islamic  html template
	Author: HasTech
	Author URI: https://themeforest.net/user/hastech
	Version: 1.1

	Note: This is main css. All plugins css files import here.

**********************************************************************************/
.error {
    color: red !important;
}
input.error,
select.error,
input[type="checkbox"].error,
input[type="radio"].error {
    border: 1px solid #ff0000 !important;
}
.form-block {
    border: 1.3px solid #38bbe3;
    position: relative;
    top: -28px;
    padding: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.sub-title {
    text-align: center;
    margin: 0 0 2px 50px;
    font-size: 13px;
    z-index: 1;
    position: relative;
    background: #fff;
    width: 32%;
    border-radius: 2px;
    border: 1.3px solid #38bbe3;
    color: #575757;
    font-weight: 600;
    padding: 8px 8px;
}
.help-block {
    color: red;
    margin-left: 18%;
}
#company_type {
    display: block;
}

.top-stat-box {
    float: left;
    /* min-width: 82px;*/
    min-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 15px;
    background-color: #69aa44;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.top-stat-box h1 {
    font-size: 14px;
    margin: 8px 0px 7px 0px;
}
.top-stat-text {
    float: left;
    margin: 4px 0px 0px 5px;
    font-size: 14px;
}
.widgets:not(.footer--widgets) .single-widget {
    padding-top: 0 !important;
}
.comp-name-text {
    color: #3f9f3f;
    font-weight: bold;
    /*margin: 10px 0px 0px 10px;*/
}
.job-title-text a {
    text-decoration: none;
    outline: none;
    /* color: #666;*/
}
/*  .job-title-text a:hover {
      text-decoration: underline;

  }*/
.dead-text {
    float: right;
}
.user-selected {
    border: outset;
    color: #000 !important;
    background-color: #c2c2c2;
    padding-left: 10px;
}
.user-selected:before {
    content: "\2713";
    color: green;
    font-size: 16px;
}
.block ul li a:hover {
    text-decoration: underline;
}

/*body {

     background: #f3e2c7;
     background: -moz-linear-gradient(top, #f3e2c7 0%, #c19e67 50%, #b68d4c 100%, #e9d4b3 100%, #b68d4c 100%);
     background: -webkit-linear-gradient(top, #f3e2c7 0%,#c19e67 50%,#b68d4c 100%,#e9d4b3 100%,#b68d4c 100%);
     background: linear-gradient(to bottom, #f3e2c7 0%,#c19e67 50%,#b68d4c 100%,#e9d4b3 100%,#b68d4c 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#b68d4c',GradientType=0 );


    background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 );


    background: rgb(197, 222, 234); /!* Old browsers *!/
    background: -moz-linear-gradient(top, rgba(197, 222, 234, 1) 0%, rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100%); /!* FF3.6-15 *!/
    background: -webkit-linear-gradient(top, rgba(197, 222, 234, 1) 0%, rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100%); /!* Chrome10-25,Safari5.1-6 *!/
    background: linear-gradient(to bottom, rgba(197, 222, 234, 1) 0%, rgba(138, 187, 215, 1) 31%, rgba(6, 109, 171, 1) 100%); /!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c5deea', endColorstr='#066dab', GradientType=0); /!* IE6-9 *!/
}*/

/*.wrapper {
	margin-top: 100px;
	margin-bottom: 20px;
}*/

.form-signin {
    padding: 5px 20px 20px;
    margin: 0 auto;
    background-color: #3dc1e7;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.form-signin:hover {
    box-shadow: 2px 6px 50px #9cc6dd;
    transition: all 0.3s ease;
}

.form-signin-heading {
    text-align: center;
    margin-bottom: 30px;
}

.form-signin-heading img {
    border-radius: 5px;
}

/*.form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
}*/

/*input[type="text"] {
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

input[type="password"] {
    margin-bottom: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}*/

.colorgraph {
    height: 7px;
    border-top: 0;
    background: #c4e17f;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(
        left,
        #c4e17f,
        #c4e17f 12.5%,
        #f7fdca 12.5%,
        #f7fdca 25%,
        #fecf71 25%,
        #fecf71 37.5%,
        #f0776c 37.5%,
        #f0776c 50%,
        #db9dbe 50%,
        #db9dbe 62.5%,
        #c49cde 62.5%,
        #c49cde 75%,
        #669ae1 75%,
        #669ae1 87.5%,
        #62c2e4 87.5%,
        #62c2e4
    );
    background-image: -moz-linear-gradient(
        left,
        #c4e17f,
        #c4e17f 12.5%,
        #f7fdca 12.5%,
        #f7fdca 25%,
        #fecf71 25%,
        #fecf71 37.5%,
        #f0776c 37.5%,
        #f0776c 50%,
        #db9dbe 50%,
        #db9dbe 62.5%,
        #c49cde 62.5%,
        #c49cde 75%,
        #669ae1 75%,
        #669ae1 87.5%,
        #62c2e4 87.5%,
        #62c2e4
    );
    background-image: -o-linear-gradient(
        left,
        #c4e17f,
        #c4e17f 12.5%,
        #f7fdca 12.5%,
        #f7fdca 25%,
        #fecf71 25%,
        #fecf71 37.5%,
        #f0776c 37.5%,
        #f0776c 50%,
        #db9dbe 50%,
        #db9dbe 62.5%,
        #c49cde 62.5%,
        #c49cde 75%,
        #669ae1 75%,
        #669ae1 87.5%,
        #62c2e4 87.5%,
        #62c2e4
    );
    background-image: linear-gradient(
        to right,
        #c4e17f,
        #c4e17f 12.5%,
        #f7fdca 12.5%,
        #f7fdca 25%,
        #fecf71 25%,
        #fecf71 37.5%,
        #f0776c 37.5%,
        #f0776c 50%,
        #db9dbe 50%,
        #db9dbe 62.5%,
        #c49cde 62.5%,
        #c49cde 75%,
        #669ae1 75%,
        #669ae1 87.5%,
        #62c2e4 87.5%,
        #62c2e4
    );
}
.ads-content {
    color: #000;
    /*padding: 5px 50px 0 50px;*/
}
#candidate {
    padding: 15px 50px 15px 50px;
    background-color: antiquewhite;
    border-bottom: 1px solid;
}
#company {
    padding: 15px 50px 15px 50px;
    background-color: azure;
    border-bottom: 1px solid;
}
#public {
    padding: 15px 50px 15px 50px;
    background-color: bisque;
    border-bottom: 1px solid;
}
#public ul,
#candidate ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
}
#public ul li,
#candidate ul li {
    padding-left: 16px;
}
#public ul li:before,
#candidate ul li:before {
    content: "\2713"; /* Insert content that looks like bullets */
    /*padding-right: 8px;*/
    color: green; /* Or a color you prefer */
}
.box {
    margin: 20px auto;
    border: 1px solid #009047;
    padding: 12px;
}