.has-error

{

border-color:red;

}

.has-success

{

	border-clor:green;

}

#footer

{

	margin-top: 13%;

}

.login-form

{

	margin-top: 5%;

}

.orange

{

	color: #ff9600;

}

.border-orange

{

	border-color: #ff9600;

}



*

{

	font-family: url('../fonts/NRT-Font-Kurdish.ttf');

}

.hover-top-border:hover

{

    border-top: solid 3px #0080c5;

    color : #0080c5;

}

.oi:hover

{

	color:#ff9600;

}

.no-padding

{

    padding: 0

}

.badge

{

	padding: 5px;

}

.error-404

{

	margin-top: 15%;

}

.gallery

{

    display: inline-block;

    margin-top: 20px;

}

.btn-arrow-right,

.btn-arrow-left {

    position: relative;

    padding-left: 18px;

    padding-right: 18px;

    border :solid white 2px;

    max-width: 380px;





}

.btn-arrow-right {

    padding-left: 36px;

}

.btn-arrow-left {

    padding-right: 36px;

}

.btn-arrow-right:before,

.btn-arrow-right:after,

.btn-arrow-left:before,

.btn-arrow-left:after { /* make two squares (before and after), looking similar to the button */

    content:"";

    position: absolute;

    top: 5px; /* move it down because of rounded corners */

    width: 22px; /* same as height */

    height: 22px; /* button_outer_height / sqrt(2) */

    background: inherit; /* use parent background */

    border: inherit; /* use parent border */

    border-left-color: transparent; /* hide left border */

    border-bottom-color: transparent; /* hide bottom border */

    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */

    -webkit-border-radius: 0px 4px 0px 0px;

    -moz-border-radius: 0px 4px 0px 0px;

}

.btn-arrow-right:before,

.btn-arrow-right:after {

    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

}

.btn-arrow-left:before,

.btn-arrow-left:after {

    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */

    -webkit-transform: rotate(225deg);

    -moz-transform: rotate(225deg);

    -o-transform: rotate(225deg);

    -ms-transform: rotate(225deg);

}

.btn-arrow-right:before,

.btn-arrow-left:before { /* align the "before" square to the left */

    left: -11px;

}

.btn-arrow-right:after,

.btn-arrow-left:after { /* align the "after" square to the right */

    right: -11px;

}

.btn-arrow-right:after,

.btn-arrow-left:before { /* bring arrow pointers to front */

    z-index: 1;

}

.btn-arrow-right:before,

.btn-arrow-left:after { /* hide arrow tails background */

    background-color: white;

}

.nav-link
{
    color : white;
}

.client_button 
{
    align-self: center;
 
    padding: 3px;
    border-radius: 10px;
    text-shadow: 
        0 0 1px currentColor, 
        0 0 2px dimgrey;
    cursor: pointer;
}
.gold_button
{

    box-shadow: inset 0 0 0 0 #eedc00;
    background: 
        conic-gradient(
              #edc800, #e3b600, #f3cf00, #ffe800, 
              #ffe900, #ffeb00, #ffe000, #ebc500, 
              #e0b100, #f1cc00, #fcdc00, #ffe500, 
              #fad900, #eec200, #e7b900, #f7d300, 
              #ffe800, #ffe300, #f5d100, #e6b900, 
              #e3b600, #f4d000, #ffe400, #ebc600, 
              #e3b600, #f6d500, #ffe900, #ffe90a, 
              #edc800) content-box, 
        linear-gradient(#f6d600, #f6d600) 
         padding-box, 0;
}
    
.silver_button
{
    box-shadow: inset 0 0 0 0 #c9c9c9;
    background: 
        conic-gradient(
              #d7d7d7, #c3c3c3, #cccccc, #c6c6c6, 
              #d3d3d3, #d8d8d8, #d5d5d5, #d8d8d8, 
              #d3d3d3, #c5c5c5, #c0c0c0, #bfbfbf, 
              #d0d0d0, #d9d9d9, #d1d1d1, #c5c5c5, 
              #c8c8c8, #d7d7d7, #d5d5d5, #cdcdcd, 
              #c4c4c4, #d9d9d9, #cecece, #c5c5c5, 
              #c5c5c5, #cdcdcd, #d8d8d8, #d9d9d9, 
              #d7d7d7) content-box, 
        linear-gradient(#d4d4d4, #d4d4d4) 
          padding-box, 0;
}