﻿/*
 * Copyright 2011-2015 jalal kharat , jalal.ir
*/


.underlineBoarder {border-bottom-width: 1px;border-bottom-color: inherit;border-bottom-style: solid;}

/*modal style*/
.modal-header, .modal-dialog {border-top-right-radius: 4px;border-top-left-radius: 4px;}
.modal-footer {padding-top: 8px;padding-bottom: 8px;text-align: left !important;}
.modal-footer .btn {margin-bottom: 0;}
.modal-body {line-height: 185%;}

.iransans {font-family: IRANSans !important;/*در استایل مدیریت از این کلاس زیاد استفاده شده،برای همین از فونت کوچک استفاده کردم*/}

/*important alert styles*/
.alert-successjk{color:#fff !important;background:#00C851 !important;border:none !important;}
.progress-bar-successjk{background-color:#0eaf4f !important;}
.alert-dangerjk{color:#fff !important;background:#f44 !important;border:none !important;}
.progress-bar-dangerjk{background-color:#e33f3f !important;}
.alert-warningjk{color:#fff !important;background:#F80 !important;border:none !important;}
.progress-bar-warningjk{background-color:#f0850a !important;}
.alert-infojk{color:#fff !important;background:#33b5e5 !important;border:none !important;}
.progress-bar-infojk{background-color:#32a6d1 !important;}
.alert-primaryjk{color:#fff !important;background:#4285F4 !important;border:none !important;}
.progress-bar-primaryjk{background:#3878e1 !important}
.alert-darkjk{color:#fff !important;background:#34495e !important;border:none !important;}
.progress-bar-darkjk{background-color:#21303e !important;}
.alert-darklightjk{color:#fff !important;background:#757575 !important;border:none !important;}
.progress-bar-darklightjk{background-color:#616161 !important;}
.alert-blackjk{color:#fff !important;background:#201d1d !important;border:none !important;}
.progress-bar-blackjk{background-color:#000 !important;}
.alert-yellowjk{color:#1f1f1f !important;background:#ffeb3b !important;border:none !important;}
.progress-bar-yellowjk{background-color:#f5e341 !important;}
.alert-greyjk{color:#fff !important;background:#9e9e9e !important;border:none !important;}
.progress-bar-greyjk{background-color:#8f8f8f !important;}
.alert-brownjk{color:#fff !important;background:#a1887f !important;border:none !important;}
.progress-bar-brownjk{background-color:#7b5c51 !important;}
/*---------------------------------important alert styles--------------------end*/

.placeholder-rtl::-webkit-input-placeholder{text-align:right;/* Chrome/Opera/Safari */}
.placeholder-rtl::-moz-placeholder{text-align:right;/* Firefox 19+ */}
.placeholder-rtl:-moz-placeholder{text-align:right;/* Firefox 18- */}
.placeholder-rtl:-ms-input-placeholder{text-align:right;/* IE 10+ */}

.placeholder-ltr::-webkit-input-placeholder{text-align:left;}
.placeholder-ltr::-moz-placeholder{text-align:left;}
.placeholder-ltr:-moz-placeholder{text-align:left;}
.placeholder-ltr:-ms-input-placeholder{text-align:left;}

/*Livy*/
.panel-default>.panel-heading-Livy{background-image:none;background:#ecb;color:black;}
.Livy tr:nth-child(even){background:#f5e0d6;}
.Livy tr:nth-child(odd){background:#faf0eb;}
.Livy{background:#faf0eb;}
.Folsom{background:#f5e0d6;}

/*Brade*/
.panel-default>.panel-heading-Brade{background-image:none;background:#fd6;color:black;}
.Brade tr:nth-child(even){background:#ffeba3;}
.Brade tr:nth-child(odd){background:#fff5d1;}
.Brade{background:#fff5d1;}
.Gore{background:#ffeba3;}

/*Ced*/
/*.panel-default>.panel-heading-Ced{background-image:none;background:#8a3;color:white;}
.Ced tr:nth-child(even){background:#b8cc85;}
.Ced tr:nth-child(odd){background:#dbe6c2;}
.Ced{background:#dbe6c2;}
.Fearing{background:#b8cc85;}*/

/*Bryn*/
.panel-default>.panel-heading-Bryn{background-image:none;background:#1ac;color:black;}
.Bryn tr:nth-child(even){background:#70cce0;}
.Bryn tr:nth-child(odd){background:#b8e6f0;}
.Bryn{background:#b8e6f0;}
.Grey{background:#70cce0;}

/*Janice*/
.panel-default>.panel-heading-Janice{background-image:none;background:#cba;color:black;}
.Janice tr:nth-child(even){background:#e0d6cc;}
.Janice tr:nth-child(odd){background:#f0ebe6;}
.Janice{background:#f0ebe6;}
.Gains{background:#e0d6cc;}

/*Biron*/
.panel-default>.panel-heading-Biron{background-image:none;background:#cdc;color:black;}
.Biron tr:nth-child(even){background:#e0ebe0;}
.Biron tr:nth-child(odd){background:#f0f5f0;}
.Biron{background:#f0f5f0;}
.Fielding{background:#e0ebe0;}

/*Liv*/
.panel-default>.panel-heading-Liv{background-image:none;background:#ddb;color:black;}
.Liv tr:nth-child(even){background:#ebebd6;}
.Liv tr:nth-child(odd){background:#f5f5eb;}
.Liv{background:#f5f5eb;}
.Gardner{background:#ebebd6;}

/*Lissy*/
.panel-default>.panel-heading-Lissy{background-image:none;background:#cc5;color:black;}
.Lissy tr:nth-child(even){background:#e0e099;}
.Lissy tr:nth-child(odd){background:#f0f0cc;}
.Lissy{background:#f0f0cc;}
.Goff{background:#e0e099;}

/*Johna*/
.panel-default>.panel-heading-Johna{background-image:none;background:#1ce;color:black;}
.Johna tr:nth-child(even){background:#70e0f5;}
.Johna tr:nth-child(odd){background:#b8f0fa;}
.Johna{background:#b8f0fa;}
.Goddard{background:#70e0f5;}

/*Johna*/
.panel-default>.panel-heading-Letta{background-image:none;background:#0c9;color:white;}
.Letta tr:nth-child(even){background:#66e0c2;}
.Letta tr:nth-child(odd){background:#b3f0e0;}
.Letta{background:#b3f0e0;}
.Garnet{background:#66e0c2;}

/*Blaine*/
.panel-default>.panel-heading-Blaine{background-image:none;background:#669;color:white;}
.Blaine tr:nth-child(even){background:#a3a3c2;}
.Blaine tr:nth-child(odd){background:#d1d1e0;}
.Blaine{background:#d1d1e0;}
.Gill{background:#a3a3c2;}

/*Blaine*/
.panel-default>.panel-heading-Leela{background-image:none;background:#fd5;color:black;}
.Leela tr:nth-child(even){background:#ffeb99;}
.Leela tr:nth-child(odd){background:#fff5cc;}
.Leela{background:#fff5cc;}
.Graves{background:#ffeb99;}

.spn-title,.span-title,.title-span, .lbl_title {display: inline-block;margin-bottom: 5px;}
.col-title , .col-content{margin-bottom: 15px;}

.check_box input[type="checkbox"] {
    vertical-align: middle;
    display: inline-block;
}

.check_box label {
    display: inline-block;
    vertical-align: middle;
    padding-right:5px;
}

/* Remove the Gutter Padding from Columns : <div class="row no-gutter">*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
 
/*.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.container-fluid > .row {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left:0px !important;
    margin-right:0px !important;
}*/

/*.row{
    margin-left:0px !important;
    margin-right:0px !important;
}*/

ul.ul-inline-jk {
    list-style-type: none;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

ul.ul-inline-jk li {
  display: inline-block;
  list-style-type: none;
}

.btn-font{  background: none !important; color: inherit; border: none !important; padding: 0 !important; font: inherit; cursor: pointer !important; outline: none !important;}
/*.btn-font:hover {font-size:101%;}*/

input[type="image"] {cursor:pointer !important;}
.panel-body{
  word-wrap: break-word;
}          


 .jumbotron .alert > p {
        margin-bottom: auto !important;
        font-size: inherit !important;
        font-weight: inherit !important;
    }
.table-striped{}

/*gridview*/
.table-grid {}
.table-grid th,.table-grid td{text-align:center;}
.table-grid th,.table-grid .pgr{background: #5f5c5c !important;color:#fff}
.table-grid th a{color:#fff}
.table-grid thead th {padding:10px 5px !important;vertical-align:middle;color:#fff}
.table-grid{/*width:auto*/}
.table-grid tbody tr td{vertical-align:middle; padding:5px;}
.table-grid tbody tr,.table-grid tbody tr td{border:none !important; }
.table-grid tbody tr td a,.table-grid tbody tr td span{/*position:relative;float:right;padding:6px 12px;margin-right:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background:#fff;border:1px solid #ddd*/}
.table-grid>tbody>tr>td>span{/*z-index:3;color:#fff;cursor:default;background:#337ab7;border-color:#337ab7*/}
.table-grid>tbody>tr>td:first-child>a,.table-grid>tbody>tr>td:first-child>span{margin-right:0;border-top-right-radius:4px;border-bottom-right-radius:4px}
.table-grid>tbody>tr>td:last-child>a,.table-grid>tbody>tr>td:last-child>span{border-top-left-radius:4px;border-bottom-left-radius:4px}
.table-grid>tbody>tr>td>a:hover,.table-grid>tbody>tr>td>span:hover,.table-grid>tbody>tr>td>a:focus,.table-grid>tbody>tr>td>span:focus{/*z-index:2;color:#23527c;background:#eee;border-color:#ddd*/}

/*gridview pager*/
.table-grid .grid-pager {padding-left: 0;margin: 20px 0;border-radius: 4px;background-color: #5F5C5C !important; border: solid 1px #32373b; background: #3e4347;box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);color: #feffff;text-shadow: 0px 1px 0px rgba(0,0,0, .5);}
.table-grid .grid-pager:hover {}
.table-grid .grid-pager table {width: auto !important;min-width: 0 !important;display: table !important; float:right !important;}
.table-grid .grid-pager table > tbody > tr > td {border: none !important;padding: 1px;}
.table-grid .grid-pager table > tbody > tr > td > a,.table-grid .grid-pager table > tbody > tr > td > span { display: inline-block; padding: 6px 10px;margin-left: 2px;border-radius: 4px;background: #e9e9e9;text-decoration: none;border: solid 1px #32373b;}
.table-grid .grid-pager table > tbody > tr > td > a {background: #3e4347;color: #feffff;box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);text-shadow: 0px 1px 0px rgba(0,0,0, .5);}
.table-grid .grid-pager table > tbody > tr > td > span {background: #2f3237;color: #feffff;box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);}
.table-grid .grid-pager table > tbody > tr > td:first-child > a,.table-grid .grid-pager table > tbody > tr > td:first-child > span {margin-right: 0;border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.table-grid .grid-pager table > tbody > tr > td:last-child > a,.table-grid .grid-pager table > tbody > tr > td:last-child > span {border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.table-grid .grid-pager table > tbody > tr > td > a:hover,.table-grid .grid-pager table > tbody > tr > td > a:focus {background: #3d4f5d;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);}
.table-grid .grid-pager table > tbody > tr > td > span:hover,.table-grid .grid-pager table > tbody > tr > td > span:focus{cursor:default;}
.table-grid .alt{background:#fcfcfc}

.table-grid-bordered > thead > tr > th,.table-grid-bordered > tbody > tr > th,.table-grid-bordered > tfoot > tr > th,.table-grid-bordered > thead > tr > td,.table-grid-bordered > tbody > tr > td,
.table-grid-bordered > tfoot > tr > td {border: 1px solid #dddddd !important;border-right-width: 1px !important;border-left-width: 1px !important;}

 /*end gridview */

.close {
    color: #fff; 
    opacity: 1;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}
.circle {
    -webkit-border-radius: 50% !important;
    -moz-border-radius:  50% !important;
    border-radius:  50% !important;
    display: inline-block !important;
    text-align :center !important;
    vertical-align:middle !important;
}
  .input-lgx {
            height: 54px !important;
            padding: 10px 16px;
            font-size: 24px !important;
            line-height: 100% !important;
            border-radius: 6px;
        }

.panel{margin-left:auto !important;margin-right:auto !important;}
hr.message-inner-separator {
            clear: both;
            margin-top: 3px;
            margin-bottom: 3px;
            border: 0;
            height: 1px;
            background-image: -webkit-linear-gradient(left,rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.2));
            background-image: -moz-linear-gradient(left,rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255, 0.2));
            background-image: -ms-linear-gradient(left,rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255, 0.2));
            background-image: -o-linear-gradient(left,rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255, 0.2));
            background-image: linear-gradient(left,rgba(255,255,255,0.2),rgba(255,255,255,0.8),rgba(255,255,255, 0.2));
        }

.mess-box {
    display:block;
	color:#555;
	/*font-family:'yekan_web' !important;*/
    font-size:18px;
	padding:10px 3%;
    margin:5px 0;
}
.mess-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.mess-box.error {
	background:#ffecec url('../img/alert/error.png') no-repeat 99%  center;
	border:1px solid #f5aca6;
}
.mess-box.success {
	background:#e9ffd9 url('../img/alert/success.png') no-repeat 99%   center;
	border:1px solid #a6ca8a;
}
.mess-box.warning {
	background:#fff8c4 url('../img/alert/warning.png') no-repeat 99%  center;
	border:1px solid #f2c779;
}
.mess-box.notice {
	background:#e3f7fc url('../img/alert/notice.png') no-repeat 99%   center;
	border:1px solid #8ed9f6;
}






.panel-khaki {
  border-color: #F0E68C;
}
.panel-khaki > .panel-heading {
  color: #4D4D4D;
  background-color: #F0E68C;
  border-color: #F0E68C;
}
.panel-gold {
  border-color: #FFD700;
}
.panel-gold > .panel-heading {
  color: #333333;
  background-color: #FFD700;
  border-color: #FFD700;
}

.btn-yellow {
  background: rgb(250, 255, 140);
  color: #574500;
  border: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; /* !important tags aren't necessarily always bad */
}
.btn-yellow:hover, .btn-yellow:focus {
  background: rgb(252, 255, 179);
}
.btn-yellow:active {
  background: rgb(247, 255, 71);
}

.btn-xxl {
  padding: 20px 26px !important;
  font-size: 35px !important;
  border-radius: 8px !important;
}
/*.modal-dialog {
    width: 80% !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
 @media screen and (max-width: 768px) {
        .modal-dialog {
          width: 90% !important;  
        }
        .modal-sm {
          width: 350px !important;  
        }
    }
@media screen and (min-width: 992px) {
        .modal-dialog  {
          width: 950px !important;  
        }
        .modal-sm {
          width: 500px !important;  
        }
    }*/
.noborder-table{border-style:none !important;}
.noborder-table tr, .noborder-table td, .noborder-table th {border-style: none !important;}

.f-c,.form-control {
  /*border: 2px solid #6297BC !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(130, 130, 130, .075) !important;
          box-shadow: inset 0 1px 1px rgba(130, 130, 130, .075) !important;*/
  font-size:12px;
}
/*.f-c:focus,.form-control:focus {
  border: 2px solid #FF0099 !important;
}
select.f-c , select.form-control {padding-top:4px  !important;}*/

.noshadow {
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
	}
 
.panel-transparent{margin-left:auto;margin-right:auto;border: 0 none !important;background-color: transparent !important;
                   -webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}
.panel-transparent > .panel-heading{ border-radius: 4px; text-align:right;margin-left:auto;margin-right:auto}
.panel-transparent .panel-container{background-color:#EDEDED;padding-top:15px !important;padding-bottom:25px !important}
.panel-transparent .panel-body-separate,
.panel-transparent .panel-body-separate-white{margin-top:10px; border:1px solid #337ab7; border-radius:4px;margin-left:auto;margin-right:auto;padding:20px 0px;}
.panel-transparent .panel-body-separate-white{background:#fff}
.panel-transparent .panel-body-separate .row , .panel-transparent .panel-body-separate-white .row{margin:0;}
.panel-small{margin-left :  auto !important;margin-right :  auto !important; width:80%;  }

.panel-new{margin-left:auto;margin-right:auto;border: 0 none !important;background-color: transparent !important;
                   -webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;}
.panel-new > .panel-heading{ border-radius: 4px; text-align:right;margin-left:auto;margin-right:auto}
.panel-new > .panel-body{ margin-top:10px; /*border:1px solid #337ab7;*/ border-radius:4px;margin-left:auto;margin-right:auto;padding:20px 15px;background-color:#EDEDED}
.panel-new.panel-success > .panel-body,.panel-success.panel-new > .panel-body{  border:1px solid #d6e9c6; }
.panel-new.panel-info > .panel-body,.panel-info.panel-new > .panel-body{  border:1px solid #bce8f1; }
.panel-new.panel-warning > .panel-body,.panel-warning.panel-new > .panel-body{  border:1px solid #faebcc; }
.panel-new.panel-danger > .panel-body,.panel-danger.panel-new > .panel-body{  border:1px solid #ebccd1; }
.panel-new.panel-default > .panel-body,.panel-default.panel-new > .panel-body{  border:1px solid #ddd; }
.panel-new.panel-primary > .panel-body,.panel-primary.panel-new > .panel-body{  border:1px solid #337ab7; }
.panel-new .panel-body .row{margin:0;}
                   

@media (max-width: 479px) 
{
.panel-small{ width:100%;  }
}

.height-reset
{
  height: auto !important;
}
.font-reset
{
    font-size: 100% !important;
    font: inherit !important;
    line-height:100% !important;
    font-weight:normal !important;
    font-style:normal  !important;
}
.numeric
{
    /*font-family: 'yekan_web';*/
}
.numeric-comma
{
    /*font-family: 'yekan_web';*/
}
.required {
    color: #F00;
    font-size: 90%;
    margin: 0px 2px
}
.visibility-hidden
{
    visibility:hidden !important;
}
.visibility-visible
{
    visibility:visible !important;
}
.latin-control
{
    /*font-family: "Montserrat" !important;*/
}
/*br
{
    line-height: 150%;
}*/
/*.btn
{
    padding-right: 40px;
    padding-left: 40px;
}*/
/*.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px !important;
  font-size: 18px !important;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px !important;
  font-size: 11px !important;
  line-height: 1.5;
  border-radius: 3px;
}*/

.reset-direction
{
    position:relative !important;
    top:auto !important;
    bottom:auto !important;
    right:auto !important;
    left:auto !important;
}

.color-violetred{color:#D02090 !important}
.color-violet{color:#EE82EE !important}
.color-springgreen{color:#00FF7F !important}
.color-turquoise{color:#40E0D0 !important}
.color-turquoiseblue{color:#00C78C !important}
.color-yellow{color:#FFFF00 !important}
.color-olive{color:#808000 !important}
.color-khaki{color:#F0E68C !important}
.color-gold{color:#FFD700 !important}
.color-orange{color:#FF8000 !important}
.color-brown{color:#A52A2A !important}
.color-silver{color:#C0C0C0 !important}
.color-gray{color:#808080 !important}
.color-orchid{color:#DA70D6 !important}
.color-purple{color:#800080 !important}
.color-darkturquoise{color:#00CED1 !important}
.color-tomato{color:#FF6347 !important}
.color-indigo{color:#4B0082 !important}
.color-deeppink{color:#ff1493 !important}
.color-darkviolet{color:#9400d3 !important}
.color-greenyellow{color:#adff2f !important}
.color-LightSeaGreen{color:#20b2aa !important}
.color-DeepSkyBlue{color:#00bfff !important}
.color-HotPink{color:#ff69b4 !important}
.color-magenta{color:#ff00ff !important}
.color-maroon{color:#b03060 !important}
.color-OliveDrab{color:#6b8e23 !important}
.color-OrangeRed{color:#ff4500 !important}
.color-springgreen{color:#00FF7F !important}

.color-aqua{color:#00FFFF !important}	
.color-aquamarine{color:#7FFFD4 !important}	
.color-mediumturquoise{color:#48D1CC !important}	
.color-coral{color:#FF7F50 !important}	
.color-mediumvioletred{color:#C71585 !important}	
.color-teal{color:#008080 !important}	
.color-darkslategray{color:#2F4F4F !important}
.color-zambezi{color:#5F5C5C !important}

.bg-transparent{background:none !important;background-color:transparent !important}
.bg-violet{background-color:#EE82EE !important;background:#EE82EE !important}
.bg-springgreen{background-color:#00FF7F !important;background:#00FF7F !important}
.bg-turquoise{background-color:#40E0D0 !important;background:#40E0D0 !important}
.bg-turquoiseblue{background-color:#00C78C !important;background:#00C78C !important}
.bg-yellow{background-color:#FFFF00 !important;background:#FFFF00 !important}
.bg-olive{background-color:#808000 !important;background:#808000 !important}
.bg-khaki{background-color:#F0E68C !important;background:#F0E68C !important}
.bg-gold{background-color:#FFD700 !important;background:#FFD700 !important}
.bg-orange{background-color:#FF8000 !important;background:#FF8000 !important}
.bg-brown{background-color:#A52A2A !important;background:#A52A2A !important}
.bg-orchid{background-color:#DA70D6 !important;background:#DA70D6 !important}
.bg-purple{background-color:#800080 !important;background:#800080 !important}
.bg-darkturquoise{background-color:#00CED1 !important;background:#00CED1 !important}
.bg-tomato{background-color:#FF6347 !important;background:#FF6347 !important}
.bg-indigo{background-color:#4B0082 !important;background:#4B0082 !important}
.bg-deeppink{background-color:#ff1493 !important;background:#ff1493 !important}
.bg-darkviolet{background-color:#9400d3 !important;background:#9400d3 !important}
.bg-greenyellow{background-color:#adff2f !important;background:#adff2f !important}
.bg-LightSeaGreen{background-color:#20b2aa !important;background:#20b2aa !important}
.bg-DeepSkyBlue{background-color:#00bfff !important;background:#00bfff !important}
.bg-HotPink{background-color:#ff69b4 !important;background:#ff69b4 !important}
.bg-magenta{background-color:#ff00ff !important;background:#ff00ff !important}
.bg-maroon{background-color:#b03060 !important;background:#b03060 !important}
.bg-OliveDrab{background-color:#6b8e23 !important;background:#6b8e23 !important}
.bg-OrangeRed{background-color:#ff4500 !important;background:#ff4500 !important}
.bg-springgreen{background-color:#00FF7F !important;background:#00FF7F !important}
.bg-primary3{background-color: #016297 !important;background: #016297 !important;}
.bg-gray{background-color:#808080 !important;background:#808080 !important}
.bg-darkgray{background-color: #A9A9A9 !important;background: #A9A9A9 !important}
.bg-lightgray{background-color:#EDEDED !important;background:#EDEDED !important}
.bg-silver{background-color:#C0C0C0 !important;background:#C0C0C0 !important}	
.bg-aqua{background-color:#00FFFF !important;background:#00FFFF !important}	
.bg-aquamarine{background-color:#7FFFD4 !important;background:#7FFFD4 !important}	
.bg-mediumturquoise{background-color:#48D1CC !important;background:#48D1CC !important}	
.bg-coral{background-color:#FF7F50 !important;background:#FF7F50 !important}	
.bg-mediumvioletred{background-color:#C71585 !important;background:#C71585 !important}	
.bg-teal{background-color:#008080 !important;background:#008080 !important}	
.bg-darkslategray{background-color:#2F4F4F !important;background:#2F4F4F !important}	
.bg-zambezi{background-color:#5F5C5C !important;color:#fff;background:#5F5C5C !important;color:#fff;}	
.bg-reset{background:none !important;background-image:none !important;background-color:transparent !important;color:inherit !important;}	

hr.hr-1
{
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.hr-2
{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.hr-3
{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
hr.hr-4
{
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}
hr.hr-5
{
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.hr-5:after
{
    /* Not really supposed to work, but does */
    content: "\00a0"; /* Prevent margin collapse */
}
hr.hr-6
{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

hr.hr-7
{
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.hr-7:before
{
    /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

hr.hr-8
{
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.hr-8:after
{
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

hr.hr-9
{
    background-color: #fff;
    border-top: 2px dashed #8c8b8b;
}
hr.hr-10
{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}
hr.hr-11
{
    border-top: 4px double #8c8b8b;
    text-align: center;
}
hr.hr-11:after
{
    content: '\002665';
    display: inline-block;
    position: relative;
    top: -15px;
    padding: 0 10px;
    background: #f0f0f0;
    color: #8c8b8b;
    font-size: 18px;
}

hr.hr-12
{
    border-top: 1px dashed #8c8b8b;
}
hr.hr-12:after
{
    content: '\002702';
    display: inline-block;
    position: relative;
    top: -12px;
    left: 40px;
    padding: 0 3px;
    background: #f0f0f0;
    color: #8c8b8b;
    font-size: 18px;
}
hr.hr-13
{
    height: 30px;
    border-style: solid;
    border-color: #8c8b8b;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.hr-13:before
{
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #8c8b8b;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
.bg-blend-gradient {
    background: -webkit-linear-gradient(90deg, rgb(22, 135, 237), rgb(42, 98, 154));
    background: linear-gradient(90deg, rgb(22, 135, 237), rgb(42, 98, 154));
    color:#fff;
}
.bg-gradient
{
    background: #25c481;
    background: -webkit-linear-gradient(left, #25c481, #25b7c4);
    background: linear-gradient(to right, #25c481, #25b7c4);
    color:#fff;
}
.ellipsis
{
    text-overflow: ellipsis; /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}

.line-h-0
{
    line-height:0px;
}
.min-height-0
{
    min-height:0px !important;
}



 
/*-----------------plan old----------------*/
/*
.plan{width:100%;background:#f8f8f8;float:left;box-shadow:0 0 1em rgba(0,0,0,0.15)}

.plan .header{width:100%;display:block;background:#323232;text-align:center;float:left;padding:5px 0}
.plan .header h2{color:#dbe0e5;text-transform:uppercase;margin:0;font-size:120%}
.plan .header h2 span{text-transform:capitalize;display:inline-block;color:#FFF}

.plan .offer{width:100%;text-align:center;font-size:1.2em;vertical-align:middle;float:left;text-transform:uppercase;font-weight:600;min-height:80px;line-height:80px;padding:10px 0}
.plan .offer p{display:inline-block;vertical-align:middle;line-height:normal;}

.plan .list{width:100%}
.plan .list ul{list-style:none;padding:0;margin:0;display:block;width:100%;float:left;height:auto;overflow:hidden;background:#ededed}
.plan .list ul li{width:100%;display:block;height:auto;padding:10px 0;text-align:center;box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.1);color:#888792}

.plan .footer{display:block;float:left;width:100%;background:#fff;border-bottom:0.58495em solid #323232;padding:0.7em 0.5em}
.plan .footer .button{display:block;padding:5px 0;text-align:center;text-decoration:none;font-size:110%;font-weight:400;border-radius:3px;color:#fff;margin:2px 0}
.plan .footer .button:hover{text-decoration:underline}
 */

/*-----------------plan2----------------*/
.plan2{width:100%;background:#fff;float:left;box-shadow:0 0 1em rgba(63,116,158,0.15); padding:5px; border:2px solid #2B2B2B;border-radius:3px; transition: all 0.2s ease;}
.plan2:hover{opacity: 0.9; /* css standard */ filter: alpha(opacity=90); /* internet explorer */ border:2px solid #337AB7;background:#FEFDDE}

.plan2 .header{width:100%;display:block;text-align:center;float:left;padding:5px 0}
.plan2 .header h2{color:#dbe0e5;text-transform:uppercase;margin:0;font-size:120%}
.plan2 .header h2 span{text-transform:capitalize;display:inline-block;color:#FFF}

.plan2 .offer{width:100%;text-align:center;font-size:1.2em;vertical-align:middle;float:left;text-transform:uppercase;font-weight:600;min-height:80px;line-height:80px;padding:10px 0}
.plan2 .offer p{display:inline-block;vertical-align:middle;line-height:normal;}

.plan2 .list{width:100%}
.plan2 .list ul{list-style:none;padding:0;margin:0;display:block;width:100%;float:left;height:auto;overflow:hidden;}
.plan2 .list ul li{width:100%;display:block; padding:10px 0;text-align:center;box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.1);
                   color:#262626;margin:3px auto !important;background:#93E7B3;border-radius:3px;line-height:1.8em;}
.plan2 .list ul li a{color:#262626;}
.plan2 .list ul li p{border:1px solid #8D8D8D;border-radius:2px}
.plan2 .offer ul li p{display:inline-block;vertical-align:middle;line-height:normal; background:#fff;}

.plan2 .footer{display:block;float:left;width:100%;background:#fff;padding:0.7em 0.5em;}
.plan2 .footer .button{display:block;padding:5px 0;text-align:center;text-decoration:none;font-size:110%;font-weight:400;border-radius:3px;color:#fff;margin:2px 0}
.plan2 .footer .button:hover{text-decoration:underline}

/*-----------------plan3----------------*/
.plan3{width:100%;background:#FFFFFF;float:left;box-shadow:0 0 1em rgba(0,0,0,0.15);padding:0 5px;color:#474747;border:3px solid #2B2B2B; border-radius:3px}

.plan3 .header{width:100%;display:block;text-align:center;float:left;padding:5px 0}
.plan3 .header h2{color:#dbe0e5;text-transform:uppercase;margin:0;font-size:120%}
.plan3 .header h2 span{text-transform:capitalize;display:inline-block;border:2px solid #474747; padding:5px 15px; border-radius:4px;color:#474747}

.plan3 .offer{width:100%;text-align:center;font-size:1.2em;vertical-align:middle;float:left;text-transform:uppercase;font-weight:600;min-height:80px;line-height:80px;padding:10px 0}
.plan3 .offer p{display:inline-block;vertical-align:middle;line-height:normal;}

.plan3 .list{width:100%}
.plan3 .list ul{list-style:none;padding:0;margin:0;display:block;width:100%;float:left;height:auto;overflow:hidden;}
.plan3 .list ul li{width:100%;display:block; padding:10px 0;text-align:center;box-shadow:inset 0 -0.15em 0 rgba(0,0,0,0.1);
                   color:#262626;margin:3px auto !important;background:#93E7B3;border-radius:3px;}

.plan3 .footer{display:block;float:left;width:100%;padding:0.7em 0.5em}
.plan3 .footer .button{display:block;padding:5px 0;text-align:center;text-decoration:none;font-size:110%;font-weight:400;border-radius:3px;color:#fff;margin:2px 0}
.plan3 .footer .button:hover{text-decoration:underline}

.plan2 .img-panel, .plan3 .img-panel
{
    margin:2px auto 5px auto;
    border: 2px solid #E4E4E4;
     -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
             border-radius: 3px;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.75);
           -moz-box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.75);
                box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.75);
}
.plan3 a, .plan3 a:hover{text-decoration:none}
/*-----------------plan3----------------*/


/*-----------------plan----------------*/

.plan{width:100%;float:right;padding:5px;border:1px solid #337AB7;box-shadow:0 0 1em rgba(30,110,200,0.20);
             text-align:center;margin-bottom:20px;background:#fff; border-radius:4px;/*font-family:"nazaninB_web";*/position: relative !important/*corner img*/;overflow:hidden;}
  
             
.plan .header , .plan .title ,.plan .desc , .plan .photo, .plan .list , 
.plan .footer ,.plan .list ul ,.plan .free , .box{width:100%;float:right;display:block;border-bottom:3px solid #fff;display: table;}
       
.plan .img-corner {position: absolute;top: 0px;left: 0px;}
        
.plan .header{background:#3F3F3F;color:#F9FAFB;padding:8px 3px}
.plan .header h2{text-transform:uppercase;margin:0;font-size:120%}

.plan .title{font-size:18px;line-height:18px;vertical-align:middle;padding:15px 5px;}
.plan .title p , .plan .title span{vertical-align:middle;line-height:normal;margin:0;display: table-cell}

.plan .desc{ /*-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);*/}
.plan .desc , .plan .desc p{font-size:1.0em;line-height:normal;padding:7px 8px;color:#000;overflow:hidden;}
.plan .desc p{padding:0;margin:0;}

.plan .photo{padding:2px 0px;background:#fff;display:block !important;/*display:block !important; ino age nazari to firefox height img moshkel dare*/}
.plan .photo .img-plan{ display: inline-block;max-width: 100%;/*height: auto;*/padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #B7B7B7;
                          -webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;height:100% !important;width:100% !important/*problem sm size width:100%;*/}
.plan .list ul{list-style:none;padding:0;margin:0;height:auto;overflow:hidden;}
/*.plan .list ul li{padding:10px 3px;box-shadow: inset 0px 0px 2px 1px #ABABAB;-webkit-box-shadow: inset 0px 0px 2px 1px #ABABAB;-moz-box-shadow: inset 0px 0px 2px 1px #ABABAB;
                         -o-box-shadow: inset 0px 0px 2px 1px #ABABAB;color:#000;background:#D7E1E0;border-bottom:2px solid #fff}*/

.plan .list ul li{padding:10px 3px;box-shadow: inset 0px 0px 2px 1px #019D7F;-webkit-box-shadow: inset 0px 0px 2px 1px #019D7F;-moz-box-shadow: inset 0px 0px 2px 1px #019D7F;
                         -o-box-shadow: inset 0px 0px 2px 1px #019D7F;color:#000;background:#01CFA9;border-bottom:2px solid #fff}
.plan .list ul li:last-child {border-bottom-style: none;}
.plan .list ul li i {margin-left:3px; color:#3F3F3F;}

.plan .list ul li, .plan .list ul li span {overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;}    

.plan .footer{background:#fff;border-bottom-style:none;padding: 0;}
.plan .footer .button{display:block;padding:5px 0;text-align:center;text-decoration:none;font-size:120%;color:#fff;margin:0;border-radius:5px;/*font-family:"nazaninB_web"*/}
.plan .footer .button + .button{margin-top:3px}
.plan .footer .button:hover{text-decoration:underline}
     
.plan .box{border-style:none;padding:0;margin:0}
.plan .free {padding:8px 3px;}
.plan .anchor{background-color:transparent !important; text-decoration:none !important; color:inherit !important}
.plan .last , .plan .last div , .plan .last ul {border-bottom-style:none;margin-bottom:0;}
     
.plan-blue .box{background:#02D0AC;color:#fff}
.plan-green .box{background:#2ecc71;color:#fff}
.plan-gold .box{background:#f1c40f;color:#262626}
.plan-orange .box{background:#ff6d00;color:#3D3D3D}
.plan-yellow .box{background:#FFE658;color:#404040}
.plan-red .box{background:#FF2321;color:#fff}
.plan-gray .box{background:#E4DBBF;color:#383127}
.plan-pink .box{background:#E91E63;color:#fff}
.plan-lime .box{background:#cddc39;color:#383127}
.plan-purple .box{background:#9c27b0;color:#fff}


.plan-blue .button{background:#02D0AC;color:#fff !important}
.plan-green .button{background:#2ecc71;color:#fff !important}
.plan-gold .button{background:#f1c40f;color:#262626 !important}
.plan-orange .button{background:#ff6d00;color:#fff !important}
.plan-yellow .button{background:#FFE658;color:#fff !important}
.plan-red .button{background:#FF2321;color:#fff !important}
.plan-gray .button{background:#E4DBBF;color:#383127 !important}
.plan-pink .button{background:#E91E63;color:#fff !important}
.plan-lime .button{background:#cddc39;color:#383127 !important}
.plan-purple .button{background:#9c27b0;color:#fff !important}

.plan-violetred .box{background:#D02090;color:#fff}
.plan-violet .box{background:#EE82EE;color:#fff}
.plan-springgreen .box{background:#00FF7F;color:#fff}
.plan-turquoise .box{background:#40E0D0;color:#fff}
.plan-turquoiseblue .box{background:#01CFA9;color:#fff}
/*.plan-turquoiseblue .box{background:#00C78C;color:#fff}*/
.plan-yellow .box{background:#FFFF00;color:#fff}
.plan-olive .box{background:#808000;color:#fff}
.plan-khaki .box{background:#F0E68C;color:#262626}
.plan-gold .box{background:#FFD700;color:#262626}
.plan-orange .box{background:#FF8000;color:#fff}
.plan-brown .box{background:#A52A2A;color:#fff}
.plan-silver .box{background:#C0C0C0;color:#fff}
.plan-gray .box{background:#808080;color:#fff}
.plan-orchid .box{background:#DA70D6;color:#fff}
.plan-purple .box{background:#800080;color:#fff}
.plan-darkturquoise .box{background:#00CED1;color:#fff}
.plan-tomato .box{background:#FF6347;color:#fff}
.plan-indigo .box{background:#4B0082;color:#fff}
.plan-deeppink .box{background:#ff1493;color:#fff}
.plan-darkviolet .box{background:#9400d3;color:#fff}
.plan-greenyellow .box{background:#adff2f;color:#fff}
.plan-LightSeaGreen .box{background:#20b2aa;color:#fff}
.plan-DeepSkyBlue .box{background:#00bfff;color:#fff}
.plan-HotPink .box{background:#ff69b4;color:#fff}
.plan-magenta .box{background:#ff00ff;color:#fff}
.plan-maroon .box{background:#b03060;color:#fff}
.plan-OliveDrab .box{background:#6b8e23;color:#fff}
.plan-OrangeRed .box{background:#ff4500;color:#fff}
.plan-springgreen .box{background:#00FF7F;color:#fff}


.plan-violetred .button{background:#D02090;color:#fff !important}
.plan-violet .button{background:#EE82EE;color:#fff !important}
.plan-springgreen .button{background:#00FF7F;color:#fff !important}
.plan-turquoise .button{background:#40E0D0;color:#fff !important}
.plan-turquoiseblue .button{background:#01CFA9;color:#fff !important}
.plan-yellow .button{background:#FFFF00;color:#fff !important}
.plan-olive .button{background:#808000;color:#fff !important}
.plan-khaki .button{background:#F0E68C;color:#262626 !important}
.plan-gold .button{background:#FFD700;color:#262626 !important}
.plan-orange .button{background:#FF8000;color:#fff !important}
.plan-brown .button{background:#A52A2A;color:#fff !important}
.plan-silver .button{background:#C0C0C0;color:#fff !important}
.plan-gray .button{background:#808080;color:#fff !important}
.plan-orchid .button{background:#DA70D6;color:#fff !important}
.plan-purple .button{background:#800080;color:#fff !important}
.plan-darkturquoise .button{background:#00CED1;color:#fff !important}
.plan-tomato .button{background:#FF6347;color:#fff !important}
.plan-indigo .button{background:#4B0082;color:#fff !important}
.plan-deeppink .button{background:#ff1493;color:#fff !important}
.plan-darkviolet .button{background:#9400d3;color:#fff !important}
.plan-greenyellow .button{background:#adff2f;color:#fff !important}
.plan-LightSeaGreen .button{background:#20b2aa;color:#fff !important}
.plan-DeepSkyBlue .button{background:#00bfff;color:#fff !important}
.plan-HotPink .button{background:#ff69b4;color:#fff !important}
.plan-magenta .button{background:#ff00ff;color:#fff !important}
.plan-maroon .button{background:#b03060;color:#fff !important}
.plan-OliveDrab .button{background:#6b8e23;color:#fff !important}
.plan-OrangeRed .button{background:#ff4500;color:#fff !important}
.plan-springgreen .button{background:#00FF7F;color:#fff !important}

/*-----------------plan--------------------*/




/*-----------------------------shadow---------------------------*/
.box-shadow-01{-webkit-box-shadow:0 10px 6px -6px #777;-moz-box-shadow:0 10px 6px -6px #777;box-shadow:0 10px 6px -6px #777}
.box-shadow-02{-webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 2px 1px #777;box-shadow:0 2px 1px #777}
.box-shadow-03{box-shadow:0 1px 5px rgba(0,0,0,0.15)}
.box-shadow-04{box-shadow:0 0 4px 1px rgba(0,0,0,0.3)}
.box-shadow-05{box-shadow:0 0 1px rgba(34,25,25,0.4)}
.box-shadow-06{box-shadow:0 1px #FFFFFF inset,0 1px 3px rgba(34,25,25,0.4)}
.box-shadow-07{box-shadow:0 4px 2px -3px}
.box-shadow-08{border-bottom:1px solid rgba(0,0,0,0.2);box-shadow:0 1px 5px rgba(0,0,0,0.15)}
.box-shadow-09{border-bottom:0 none;box-shadow:0 1px 5px rgba(0,0,0,0.46)}
.box-shadow-10{-webkit-box-shadow:0 7px 4px #777;-moz-box-shadow:0 7px 4px #777;box-shadow:0 7px 4px #777}
.box-shadow-11{-webkit-box-shadow:0 3px 2px #777;-moz-box-shadow:0 3px 2px #777;box-shadow:0 3px 2px #777}
.box-shadow-12{box-shadow:0 0.5px 0 0 #ffffff inset,0 1px 2px 0 #B3B3B3}
.box-shadow-13{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5)}
.box-shadow-14{-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset}
.box-shadow-15{box-shadow:0 1px 2px rgba(0,0,0,0.12) inset;border:medium 1px 1px medium none solid solid none -moz-use-text-color #FFFFFF #FFFFFF -moz-use-text-color;background:none repeat scroll 0 0 rgba(0,0,0,0.07);-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none}
.box-shadow-16{box-shadow:0 1px 1px 0 #C7C7C7 inset;background:none repeat scroll 0 0 #E9E9E9}
/*-----------------------------shadow---------------------------*/