@font-face
{
    font-family: DINNextLTArabic-Light;
    src: url('../fonts/DINNextLTArabic-Light.ttf'), url('../fonts/DINNextLTArabic-Light.eot'); /* IE9+ */
} 

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color:#525252;
    background-image:url(../images/BG-Image.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    font-family: DINNextLTArabic-Light;   
    background-size:cover;
}
body a {transition:all .3s;}
   
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    background-image: url("../images/Upper-Paper.png"), url("../images/Leftside-Paper.png");
    background-position: right top 123px, left -4px top 118px;
    background-repeat: no-repeat, no-repeat;
    padding-left: 15px !important;
    padding-right: 15px;
    max-width: 955px;
    margin-top:30px!important;
}
.container{max-width:955px;}

.container .jumbotron {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px;
    margin-top: 137px;
    min-height:600px;
    background-color:#fff;
    direction:rtl;

}

.form-control {
    border: none;
    border-radius: 0;
}
.form-control:hover, .form-control:focus {    
    border: none;
    border-radius: 0;
    box-shadow:none;
}

.navbar-brand {
    float: none;
    margin-top: -38px!important;
}
.stpes{
    color:#d9d9d9;
    text-align:center;
    font-size:40pt;
    background-image:url(../images/Menu-Sep.png);
    background-position:right top 40px;
    background-repeat:no-repeat;
    padding-top:20px;
    min-height:75px;
    cursor:pointer;
}
.stpes:last-child{ background-image:none;}
.stpes span{
    font-size:11pt;
    display:block;
    margin-top:-26px;
    color:#868686;
}

.active {
    color: #b41515;
    background-image: url(../images/Menu-Sep.png), url(../images/Red-Block.png), url(../images/Arrow.png) !important;
    background-position: right top 40px, top center, bottom center !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    transition:all .6s;
}
.active span{
    color:#292929;
}

.navbar-inverse {
    background-color: rgba(0,0,0,0.85);
}
.break {
    height:30px;
    width:100%;
    display:block;
}

.actionbox
{
    border:1px solid #d9d6d6;
    padding:6px;
}
    .actionbox h2 {
        font-size: 25pt;
        color: #292929;
        padding: 0;
        margin: 0;
        vertical-align:top;
        font-weight:normal;
    }
    .actionbox input[type=button], .actionbox a {
        
        border:1px solid #292929;
        padding:2px 20px;
        float:left;
        margin-left:5px;
        font-size:12pt;
        transition:all .5s;

        color:#fff;
        background-color:#292929;


    }
    .actionbox input[type=button]:hover, .actionbox a:hover
    {
        background-color:transparent;
        color:#292929;
    }


    .save
{
    color: #fff;
    border: 1px solid #292929!important;
    background-color: #292929!important;
    padding: 2px 20px;
    float: right;
    margin-left: 5px;
    font-size: 12pt;
    transition: all .5s;
}
    .save:hover {
        color: #292929!important;
        background-color: transparent!important;
        text-decoration:none;
    }


.saveandcontinue
{
    color: #fff;
    border: 1px solid #b41515!important;
    background-color: #b41515!important;
    padding: 2px 20px;
    float: right;
    margin-left: 5px;
    font-size: 12pt;
    transition: all .5s;
}
    .saveandcontinue:hover {
        color: #b41515!important;
        background-color: transparent!important;
        text-decoration:none;
    }

.divMessages
{
    padding:10px;
    color:#d9d9d9;
}

.uploadimage
{
    border:2px solid #d9d9d9;
    text-align:center;
    margin-right:40px;
    height:350px;
    width:250px;
}
    .uploadimage img {
        width: 96%;
        margin: 0 auto;
        height: 250px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

.navbar {
padding:20px;
}

.select2-container .select2-choice .select2-arrow {
    left: 0 !important;
}


.navbar-header {
float:right;
margin-top:-38px;
}

.navbar-left {
float:left;
}

.form {
    vertical-align: bottom;
}
    .form .title {
        background-image: url("../images/Bullet.png");
        background-position: right 6px bottom 10px;
        background-repeat: no-repeat;
        font-size: 10pt;
        font-weight: 700;
        padding-top: 10px;
        vertical-align: middle;
    }
    .form div input[type=text], .form div select, .form div input[type=email], .form div input[type=number], .form div input[type=password], textarea {
        background-color: #ececec;
        border: none;
        height: 40px;
        width: 89%;
        padding: 9px;
        font-size: 12pt;
        margin-bottom:10px;
        padding-right:10px;
    }

    .form div select {
        background-image: url(../images/Dropdown-Icon.png);
        background-repeat: no-repeat;
        background-position: right center;
    }
    .form div input[type=number] {
        width: 35%;
        padding: 4px;
        padding-right: 10px;
    }

    .formseparator
    {
        padding:0!important;
        margin-top:5px;
        height:20px;
        border-top:1px solid #d9d9d9;
    }

    .DateofBirth{
        width:80px!important;
    }
label {
    font-size: 10pt;
    font-weight: normal;
    margin-left:10px;
}
.separator {
    margin: 13px 45px 0 auto;
    width: 92%;
    padding-top: 10px;
}

 .show{width:100%;padding:0;margin:0;vertical-align:middle;margin-top:-30px;}
    .show div {
        vertical-align:middle;
        width:31.667%;
        display:inline-block;
        padding:0;
        font-size:26pt;
    }
    .show div span {
        display:none;
    }

.Tab {
    display: block;
}

.PC {
        display: none;
    }


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {

    .Tab {
        display: none;
    }

    .PC {
        display: block;
    }

    textarea {
        width: 667px !important;
    }

    .show div {
        font-size: 40pt;
    }

    .stpes {
        min-height: 155px !important;
    }

    .jumbotron {
        margin-top: 60px;
    }

    .body-content {
        padding: 0;
    }

    .margin {
        margin-right: 10px;
    }

    .hiddin {
        display: none !important;
    }

    .show {
        display: block !important;
    }

    .noPadding {
        padding: 0 !important;
    }

    .Paddingright3 {
        padding-right: 3px !important;
    }

    .show div span {
        display: block;
    }

    .show div {
        width: 19.6667%;
    }


    .cvStatus {
        top: -40px !important;
    }
}



.noPadding {
        padding: 0 !important;
    }

.noBorder
{
    border:none;
}
.divradio {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}



input[type=checkbox]:not(old),
input[type=radio ]:not(old) {
    width: 1em;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: all .5s;
}

    input[type=checkbox]:not(old) + label,
    input[type=radio ]:not(old) + label {
        display: inline-block;
        margin-right: -2em;
        line-height: 1.5em;
        transition: all .5s;
    }

    input[type=checkbox]:not(old) + label > span,
    input[type=radio ]:not(old) + label > span {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0.25em 0.5em 0.25em 0.25em;
        border: 1px solid #292929;
        border-radius: 50%;
        vertical-align: bottom;
        transition: all .5s;
    }

    input[type=checkbox]:not(old):checked + label > span,
    input[type=radio ]:not(old):checked + label > span {
        background-color: #292929;
        border-color: #fff;
        padding: 2px;
        transition: all .5s;
    }

     input[type=checkbox]:not(old):checked:hover + label > span,
    input[type=radio ]:not(old):checked:hover + label > span {
        background-color: #292929;
        border-color: #fff;
        padding: 2px;
        transition: all .5s;
    }

     input[type=checkbox]:not(old):hover + label > span,
    input[type=radio ]:not(old):hover + label > span {
        background-color: rgba(41, 41, 41,.7);
        border-color: #fff;
        padding: 2px;
        transition: all .5s;
    }

    input[type=checkbox]:not(old):checked + label > span:before {
        content: '✓';
        display: block;
        width: 0;
        color: rgb(153,204,102);
        font-size: 0.875em;
        line-height: 1em;
        text-align: center;
        text-shadow: 0 0 0.0714em rgb(115,153,77);
        font-weight: bold;
        transition: all .5s;
    }

    input[type=radio]:not(old):checked + label > span > span {
        padding: 2px;
        transition: all .5s;
    }



 .browse{
        color: #fff;
        background-color: #b41515;
        border: 1px solid #b41515;
        padding: 2px 20px;
        font-size: 12pt;
        transition: all .5s;
    }

    .browse:hover {
        color:#b41515;
        background-color:#fff;
        border:1px solid #b41515;
    }



     .upload{
        color: #fff;
        background-color: #292929;
        border: 1px solid #292929;
        padding: 2px 20px;
        font-size: 12pt;
        transition: all .5s;
    }

    .upload:hover {
        color:#292929;
        background-color:#fff;
        border:1px solid #292929;
    }

.error {
    color:#b41515;
}
.noborder{border:none;}
.fullwidth{width:95%;margin:0 auto;}
.fullwidth-select{width:90%!important;}
.required-field{background-color:rgba(180, 21, 21,.5)!important;color:#fff!important;}
.success-field {background-color: rgba(138, 189, 95,.5) !important;}
.data .img {}
legend
{
    width:auto!important;
    margin:0 auto!important;
    padding-left:15px!important;
    padding-right:15px!important;
}

.cvStatus
{
    color:#fff;
    font-size:11.5pt;
    font-weight:500;
    position:relative;
    top:0px;
}
    .cvStatus span
    {
        color:#ffd800;
    }

.cvnav
{
    position:relative;
    top:16px;
    font-size:11pt;
}

.nav > li > a
{
    padding:11px 13px!important;
}

.table
{
    width:95%;
    border:none;
}


.table tr th
{
    font-size:10pt;
    font-weight:bold;
    color:#b41515;
    text-align:right;
}

    .table tr td
    {
        font-size: 10pt;
    }

    
    .table tr td a
    {
        cursor:pointer;
    }



footer *
{
    color: #fff;
    text-decoration: none;
    transition: all .7s;
}
footer a:hover
{
    opacity: .8;
    color: #fff;
}


.textMulti, textarea{
    border:none;
    font-size:11pt;
    font-weight:normal;
    background-color:#ececec;
    padding:5px;
    width:100%;
}

.multi {
background-color:#ececec;
}




.btnADD {
    border: 1px solid #292929;
    font-size: 10pt;
    color: #fff;
    background-color: #292929;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    margin-left: 30px;
}

    .btnADD:hover {
        background-color: transparent;
        color: #292929;
    }


.divMessage {
    color: #b41515;
    padding: 15px;
    font-size:13pt;
    font-weight:700;
    border:2px solid rgba(180, 21, 21,.5);
    margin-bottom:10px;
    text-align:right;
    direction:ltr;
}