input[type=text],input[type=password],input[type=email],input[type=number] {

  width:100%;

  margin: 5px;

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 3px;

  font-size: 14px;

  font-weight: bold;

  color: #6e6e6e;

  font-family:Samim,sans-serif;

  transform: translateX(5px);



  -moz-transform: translateX(4px);

}

.br-error-place{

  width: 100%;

  background-color:#fbdfdf;

  border: 1px dashed #f9d2d2;

  color: #510505;

  margin: 0 auto;

  font-size: 14px;

  padding: 5px;

  display: none;

  padding-right: 20px;

  text-align: justify;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



select {



  width:100%;

  margin: 5px;

  padding: 11px;

  border: 1px solid #ccc;

  border-radius: 3px;

  font-size: 14px;

  font-weight: bold;

  color: #6e6e6e;

  font-family: Samim, sans-serif;

  transform: translateX(5px);



  -moz-transform: translateX(4px);

}

select option {

  direction: rtl;

  color: #6e6e6e;

  font-size: 14px;

  font-weight: bold;

  font-family: Samim,sans-serif;

}

.br-btn{display: block;text-align: center;text-decoration: none;}

input[type=submit],input[type=button],.br-btn

{

  cursor: pointer;

  width:100%;

  margin: 5px;

  padding: 12px;

  background-color: #00bfd6;

  color:#fff;

border:unset;

font-family:Samim,sans-serif;

  font-size: 16px;

  font-weight: bold;

  box-shadow:   inset 2px -1px 2px rgba(0,0,0,.2),inset 2px 1px 2px #04d9f1cc;

  border-radius: 3px;

  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);



}

input[type=email]{

  direction: ltr;

}

.br-table {

  font-family: Samim,sans-serif;

  font-size: 16px;

  margin: 5px 0;

  color:#6e6e6e;

  border-collapse: collapse;

  width: 100%;

}



.br-table td, .br-table th {

  border: 1px solid #ddd;

  padding: 8px;

  text-align: center;

}



.br-table tr:nth-child(even){background-color: #f2f2f2;}



.br-table tr:hover {cursor: default;background-color: #ddd;}



.br-table th {

  padding-top: 12px;

  padding-bottom: 12px;

  text-align: center;

  background-color: #3e6395;

color: #fff;

}

input[type=submit]:hover,input[type=button]:hover,.br-btn:hover

{

  background-color: #00d3eb;

}

input[type=submit]:focus,input[type=button]:focus

{

  outline: none !important

}

.br-green{

  background-color:#73c25b;box-shadow:   inset 2px -1px 2px rgba(0,0,0,.2),inset 2px 1px 2px #b2e8a1db;

}

.br-green:hover

{

  background-color: #98ce88;

}

.br-red{

  background-color: #c22e1b;box-shadow:   inset 2px -1px 2px rgba(0, 0, 0, 0.2),inset 2px 1px 2px rgba(233, 47, 28, 0.86);

}

.br-red:hover

{

  background-color: #e32b17;

}

.br-gray{

  background-color:#a1a1a1;box-shadow:   inset 2px -1px 2px rgba(0,0,0,.2),inset 2px 1px 2px #b8b8b8;

}

.br-gray:hover

{

  background-color: #787878;

}

::placeholder {

  font-family:Samim,sans-serif;

  color: #d4d4d4;

  opacity: 1; /* Firefox */

  text-align: right;

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

  font-family:Samim,sans-serif;

 color: #d4d4d4;

 text-align: right;

}



::-ms-input-placeholder { /* Microsoft Edge */

  font-family:Samim,sans-serif;;

 color: #d4d4d4;

 text-align: right;

}

label {

  font-family:Samim,sans-serif;

  margin: 5px;



  color: #6e6e6e;

  font-size: 14px;

  font-weight: bold;

}





@media screen and (min-width: 451px) /* for desktop */

{

  .br-form-placeholder {

    background-color: white;

    width: 420px;



    border: 1px solid #d6d6d6;



    margin: 0 auto;

    box-shadow: 0 0 5px 5px rgba(200, 200, 200, 0.1);



  }

}

@media screen and (max-width: 450px) and (min-width: 0px) /*for mobile*/

{

  body{background-color: #fff;}

  .br-form-placeholder {

    background-color: white;

    width: 90%;



    border: 1px solid #d6d6d6;



    margin: 0 auto;

    box-shadow: 0 0 5px 5px rgba(200, 200, 200, 0.1);



  }



}