@font-face{font-family:BNAZANIN;font-weight:normal;font-style:normal;src:url("fonts/IRLotus.eot");src:url("fonts/IRLotus?#iefix") format("embedded-opentype"),url("fonts/IRLotus.woff") format("woff"),url("fonts/IRLotus.ttf") format("truetype"),url("fonts/IRLotus.svg#IRLotus") format("svg")}
@font-face{font-family:ENTEZAR;font-weight:normal;font-style:normal;src:url("fonts/IREntezar.eot");src:url("fonts/IREntezar?#iefix") format("embedded-opentype"),url("fonts/IREntezar.woff") format("woff"),url("fonts/IREntezar.ttf") format("truetype"),url("fonts/IREntezar.svg#IREntezar") format("svg")}
body {padding:0;margin: 0;background-color:#49647e;font-family:BNAZANIN;}

/* Config -------------------------------------------------------------------------------*/
*{outline:none !important}
.siteIco{display:inline-block;background:url('Images/shayganMainImg.png') no-repeat;}
a,a:hover,a:visited,a:active{text-decoration:none !important}
li{list-style:none;display:inline-block}
ul,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}
.clear{clear:both;border:none !important;display:block}
.hideElem{display:none}
input[type=button]{cursor:pointer}
input[type=button]:active{position:relative;top:2px}
::-webkit-input-placeholder {color:#000;}
:-moz-placeholder {color:#000;}
::-moz-placeholder {color:#000;}
:-ms-input-placeholder {color:#000}
.hvr {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden;}
.hvr:before {content: "";position: absolute;z-index: -1;left: 50%;right: 50%;top: 0;background: #56ccc8;height: 4px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr:hover:before, .hvr:focus:before, .hvr:active:before {left: 0;right: 0;}
.hvr:hover span{transition: all 0.3s ease}
.hvr:hover span{color:#56ccc8}
.loginTxt{text-align:right;direction:rtl;font-size:1.3em;padding:0 5px 0 0;width:100%;height:40px;border:1px solid #adadad;border-left:none;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.loginTxt:focus{border-color: #6cc;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 204, 204, 0.6) !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 204, 204, 0.6) !important;}
.grayTxt{font-size:1.3em;text-align:right;direction:ltr;width:100%;padding:0 10px 0 0;border:1px solid #6e6e6e;min-height:37px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.grayTxt:focus,#searchType:hover{border-color: #888;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137, 133, 133, 0.6) !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(137, 133, 133, 0.6) !important;}
.greenBtn{color:#fff;float:left;background-color:#009933;min-width:54px;height:36px;border:none;font-size:1.4em}
.greenBtn:hover{background-color:#06b640;}
.greenBtn:active{background-color:#078e34;}
.pinkBtn{color:#fff;float:left;background-color:#ff6666;min-width:54px;height:36px;border:none;font-size:1.4em;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.pinkBtn:hover{background-color:#fa8383;}
.pinkBtn:active{background-color:#f24343;}
.blueBtn{color:#fff;float:left;background-color:#235288;min-width:85px;height:36px;border:none;font-size:1.4em;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.blueBtn:hover{background-color:#436fa1;}
.blueBtn:active{background-color:#1c4574;}
.orangeBtn{color:#fff;float:left;background-color:#ff8b56;min-width:85px;height:36px;border:none;font-size:1.4em;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.orangeBtn:hover{background-color:#faa27a;}
.orangeBtn:active{background-color:#e67c4b;}
.whiteBtn{color:#009999;float:left;background-color:#fff;border:1px solid #666 !important;min-width:85px;height:36px;border:none;font-size:1.4em;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.whiteBtn:hover{border-color:#009999 !important;color:#666}
.whiteBtn:active{background-color:#eaeaea;border-color:#009999;color:#666}
.tooltip-inner{font:normal 1.2em BNAZANIN}
.grayHover,.blueHover,.greenBtn{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.grayHover:hover{text-shadow:0 0 1px #666}
.blueHover:hover{text-shadow:0 0 1px #06c}
.select{-webkit-appearance: none;-moz-appearance: none;color:#000;cursor:pointer;background:#fff url('/addons/shared_addons/themes/ayasoft/img/selectArrow.png') 10px 12px no-repeat;direction: rtl;}
::-ms-expand{display:none}
.greenBg{background-color:#009933;padding:3px;display:inline-block;color:#fff;}

/*Modal*/

.modal-header{padding:5px 25px;background-color:#888;border-top-left-radius:5px;border-top-right-radius:5px;}
.modal-title{color:#fff;text-align:center;font-family:ENTEZAR}
.modal-header .close{opacity:1;margin:3px 0 0 0}
.modal-header .close span{display:inline-block;color:#ff6666;margin:0 0 0 5px;border:3px solid #ff6666;border-radius:100%;text-shadow:0 0;font-size:0.7em;padding:0 2px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.modal-header .close:hover span{color:#f69e9e !important;border-color:#f7a9a9;}
.modal-body{background-color:#ececec}

/* END Config ----------------------------------------------------------------------------*/

/* Profile ------------------------------------------------------------------------------*/

/*Header*/

div.siteHeader{margin:15px 0}
div.headerHolder{background-color:#fff}


/*Login*/

div.siteLogin{background-color:#66cccc;min-height:61px;direction:rtl;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
div.siteLogin:hover{background-color:#93d7d7}
div.siteLogin > a{font:normal 1.7em BNAZANIN,FontAwesome;color:#fff;margin:10px 20px 0 0;display:inline-block}
div.siteLogin > a span{color:#999;vertical-align:sub;margin:0 0 0 10px}

/*Menu*/

div.siteTopMenu{text-align:left;padding-left:0}
div.siteTopMenu ul{min-height:60px;direction:ltr;float:left}
div.siteTopMenu ul li{border-left:1px solid #dde2e4;padding:14px 24px;float:right;cursor:pointer}
div.siteTopMenu ul li:first-child{border-right:1px solid #dde2e4 !important}
div.siteTopMenu ul li span{color:#999;font-size:2em}


/*AboutModal*/

#aboutModal .modal-dialog{width:333px}
#aboutModal .modal-content{height:323px;background-color:#ececec}

div.aboutData{text-align:right;padding:0px 40px 0 0;}
div.aboutData h5{color:#6cc;font-size:1.3em;font-family:BNAZANIN,FontAwesome;display:block;direction:rtl;}
div.aboutData h5:before{color:#676767;margin:0 0 0 5px;vertical-align:sub;display:inline-block;font-weight:bold}
div.aboutData span{display:inline-block;margin:20px 0 25px 0;color:#646464;font-size:1.2em}


/*RightSide*/

div.rightSide{background-color:#fff;text-align:center;padding:0;}


/*siteRightMenu*/

div.siteRightMenu ul li{display:block;direction:rtl;border-bottom:1px solid #56cdc9}
div.siteRightMenu ul li a{color:#646464;font:bold 1.5em FontAwesome,BNAZANIN;min-height:53px;text-align:right;width:100%;height:100%;display:block;padding:10px 0}
div.siteRightMenu ul li a:hover{background-color:#65cccb;color:#fff;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
div.siteRightMenu ul li.active{position:relative}
div.siteRightMenu ul li.active a{background-color:#65cccb;color:#fff;width:106%}
div.siteRightMenu ul li.active a i{color:#000}
div.siteRightMenu ul li.active span#leftTriangle{position: absolute;left: -25px;z-index: 9;top: 8px;width: 0;height: 0;border-top: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid #65CCCB; border-bottom: 20px solid rgba(0, 0, 0, 0);}
div.siteRightMenu ul li a:hover i{color:#030000}
div.siteRightMenu ul li a i{color:#989898;margin:0 30px 0 30px;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
div.siteRightMenu ul li a.off {text-align:right;width:130%;padding-right:15px}
div.siteRightMenu ul li:not(.active) a.off:hover{width:100%;transition:none !important}
div.siteRightMenu ul li a.off+span#leftTriangle{top:23px;display:inline-block !important}
div.siteRightMenu ul li a.off i{margin:20px 0 0 0;display:inline-block}

/*Sidr*/

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:210px;overflow-x:none;overflow-y:auto;background-color:#fff}
.sidr.right{left:auto;right:-293px}
.sidr.left{left:-180px;right:auto}
.sidr .sidr-inner{padding:0 0 15px;text-align:center}
#sidr-right{border-right:2px solid #56CCC8}
#sidr-right >div ul#mainMenu{display:block !important}
#sidr-right >div ul#mainMenu li{display:block;padding:14px 24px;cursor:pointer;text-align:center;border-bottom:1px solid #dde2e4}
#sidr-right >div ul#mainMenu li span{color:#999;font-size:2em}
#sidr-right div.registerQuestion p,#sidr-right div.siteHelp{text-align:center}
#sidr-right div.accumulative {display:none}

/*Logo*/

div.siteLogo{margin:5px 0 42px 0}
div.siteLogo img{margin:0 auto}

/*SiteNamad*/

div.siteNamad{margin:0 0 15px 0;}
div.siteNamad img{margin:9px auto}

/*SiteHelp*/

div.siteHelp a{color:#333;font-size:1.5em;display:block;margin:35px auto 21px auto}
div.siteHelp span{color:#999;margin:15px 15px 15px 5px;vertical-align:sub}

/*LeftSide*/

div.leftSide{padding-left:0}
div.leftSide p.summaryText{color:#333;text-align:right;font:bold 1.3em FontAwesome,BNAZANIN;direction:rtl;margin:0 0 10px 0}
div.leftSide p.summaryText:before{font-size:0.6em;color:#2a7697;margin:0 18px 0 10px}
div.leftSide p.summaryText span{color:#5da9a9;display:inline-block;margin:0 3px}

/*accumulative*/

div.accumulative{background-color:#6cc;color:#fff;text-align:left;cursor:pointer;padding:5px 5px;margin:0 0 1px 0}

/*contentHolder*/

div.contentHolder{padding:15px;background-color:#fff;min-height:616px}

/*PanleTopMenu*/


ul#PanleTopMenu{direction:rtl;background-color:#11a8ab;padding:7px 15px 0 0;}
ul#PanleTopMenu li{float:right}
ul#PanleTopMenu li a{color:#fff;font:bold 1.2em FontAwesome,BNAZANIN;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
ul#PanleTopMenu li a:hover{background-color:#fff;color:#006699}
ul#PanleTopMenu li.active a{color:#006699;background-color:#ececec}
ul#PanleTopMenu li a:before{vertical-align:sub;margin:0 0 0 5px;font-weight:normal}

/*panelTabDetails*/

div#panelTabDetails{border:1px solid #a7a7a7;border-top:none}
div#panelTabDetails >div{background-color:#ececec;padding:30px 15px 0 15px}
div#panelTabDetails >div.clearfix{background-color:none;padding:0}


/*FQ*/

div.details label{float:left;direction:rtl;font-size:1.2em;color:#666}
div.details input,div.details select{float:left}
div.details >div{margin:0 0 15px 0}
div.detailsHolder{margin:0 0 10px 0}
div.detailsHolder div.header{min-height:35px;background-color:#1badaf;text-align:center;cursor:pointer}
div.detailsHolder div.details{border:1px solid #a1a1a1;border-top:none;padding:0;display:none;overflow:hidden}
div.detailsHolder div.details.active{height:auto;padding:30px 0 0 0;}
div.detailsHolder div.header h1{color:#fff;text-align:center;direction:rtl;font:normal 1.7em BNAZANIN;}
div.detailsHolder div.header h1 span{color:#99ffff;margin-right:5px;display: inline-block;}
div.detailsHolder div.header span.fa{margin:10px 15px 0 0;font-size:1.3em}
div.detailsHolder div.header span.fa-plus-circle{color:#99ff99}
div.detailsHolder div.header span.fa-minus-circle{color:#ff6666}

/*Search*/

div.siteSearch{position:relative;margin:10px 0 0 0;direction:rtl}
div.siteSearch input#siteSearchTxt{font-size:1em;width:74%;border-right:0}
div.siteSearch a{color:#66cccc;font-size:1.5em;position:absolute;left:25px;margin:8px 0 0 0;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
div.siteSearch a:hover{color:#83d7d7}
div.siteSearch a:active{color:#6dc1c1}
div.siteSearch #searchType{width:65px;color:#fff;outline:none;font-size:1.3em;padding:0 5px 0 0;height:37px;border:1px solid #9a9a99;cursor:pointer;background-color:#888;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
div.siteSearch #searchType:hover{background-color:#999}
div.siteSearch #searchType option{color:#fff;cursor:pointer;outline:none}


/*Footer*/

div.footerHolder{position:relative;min-height:60px;background-color:#fff;margin:15px 0 0 0}
div.toolsHolder{position:absolute;top:3px;left:0;right:0;margin:0 auto;width:180px;}
div.toolsHolder span{margin:0 10px 0 0;display:inline-block;vertical-align:bottom}

/*SiteCopyRight*/

div.siteCopyRight p{font-size:1.2em;font-weight:bold;color:#666;padding:20px 25px 20px 0}

/*CopyRight*/

div.social ul{direction:ltr;display:inline-block}
div.social ul li{border-right:1px solid #dde2e4;padding:14px 24px;float:right;cursor:pointer;float:left}
div.social ul li a{color:#999;font-size:2em;transition: all 0.3s ease}
div.social ul li:hover a{color:#56ccc8}

/* END Profile ---------------------------------------------------------------------------*/

/*Media*/

/* Extra small devices (phones, less than 768px) */


@media (max-width: 479px) {
   div.siteTopMenu {position:absolute;top:15px}
   div.leftSide {padding:0 15px}
   div.siteCopyRight,div.social  {text-align:center;width:100%}
   div.social{border-top:1px solid #dde2e4}
   div.social ul{display:block;margin:0 auto;}
   div.social ul li:first-child{border-left:1px solid #dde2e4}
   div.social ul li{padding:14px 23px}
   div.siteSearch{margin:10px 0}
   div.siteSearch input#siteSearchTxt{width:100%;border-right:1px solid #6E6E6E;font-size:1.2em}
   div.siteSearch >span{font-size:1.2em}
   div.siteSearch select{float:left !important;margin-bottom:5px}
   div.siteSearch a{margin:50px 0 0 0}
   div.siteLogin > a{font:normal 1.5em BNAZANIN,FontAwesome}
   span.searchType{display:inline-block}
   div.toolsHolder {display:none;}
   div.details label{margin-top:-60px;float:right}
   div.details >div{margin:0 0 25px 0}
   div.detailsHolder div.header h1{font-size:1.5em}
   div.detailsHolder div.header span{display:block}
   div.details >div{margin:0 0 25px 0}

}

@media (min-width: 480px) and (max-width: 767px) {
   div.siteTopMenu {position:absolute;top:15px}
   div.siteSearch #searchType{width:18%}
   div.leftSide {padding:0 15px}
   div.siteSearch input#siteSearchTxt{width:82%}
   div.siteCopyRight,div.social  {text-align:center;width:100%}
   div.social{border-top:1px solid #dde2e4}
   div.social ul{display:block;margin:0 auto;width:300px}
   div.social ul li:first-child{border-left:1px solid #dde2e4}
   div.siteTopMenu{float:left !important}
   div.siteSearch{margin:10px 0}
   div.siteSearch input#siteSearchTxt{width:100%;border-right:1px solid #6E6E6E;font-size:1.2em}
   div.siteSearch >span{font-size:1.2em}
   div.siteSearch select{float:left !important;margin-bottom:5px}
   div.siteSearch a{margin:50px 0 0 0}
   span.searchType{display:inline-block}
   div.toolsHolder {display:none;}
   div.details label{margin-top:-60px;float:right}
   div.details >div{margin:0 0 25px 0}

  }
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
   div.siteTopMenu {position:absolute;top:15px}
   div.siteSearch{margin:10px 0}
   div.siteSearch input#siteSearchTxt{width:90%;}
   div.leftSide{padding:0}
   div.toolsHolder {display:none;}
  }
 
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 
   div.siteSearch input#siteSearchTxt{width:77%}
   div.siteHelp a{margin:10px}
   #userNameTxt, #institutionNameSlt, #userGroupsSlt{width:79%}
   div#profile >div.col-md-6 input[type=text], div#profile >div.col-md-6 input[type=password]{width:56%;font-size:1.1em}
   div.details input[type=text], div.details input[type=password], div.details select{width:53%;font-size:1.1em}
   div.statisticsDate select {width:28% }
   div.sendDeclaration textarea{width:80%}
  }
  
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  
  }