.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{float:right !important;}
@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),
	url("../fonts/fontawesome-webfont.woff") format("woff"), 
	url("../fonts/fontawesome-webfont.ttf") format("truetype"), 
	url("../fonts/fontawesome-webfont.svg") format("svg");
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('../fonts/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
         url('../fonts/IRANSansWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{font-family: 'IRANSansWeb' !important;}

img {max-width:100%;}
ul{padding: 0; margin: 0;}

.bg-box-form{
  position: relative;
  background: url(../img/bg11.jpg); 
  background-size: cover; width: 100%;
  min-height: 100vh;
}
.box-form{
  background-color: rgba(0, 0, 0, 0.6); 
  padding: 5px 40px 30px; 
  position: fixed;
  top: 55%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.box-form h2{color: #fff; text-align: center; font-size: 17px; line-height: 2; padding-bottom: 30px;}
.col-25 {float: right; width: 21%; margin-top: 6px;}
.col-75 {float: right; width: 79%; margin-top: 6px;}
.box-form input[type=text]{width: 100%; /*text-align: left;*/ padding: 12px 12px 9px; border: 1px solid #fff;  background: none; box-sizing: border-box; resize: vertical; color:#fff;}
.box-form input#lastname, .box-form input#firstname{text-align: right;}
.box-form label {font-weight: normal; padding: 12px 12px 12px 0;  display: inline-block; color:#fff;}
.box-form input[type=submit]{background-color: #FF4A52; color: white; border:1px solid #FF4A52; padding: 12px 40px; cursor: pointer; float: right; margin-top: 20px;}
.box-form input[type=submit]:hover{background-color: #333;}
.box-form input[type=text]::-webkit-input-placeholder{color: #ccc;}
.box-form input[type=text]:-ms-input-placeholder{color: #ccc;}
.box-form input[type=text]::placeholder{color: #ccc;}

.bg-box-form .errore{padding-top: 75px;}
.bg-box-form .green{padding-top: 75px;}

/*********Login admin*******/
.bg-admin-box-form{
  color: #fff;
  position: relative;
  background: url(../img/bg12.jpg); 
  background-size: cover; 
  width: 100%;
  min-height: 100vh;
}
input{outline: none;}
.login-page-form{
  background-color: rgba(0, 0, 0, 0.4); 
  padding: 31px 40px 50px; width: 40%; 
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.login-page-form form{text-align: center;}
.login-page-form h3{padding-bottom: 20px; color:#fff;}
.wrapper .main h3{ text-align:right;}
.login-page-form input[type="text"], .login-page-form input[type="password"]{width: 100%; padding: 9px 12px; border: 1px solid #fff; background: none; box-sizing: border-box; resize: vertical; color: #fff;}
.login-page-form input[type="password"]{margin-top: 10px;}
.login-page-form .link{text-align: right; font-size: 13px; padding-top: 14px; color: #fff;}
.login-page-form .link a{ text-decoration:none; color:#ff1916;}
.login-page-form input[type=submit]{background-color: #FF4A52; color: white; border:1px solid #FF4A52; padding: 12px 40px; cursor: pointer; float: left; margin-top: 20px;}
.login-page-form input[type=submit]:hover{background-color: #333;}
.login-page-form input[type="checkbox"]{float: right; margin-top: 8px;}
.login-page-form .remem{float: right; margin-right: 10px; padding-top: 6px; color:#fff;}
.login-page-form .caplogin{margin: 0 0 0 58px; clear: both;}
.login-page-form .re-pr{ clear:both; padding-top: 13px;}
.login-page-form .re-pr p{ font-weight: 100;}

.errore{color:#ff1916; text-align:center; clear: both; padding-top: 100px;}
.green{color: #25ff25; text-align:center; clear: both; padding-top: 100px; margin-bottom: 0;}

/************* panel_admin *************/
a{text-decoration:none !important;}
.header_paneladmin{background:rgb(57,57,57); width:100%; height:42px; color: #fff; padding: 11px 9px 9px 30px; text-align:left; font-size: 13px;}
.header_paneladmin  span{margin-top: -2px; float: right; width: 112px; font-size: 16px;}
.header_paneladmin  span:before{padding-left:5px; vertical-align: middle; color:#c1c1c1; font-size:20px; font-family: "FontAwesome";}
.header_paneladmin  span:before{content: "\f015";}
.header_paneladmin a{ text-decoration:none; color:#fff; padding-right: 18px; padding-left: 22px;}
.header_paneladmin a:hover{color:#ccc;}
.header_paneladmin .viewsite{color:#fff; float: right; padding-right: 39px; font-size: 13px; padding-top: 2px;}

.right_paneladmin{background:rgb(57,57,57); width:20%; float:right; padding: 40px 14px; min-height: 107vh;}
.right_paneladmin a{color: #fff; display: block; padding-bottom: 5px; padding-top: 5px; padding: 5px 23px 5px 0px; font-size: 13px;}
.right_paneladmin a:hover{color:#ccc;}
.flip3:hover{color:#ddd;}
.flip3:before{content: "\f14b"; color: #c1c1c1; font-size:17px;  font-family: "FontAwesome"; padding-left: 7px; vertical-align: middle;}
.flip3{padding:10px; color: #c1c1c1; font-size:15px; margin-top: 14px; /*cursor:pointer;*/}
.panel3{color: #c1c1c1; padding-right: 15px;}

.left_paneladmin{background:#f5f5f5; width:80%; min-height: 93vh; float:left; padding: 12px;}
.left_paneladmin  center{margin-top: 50px;}
.left_paneladmin td{padding-bottom: 15px; padding-top: 15px;}
.left_paneladmin th{background: #999; color: #fff; border: 1px solid silver; text-align: center; padding-top: 12px; padding-bottom: 12px;}
.left_paneladmin .search-panel-admin{margin-top: 30px;}
.left_paneladmin .search-panel-admin input[type=text]{height:34px; border: 1px solid #ccc; border-radius: 4px;}
.left_paneladmin .errore-admin{color: #ff1916; clear: both; padding-top: 40px;}


/*** page generate-code ***/
.left_paneladmin .generate-code-form{background-color: rgba(0, 0, 0, 0.6); padding: 31px 40px 50px; width: 70%; margin: 50px auto 0;}
.left_paneladmin .generate-code-form h2{color: #fff; text-align: center; font-size: 17px; line-height: 2; padding-bottom: 30px;}
.left_paneladmin .generate-code-form input[type=text]{width: 100%; padding: 12px 12px 9px; border: 1px solid #fff;  background: none; box-sizing: border-box; resize: vertical; color:#fff;}
.left_paneladmin .generate-code-form input#catname{text-align: right;}
.left_paneladmin .generate-code-form input#tedad{text-align: left;}

.left_paneladmin .generate-code-form select#bd-month-datepicker{height:auto; color:#333;}
.left_paneladmin .generate-code-form select#bd-year-datepicker{height:auto; color:#333;}

.left_paneladmin .generate-code-form #bd-main-datepicker table td{padding-bottom: 0; padding-top: 0;}
.left_paneladmin .generate-code-form #bd-root-datepicker:before{content: ""; background: url(../img/calender.png); width: 23px; height: 23px; position: absolute; left: 6px; top: 11px;}
.left_paneladmin .generate-code-form select{height: 43px; width: 100%; border: 1px solid #fff; background: none; box-sizing: border-box; resize: vertical; color:#ccc;}
.left_paneladmin .generate-code-form select option:first-child{color: #333;}
.left_paneladmin .generate-code-form select option:not(:checked){color: #333;}
.left_paneladmin .generate-code-form label {font-weight: normal; padding: 12px 12px 12px 0;  display: inline-block; color:#fff;}
.left_paneladmin .generate-code-form input[type=submit]{background-color: #FF4A52; color: white; border:1px solid #FF4A52; padding: 12px 40px; cursor: pointer; float: right; margin-top: 20px;}
.left_paneladmin .generate-code-form input[type=submit]:hover{background-color: #333;}
.left_paneladmin .generate-code-form input[type=text]::-webkit-input-placeholder{color: #ccc;}
.left_paneladmin .generate-code-form input[type=text]:-ms-input-placeholder{color: #ccc;}
.left_paneladmin .generate-code-form input[type=text]::placeholder{color: #ccc;}
.left_paneladmin .generate-code-green{color: #2eb92e; clear: both; padding-top: 10px;}


/**************** page export_excel ***************/
.left_paneladmin .export-excel-form{background-color: rgba(0, 0, 0, 0.6); padding: 31px 40px 50px; width: 70%; margin: 50px auto 0;}
.left_paneladmin .export-excel-form h2{color: #fff; text-align: center; font-size: 17px; line-height: 2; padding-bottom: 30px;}
.left_paneladmin .export-excel-form input[type=text]{width: 100%; padding: 12px 12px 9px; border: 1px solid #fff;  background: none; box-sizing: border-box; resize: vertical; color:#fff;}
.left_paneladmin .export-excel-form input#catname{text-align: right;}
.left_paneladmin .export-excel-form input#tedad{text-align: left;}
.left_paneladmin .export-excel-form select{height: 43px; width: 100%; border: 1px solid #fff; background: none; box-sizing: border-box; resize: vertical; color:#fff;}
.left_paneladmin .export-excel-form select option:first-child{color: #333;}
.left_paneladmin .export-excel-form select option:not(:checked){color: #333;}
.left_paneladmin .export-excel-form input#lastname{text-align: right;}
.left_paneladmin .export-excel-form label {font-weight: normal; padding: 12px 12px 12px 0;  display: inline-block; color:#fff;}
.left_paneladmin .export-excel-form input[type=submit]{background-color: #FF4A52; color: white; border:1px solid #FF4A52; padding: 12px 40px; cursor: pointer; float: right; margin-top: 20px;}
.left_paneladmin .export-excel-form input[type=submit]:hover{background-color: #333;}
.left_paneladmin .export-excel-form input[type=text]::-webkit-input-placeholder{color: #ccc;}
.left_paneladmin .export-excel-form input[type=text]:-ms-input-placeholder{color: #ccc;}
.left_paneladmin .export-excel-form input[type=text]::placeholder{color: #ccc;}
.left_paneladmin .export-excel-form{color: #2eb92e; clear: both; padding-top: 10px;}
.left_paneladmin .export-excel-form #bd-main-datepicker table td{padding-bottom: 0; padding-top: 0;}
.left_paneladmin .export-excel-form #bd-root-datepicker:before{content: ""; background: url(../img/calender.png); width: 23px; height: 23px; position: absolute; left: 6px; top: 11px;}
.left_paneladmin .export-excel-form select#bd-month-datepicker{height:auto; color:#333;}
.left_paneladmin .export-excel-form select#bd-year-datepicker{height:auto; color:#333;}



.center{text-align: center;}
.display-none{display: none;}


/*responsive*/
@media (max-width: 767px) {
  .box-form{width: 90%;} 
  .login-page-form{width: 90% !important;}
  .col-25{width: 100% !important; margin-top: 0;}
  .col-75{width: 100% !important; margin-top: 0;}
  .left_paneladmin .generate-code-form{width: 100%;}
}