@font-face {
	font-family: 'BMitra';
	src: url('../fonts/BMitra/BMitra.eot');
	src: url('../fonts/BMitra/BMitra.eot?#iefix') format("embedded-opentype"),
	url('../fonts/BMitra/BMitra.woff') format("woff"), 
	url('../fonts/BMitra/BMitra.ttf') format("truetype"), 
	url('../fonts/BMitra/BMitra.svg#BYekan') format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
    font-family: "IranSans";
    src:url( "../fonts/IRANSansWeb/IranSansWeb.woff" ) format( "woff" ), url( "../fonts/IRANSansWeb/IranSansWeb.ttf" ) format( "truetype" );
    font-weight: normal;
    font-style: normal;
}
body
{
    direction:rtl;
    font-family:'IranSans','BMitra','Times New Roman';  
    text-align:right;
 }
.cursor-pointer {
  cursor: pointer;
}

     .fontsize{ font-size:16px;}
 select{font-family:'IranSans','BMitra','Times New Roman';}
 .row{ margin:0;}
 .container
 {
     padding:0;

 }
 .container-fluid{ padding:0}
 .cursor-pointer{cursor: pointer;}
 a{ color:Black; text-decoration:none;}
 .dd{text-decoration:none;}
 .padding10{ padding:10px;}
 .fontsize h3{ font-size:16px;}
 .btnE
 {
    font-family:'IranSans','BMitra','Times New Roman';  
 }
 .ColorGreen{color:green;}
 .ColorRed{color:red;}
 .txt{ font-family:'IranSans','BMitra','Times New Roman'; color:#111111; margin-right:5px;}
 .btn-btn2{ background-color:#40d055; border-color:#40d055; font-size:14px;}
.btn-btn2:hover,.btn-btn2:focus{background-color:#65cf74;border-color:#65cf74;}
 .adminlable .dropdown{border:2px solid #224d78;
           text-align:center;
            border-radius:5px;
            padding:5px 25px 5px 25px;
            -webkit-appearance: none; 
            background-image:url('../Images/Arrowhead-Down-01.png');
            background-position:left;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
            font-size:16px;
            font-family:'IranSans','BMitra','Times New Roman';  
 }
 .divError{font-size:16px; line-height:35px; color:#d02d44; background-color:#d1d6d9;border-radius: 5px;
                              margin-bottom:10px;padding:5px 20px 10px 20px;font-weight:bold;}

.divError .icon{background:url('../images/error.png') no-repeat ;width:24px;height:24px; display:inline-block;
                                     vertical-align: middle; margin-left:5px;}
 .divsuccess{font-size:16px;line-height:35px; color:#479b47; background-color:#d1d6d9;border-radius: 5px; 
                             margin-bottom:10px;padding:5px 20px 10px 20px;font-weight:bold;}
 .divsuccess .icon{background:url('../images/tick1.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px;}
.divSettlePrepayment3 .icon{background:url('../images/tick1.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px;}
.InvoicePrepayment .headertxt{ text-align:right; font-size:16px;background-color: #72aacb;
width: 100%;
display: block;padding: 15px;
font-weight: 700;}
 .admindetails .DivMain{ padding:15px;}
 .admindetails .Error{background-color:#e3a7aa;border-radius:5px;}
 .admindetails .Success{background-color:#a6bd9f;border-radius:5px;}
 .dropdown{border:2px solid #224d78;
           text-align:center;
            border-radius:5px;
            padding:5px 25px 5px 25px;
            -webkit-appearance: none; 
            background-image:url('../Images/Arrowhead-Down-01.png');
            background-position:left;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
            font-size:16px;
            font-family:'IranSans','BMitra','Times New Roman';  
 }
 .txtYears{border:2px solid #224d78;
           text-align:center;
            border-radius:5px;
            padding:5px 25px 5px 25px;
            font-size:16px;}
 .dropdown option {font-family:'IranSans','BMitra','Times New Roman';    text-align:center;}
.fontspan
{
    text-align:right;
    direction:rtl;
    font-family:'IranSans','BMitra','Times New Roman';   
 }
.tab-content .Error{ margin:20px 20px 20px 0; font-size:18px; }
 
.full
{
    background-color:#9cc3c9;   
     background: url(../Images/ImagesBack/backimages.jpg) no-repeat center center fixed ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
}

#navbar-headerPE
{
    float:right;
}
.slideshow{z-index:0;}
.mainwrapper{z-index:999; position:relative;}
 .div_00
{
   /* border:2px solid black;*/
    border-radius:10px;
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size:18px;
    background-color:rgba(127, 155, 183, 0.5);
}
 .div_00 h1{ font-size:28px; padding:10px;}
 .div_00 h2{ font-size:23px;padding:10px;line-height:45px;}
 .div_01 .btn
{
   /* border:2px solid black;*/
    border-radius:10px;
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size:19px;
    padding:10px;
}

.div_00 .color{opacity:1;}
.title{ padding-top:20px;}
.div_00 h1,.div_00 h2{ color:Black; opacity:1;}

.div_02
{
    background-color:#397ea6;
    border:1px solid black;
    border-radius:5px;
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.div_03
{
    border-radius:10px;
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     background-color:rgba(24, 89, 155, 0.7);
     color:#fff;
     margin-top: 10px;
     padding-bottom:10px;
     padding-top:10px;
   
   
}
.div_03 .textimportance{ text-align:justify;
                         padding:10px 25px;
}
.div_03 h2{ color:#62a7ee;margin:0; padding:0; line-height:45px; font-size:20px}
.div_03 h3{line-height: 45px;margin-top:10px; padding:0;}
/* Flash class and keyframe animation */
   /* Flash class and keyframe animation */
.flashit{
  color:#fff;
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 2.5s infinite;
    font-size:18px;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
.line{ margin:0;}
.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #142644;
    margin: 40px 0;
}
.ShowOrder .line,.AdminDetaisInvoice .line {
    /*width: 70%;*/
    height: 1px;
    border-bottom: 1px solid #9faeaa;
    margin: 10px 0;
}
.ShowOrder .backto .title-E{font-size:14px;}
.line1 {
    width: 70%;
    background-color: #137290;
    height:3px;
    padding:0;
}
/*----------------------------------------------------------------------------------------*/

body{ direction:rtl;}



a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.underline{ text-decoration:solid;}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
#Error01{display:none; /*font-size:15px;color:#d02d44;*/line-height:35px;  background-color:#d1d6d9;border-radius: 5px;
                              margin-bottom:10px;padding:5px 20px 10px 20px;font-weight:bold;}
#Warning{font-size:15px; line-height:35px; color:#d02d44; background-color:#d1d6d9;border-radius: 5px;
                              margin-bottom:10px;padding:5px 20px 10px 20px;font-weight:bold;}

.ErrorLogin .Error{background-color:rgba(255, 255, 255, 0.3); margin:10px;
padding-right: 5px;
margin-left: 5px;
text-align: center;
border-radius: 5px;color:rgba(246, 5, 33, 0.7); }
.Error .spanerror{ text-align:center;}
.Error .spanerror .icon{background:url('../images/error.png') no-repeat ;width:24px;height:24px; display:inline-block;
                                     vertical-align: middle; margin-left:5px; margin:15px;}
.Success,.Error{font-size:15px;line-height:35px; color:#479b47; background-color:#d1d6d9;border-radius: 5px; 
                             margin-bottom:10px;padding:5px 20px 10px 20px;}
.Error{ color:red;}
.Success .spansuccess{ text-align:center;display:block;}
.Success .spansuccess .icon{background:url('../images/tick1.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px;
                            margin:15px;
}
/* ---------------------------------------------------
    StatusCustomer STYLE
----------------------------------------------------- */
.adminsidebar li .icon1 {background:url('../Images/flesh1.png') no-repeat ;width:25px;height:25px; display:inline-block; float:left;margin-left: 5px;}
.SidebarCustomer .icon1{background:url('../Images/reserve.png') no-repeat ;width:24px;height:26px; display:inline-block; float:right;margin-left: 8px;}
#Li1 .icon1{background:url('../Images/flesh1.png') no-repeat ;width:25px;height:25px; display:inline-block; float:left;margin-left: 5px;}
#li2 .icon{background:url('../Images/gozaresh2.png') no-repeat ;width:24px;height:26px; display:inline-block; float:right;margin-left: 5px;}
.SidebarCustomer .icon2{background:url('../Images/karbar.jpg') no-repeat ;width:25px;height:28px; display:inline-block; float:right; margin-left:8px;}
#StatusCustomer .headerUser .icon{float:right;background:url('../Images/gozaresh3.png') no-repeat ;width:112px;height:107px;}
#StatusCustomer .headerUser{ width:100%; padding: 10px; font-size:30px;}
.Admin .sizeaddon{ /*width:100px;*/ padding:8px 10px;}
/* ---------------------------------------------------
    ProfileCustomer STYLE
----------------------------------------------------- */
#ProfileCustomer .icon{float:right;background:url('../Images/karbar2.png') no-repeat ;width:51px;height:50px; vertical-align:middle; display:inline-block;}
#ProfileCustomer .icon1{float:right;background:url('../Images/karbar3.png') no-repeat ;width:51px;height:50px; vertical-align:middle; display:inline-block;}
#ProfileCustomer .headerUser{ width:100%; padding: 10px;border-radius: 5px; font-size:28px;}
.backcolor{ background-color:#5388b5;min-height: 500px;border: 2px solid #9cc3c9;border-radius: 5px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#StatusCustomer .iconup,.DivMain .iconup{float:right;background:url('../Images/up.png') no-repeat ;width:35px;height:35px; vertical-align:middle;}
#StatusCustomer .icondown,.DivMain .icondown{float:right;background:url('../Images/down.png') no-repeat ;width:35px;height:35px; vertical-align:middle;}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
float:right;
    
    background-color: #223a61;
    border: 2px solid #223a61;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:100%;
    color:#ffffff;
}

#sidebar .sidebar-header {
    padding: 15px;
    background:#315084;
    text-align:center;
}
    #sidebar .sidebar-header h3 {
        font-size: 20px;
    }
.DivRight .sidebar-menu .card-body{padding:0;}
.sidebar-menu ul{ width:100%;}
.sidebar-menu .sidebarli{ border-bottom:#142644 solid 2px;width: 100%; font-size:14px;}

.sidebar-menu .ulsidebar1 li:hover{
  /*background: skyblue;
  border-radius: 10px;*/
  color:#ffffff;
}
.sidebar-menu .ulsidebar1 li{ color: #dcc; font-size:15px;}
.sidebar-menu ul li .icon2 
{
      float:right;
   background:url('../Images/edit-icon.png') no-repeat ;
   width:24px;
   height:24px;
  }
  .sidebar-menu ul li ul{ background-color:#315288;border-radius: 5px;}
#drowpdown1 .ulsidebar2 li:hover{ background-color:#5b99b2;border-radius: 10px;}
#drowpdown1 .ulsidebar2 li{ width:100%; font-size:18px; }
.adminsidebar .ulsidebar2 li{ width:100%; }
 
 
 
 
#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid $lila-line;
}


#sidebar ul li a {
    padding: 10px;
    font-size: 1em;
    display: block;
}


#sidebar ul li.active>a, a[aria-expanded="true"] {
    color: $text-sidebar;
    background: $lila-60;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: $lila-60;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media only screen and (min-width:1024px)
{
   
    
}
/*@media only screen and (min-width: 980px) and (max-width: 1024px)  
{
    
      #sidebarCollapse{display: none;}
     
}*/
@media only screen and (min-width: 879px) and (max-width: 1024px)  
{
   
     
}
@media (max-width: 878px) 
{
   
}

/* ---------------------------------------------------
    NAV-TABs
----------------------------------------------------- */
.not-allowed{cursor: not-allowed;}
.not-active {text-decoration: none;pointer-events: none;}
.activelink{pointer-events: auto;cursor:pointer;}
.Stabactive{pointer-events: auto;cursor:pointer; background-color:Blue;}
.tab-pane .labletext{ padding:5px 5px 0 5px; color:#fff; font-size:18px;}
.adminlable .labletext{ padding:5px 15px 5px 5px; color:#000; font-size:18px;}
.wrapper {
 /* height: 100vh;
  background: #f9f6f1;
  display: flex;*/
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: cover; padding: 0px 20px 0px 20px; }

 
nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;

}
.nav-tabs .nav-item.nav-link
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
    font-size:15px;
}

.nav-tabs .nav-item.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#fff;
    background:#272e38;
    border-radius:0;
    background-color:#2d84b5;
    font-size:15px;
    transition: background-color .3s .2s;
}
.nav-tabs  .nav-item{ background-color:#2d84b5;}
.nav-tabs  .nav-item.nav-link.active:after
 {
 /* content: "";*/
  position: relative;
   top:255%;
  left: 40%;
  border: 15px solid transparent;
  border-top-color: #156694 ;

  
}
.S1 .icon{background:url('../Images/s1.png') no-repeat ;width:50px;height:60px; display:inline-block;vertical-align: middle; margin:5px; }
.S2 .icon{background:url('../Images/s2.png') no-repeat ;width:50px;height:53px; display:inline-block;vertical-align: middle; margin:5px;}
.S3 .icon{background:url('../Images/s3.png') no-repeat ;width:50px;height:53px; display:inline-block;vertical-align: middle; margin:5px; }
.S4 .icon{background:url('../Images/s4.png') no-repeat ;width:40px;height:53px; display:inline-block;vertical-align: middle; margin-left:5px; margin-top:5px; }
.S55 .icon{background:url('../Images/s5.png') no-repeat ;width:50px;height:53px; display:inline-block;vertical-align: middle; margin-left:5px; margin-top:5px; }
.S5 .icon{background:url('../Images/s3.png') no-repeat ;width:50px;height:53px; display:inline-block;vertical-align: middle; margin-left:5px; margin-top:5px; }
.S6 .icon{background:url('../Images/s4.png') no-repeat ;width:50px;height:53px; display:inline-block;vertical-align: middle; margin-left:5px; margin-top:5px; }
.tab-content .txt{ line-height:35px;}
.nav-tabs .icon3{background:url('../Images/edit-icon.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px;}
.section3 .icon3{background:url('../Images/edit-icon.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px;}
.section1 .sizeaddon{ width:130px;}
.sizeaddon3{ width:210px;}
.section1 .iconerrore , .section2 .iconerrore , .section3 .iconerrore,.adminlable .iconerrore{background:url('../Images/error.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin:20px 20px 20px 0;}
.adminlable .icontick, .section3 .icontick, .section4 .icontick,.admindetails .icontick{background:url('../Images/tick1.png') no-repeat ;width:24px;height:24px; 
                                           display:inline-block;vertical-align: middle; margin:20px 20px 20px 20px; color:Green;}
.section2 .sizeaddon{ width:180px;}
.section2 .Prepaymentcss{ font-size:20px; font-weight:bold; padding:10px 10px 10px 0; color:#d92349;}
.section4 h4,.section4 h5{font-size:14px;}
.adminlable .sizeaddon{ width:auto}
#spansection41 .icon{ display:none; background:url('../Images/tick1.png') no-repeat ;width:40px;height:43px; display:inline-block;vertical-align: middle; margin-left:5px; margin-top:5px; }
#spansection42 .icon{ display:none; background:url('../Images/error.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px; margin-top:5px; }
.adminlable .btn-padding{ padding:10px 35px 10px 35px; color:#fff; font-size:20px; }
 .btn-padding{ padding:10px 35px 10px 35px; font-size:16px;}
.section5 .icon2{background:url('../Images/edit-icon.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px;}
.spanstar{ font-size:22px; color:#cf142f;}
.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-right:5px solid #156694;border-left:5px solid #156694;
    border-bottom:5px solid #156694;
    padding:30px 25px;
}

.nav-tabs .nav-item.nav-link:hover
{
  border: none;
    background: #608da7;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
    
}
.nav-tabs .nav-item.nav-link:focus
{
  border: none;
    background: #608da7;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

/*------------------------------------------------------------------------------------------*/
.SidebarCustomer,.SidebarAdmin{
    width:100%;
}

.ManageTxt .uib-accordion-button, .SidebarCustomer .uib-accordion-button,.admindetails .uib-accordion-button
{ position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 17px;
    color: #dcc;
    text-align: right;
    background-color: transparent;
    border: 1px solid #113b62;
    border-radius: 0;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;}
.SidebarCustomer .accordion-header .uib-accordion-button{ font-family:'IranSans','BMitra','Times New Roman';}
.admindetails .uib-accordion-button{ border-bottom: 1px solid #3a71a5; color:#ffffff;font-family:'IranSans','BMitra','Times New Roman';}
.admindetails .accordion-body{padding-top:0.7rem}
.ManageTxt .uib-accordion-button:not(.collapsed),.SidebarCustomer .uib-accordion-button:not(.collapsed),.admindetails.uib-accordion-button:not(.collapsed)
{background-color:#205b91; color:#ffffff;/*font-family: FontAwesome;content:"\f068";*/}
.ManageTxt .uib-accordion-button:not(.collapsed) span,.SidebarCustomer .uib-accordion-button:not(.collapsed) span,
.admindetails.uib-accordion-button:not(.collapsed) span{font-family:'IranSans','BMitra','Times New Roman';}
.ManageTxt .uib-accordion-button:not(.collapsed):after,.SidebarCustomer .uib-accordion-button:not(.collapsed):after,
.admindetails.uib-accordion-button:not(.collapsed):after
{font-family: FontAwesome;content:"\f068";}
.ManageTxt .uib-accordion-button:not(.collapsed):after span,.SidebarCustomer .uib-accordion-button:not(.collapsed):after span,
.admindetails.uib-accordion-button:not(.collapsed):after span{font-family:'IranSans','BMitra','Times New Roman';}
.ManageTxt .uib-accordion-button ,.SidebarCustomer .uib-accordion-button{background-color:#205b91; color:#ffffff;}
.ManageTxt .uib-accordion-button:hover ,.SidebarCustomer .uib-accordion-button:hover,.admindetails .uib-accordion-button:hover
{background-color:#205b91; color:#ffffff; font-weight:bold;}
.ManageTxt .uib-accordion-button:after ,.SidebarCustomer .uib-accordion-button:after, .admindetails .uib-accordion-button:after
 {font-family: FontAwesome;content: "\f067";font-size: 17px;margin-right: auto;}
.SidebarCustomer .uib-accordion-button{font-size:15px;}
.ManageTxt .div_02{ color:#ffffff;}
.ManageTxt .div_02 span{ padding:10px;}

.colorB
{
    background-color:#224d78;
}
.custom-toggler.navbar-toggler {
    border-color: #4a92da;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(56,159,175, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}
#ulnav li{ margin-right:10px; width:100px;}
#ulnav li:hover{ background-color:#5a8bbd;border-radius: 5px;}
#ulnav li.active{  background-color:#3a77b3;border-radius: 5px;}
.custom-toggler1 .navbar-toggler {
    border-color: #124d66;
}
.sidebar-header .icon{background-image:url('../Images/services1.png');width:100px;height:100px; display:inline-block;vertical-align: middle; margin-left:5px;}
.custom-toggler1 .navbar-toggler-icon {
   
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(56,159,175, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

  }
.navbartoggler1{border-bottom:2px solid #7aacd6;}
.prl-0{ padding-right:0px; padding-left:0;}
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-custom > .input-group-text{border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius:0;border-bottom-left-radius: 0; padding-bottom:10px; padding-right:18px;} 
.input-group > .form-control{border-top-right-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
.input-group > .form-control:not(:first-child){border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)
{border-top-left-radius: 5px;border-bottom-left-radius: 5px;margin-left: 0px;}
.Login .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-top-left-radius: 5px;border-bottom-left-radius: 5px;
}
.input-group-custom span{ padding-top:10px;}
select.form-control:not([size]):not([multiple]) {
    height:auto;
}
.CustomDivT 
{
    background-color:#224d78;
    margin: 5px;
    min-height: 40px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    font-size:18px;
    color:#fff;
}
.CustomDivT .navbar-brand{ font-size:16px;}
.header{background-color:#224d78;min-height: 40px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);margin:0;font-size:20px;color:#fff; padding:15px;}
.header .row{ margin:0; padding:0;}
  .sign-out, .backto{ float:left; text-align:left;z-index: 9999;position: relative;}
.sign-out .icon{background:url('../Images/logout.png') no-repeat ;width:40px;height:41px; display:inline-block; margin-left:5px;}
.backto .icon{background:url('../Images/backEn.png') no-repeat ;width:45px;height:45px; display:inline-block; margin-left:5px;}

.CustomDivT .hrefnolink{text-decoration: none;}
.CustomDivM 
{
    margin-top:0px;
     padding:20px 10px 20px 10px;
    background-color:#5086b9;
    min-height: 50px;
    text-align: center;
    border: 2px solid #296093;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size:16px;
    line-height:35px;
}
.CustomDivM-1 
{
     padding:20px 10px 20px 10px;
    background-color:#8cafcf;
    min-height: 40px;
    text-align: center;
    border: 2px solid #296093;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size:20px;
    line-height:35px;
}
.CustomDivM-1 .imguser{ border-left:2px solid #5086b9;}
.CustomDivM-1 .customername{font-size:16px;}
.CustomDivM-2
{
    margin-top:0px;
     padding:10px 10px 10px 10px;
    background-color:#cfd388;
   
    border: 2px solid #296093;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size:20px;
    line-height:30px;
}
.CustomDivM-2 .icon{float:right; text-align:center; background:url('../Images/hoshdar.png') no-repeat ;width:70px;height:64px; display:inline-block;vertical-align: middle; margin-left:5px;}
#HolidaysDetails .icon{float:right; text-align:center; background:url('../Images/hoshdar.png') no-repeat ;width:70px;height:64px; display:inline-block;vertical-align: middle; margin-left:5px;}
.slid1
{
    margin: 5px;
    background-color: #E5EEFF;
    border: 2px solid black;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height:200px;
}

.CustomDivR 
{
    float:right;
    margin-top:5px;
    background-color: #fff;
    border: 2px solid #4b98e5;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:100%;
}
.DivLogin .DivRight{
    float:right;
    margin-top:5px;
    background: url(../Images/loginback.jpg)no-repeat center center  ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:100%; 
    border: 2px solid #9cc3c9;
}
.DivRegister .DivRight,.DivCustomer .DivRight{
    float:right;
    margin-top:5px;
    background: url(../Images/loginback.jpg)no-repeat center center  ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:100%; 
    border: 2px solid #9cc3c9;
}
.DivMain .back1{ background-color:#5469b5;padding:20px;}
.DivCustomer .input-group h4{font-size:16px; line-height:45px;}
.DivCustomer .DivMain{ padding:0 15px;}
.DivCustomer .divInvoiceCustomer{padding:10px;}
.DivRegister .DivRight .parentback{margin:10px 15px;}
.DivRegister .DivRight .parentback .spanstar{ padding:0 7px;}
.DivRegister .DivRight .parentback .sizeaddon{ width:140px;}
.DivLogin .DivRight .parentback .btn-success{font-size:18px;}
.DivRegister .DivRight .parentback .btn-success{font-size:17px;}
.DivRegister .DivRight .parentback .success .labletext{ font-size:18px; color:#267126;}
.DivRegister .DivRight .parentback .success .icon{background:url('../Images/tick1.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px;}
.DivRegister .linklogin{ margin:15px 5px; color:darkblue;}
.DivRegister .linklogin span{color:darkblue;}
.DivRight{float:right;
    margin-top:5px;
    background: url(../Images/backlogin3.png); 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:100%; 
    border: 2px solid #9cc3c9;
    
    
    }
.DivCustomerRight{
    margin-top:5px;   
    height: auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:100%; }
  /*.DivRight  .parentback{background-color:rgba(113, 136, 159, 0.3); margin:20px;border-radius: 5px;font-size:20px; padding-bottom:20px;}*/
 
  .DivRight  .parentback img{ margin-top:-20px;}
  .DivRight .parentback .btn , #Signup_2 .parentback .btn , .DivMain .parentback .btn{font-size:22px;}
  .Login .form-group{margin-bottom: 1rem;}
  .Login{padding-right: 15px;padding-left: 15px;}
#Errordiv01,#Errordiv03,#Errordiv04,#Errordiv41,#Errordiv42,#Errordiv12,#Errordiv21,
#Errordiv23,#Errordiv22,#Errordiv23,#Errordiv24,#Errordiv31,#Errordiv33,#Errordiv34,#Errordiv35,#Errordiv36{ display:none; font-size:18px; color:#d02d44; background-color:#fff;border-radius: 5px; margin-bottom:10px; padding:5px 10px 10px 5px; width:auto; font-weight:bold;}
#Errordiv02 {font-size:18px; color:#c63341; background-color:rgba(225, 225, 225, 0.6);border-radius: 5px; margin-bottom:10px; padding:10px 10px 10px 10px; text-align:center; width:300px;font-weight:bold;}
#Errordiv03{font-size:18px; color:#c63341; background-color:rgba(225, 225, 225, 0.6);border-radius: 5px; margin-bottom:10px; padding:10px 10px 10px 10px; display:none;  font-weight:bold;}
#Errordiv04{ display:none; font-size:18px; color:#d02d44; background-color:#fff;border-radius: 5px; margin-bottom:10px; padding:10px 10px 10px 10px; width:auto; font-weight:bold;}
#Errordiv05{ display:none; font-size:18px; color:#d02d44; background-color:#fff;border-radius: 5px; margin-bottom:10px; padding:10px 10px 10px 10px; width:auto; font-weight:bold;}
.Errordiv{font-size:18px; color:#d02d44; background-color:#fff;border-radius: 5px; margin-bottom:10px; padding:10px 10px 10px 10px; width:auto; font-weight:bold;}
.DivLeft {background: url(../Images/backlogin3.png); -webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;
    margin-top: 5px;min-height: 500px;border: 2px solid #9cc3c9;border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.DivCustomer{margin-top: 5px;min-height: 500px;border: 2px solid #9cc3c9;border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.DivCustomer .DivLeft{margin-top: 5px;min-height: 500px;}
.DivMain .parentback{background-color:rgba(113, 136, 159, 0.3); margin:20px;border-radius: 5px;font-size:20px; padding-bottom:20px;}
.ShowOrder .DivMain .backorder, .AdminDetaisInvoice .DivMain .backorder{border-radius: 5px;font-size:20px; margin:20px 20px 0 20px;}
#Signup_2 .parentback{background-color:rgba(113, 136, 159, 0.3); margin:20px;border-radius: 5px;font-size:20px; padding-bottom:20px;}
.tooltip-inner 
{
        color: #FFFFFF;
    border: 2px solid #bd3340; 
    font-family:'IranSans','BMitra'; 
    background-color: #bd3340; font-size:16px;
}
.Login .form-group1{ padding-top:15px;}
.form-group1 span{ padding-top:15px;}
.DivMain .labletext{ padding:3px 5px 2px 5px; color:#fff; font-size:16px;}
.DivMain .sizeaddon{ width:130px;}
.DivMain .EditSample .sizeaddon1,.DivMain .EditSample .sizeaddon1{ width:190px;}
.DivMain .txttext ,#Signup_2 .txttext{ font-size:16px; padding-right:20px;}
.DivMain .DetailsPrepayment .txttext{ background-color:#ffffff; text-align:center;}
.section3 .sizeaddon{ width:140px; text-align:center;}
#spanerror { display:none;}
#spanerror .icon , #Signup_2 .icon,.spanerror .icon{background:url('../Images/error.png') no-repeat ;width:24px;height:24px; display:inline-block;vertical-align: middle; margin-left:5px;}
.Errordiv03{font-size:15px; color:#c63341; background-color:rgba(225, 225, 225, 0.6);border-radius: 5px; margin-bottom:10px; 
            padding:10px 10px 10px 10px;}
#Signup_2 .labletext{ padding:5px 7px 5px 7px; color:#fff; font-size:18px; text-align:justify;}
.DivMain .DivPrepayment1 .labletext{padding:5px 7px 5px 7px; color:#224d78; font-size:20px; font-weight:500; text-align:justify; line-height:35px;}
#Signup_2 .sizeaddon{ width:200px;}
.success .icon{background:url('../Images/tick.png') no-repeat ;width:60px;height:61px; display:inline-block;vertical-align: middle; margin-left:5px;}
.success{background-color:rgba(14, 137, 138, 0.6);border-radius: 5px; padding:20px;}
.success .labletext{ font-size:20px; color:#fff;}
#Reserve {background-color: #223a61; margin-top: 5px;min-height: 500px;border: 2px solid #223a61;border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#ChangeReserveDays{background-color: #2f4b79; min-height: 500px;border: 2px solid #223a61;border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color:#fff;}
#ChangeReserveDays .icon{background:url('../Images/hoshdar.png') no-repeat ;width:70px;height:64px; display:inline-block;vertical-align: middle; margin-left:5px; margin-top:10px;}
#ChangeReserveDays .sizeaddon{ width:130px;}
#ChangeReserveDays .btn{ font-size:20px;}
.btn-order-more::before {
    content:"\f053";
    font-size: 22px;
    font-weight: 700;
    color: #a9a9a9;
}
.btn-order-more:not(.disabled):not(.is-inactive):not([disabled])::after {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 200%;
    height: 200%;
    position: absolute;
    right: -50%;
    top: -50%;
    background: hsla(0,0%,100%,.21);
    content: "";
    opacity: 0;
}
.pannel-back1
{
    background-color:#a4ef93;
}
.pannel-back2
{
    background-color:#cf90d3;
}
.btn-pannel-back2
{
    background-color:#cb64d2;
     color:White;
}
.btn1007
{
    background-color: #667755;
}
.radiobuttonlist
{
    font-size:20px;
  
    
}
.radiobuttonlist label,.CheckBoxList label
{
    
    padding-right: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    white-space: nowrap;
    clear: left;
    margin-right: 5px;
}
.order-item-detail { font-size:18px;}
.order-item-detail::before{
    content: "";
background: #dfdfdf;
width: 4px;
height: 4px;
margin: auto 12px;
display: inline-block;
border-radius: 50%;
}
.line{ border-bottom:2px solid red;}
.admindetails{
    background-color:#9cc3c9;   
     background: url(../Images/ImagesBack/backimages.jpg) no-repeat center center fixed ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height:100%;
}
.admindetails .DivLeft {background: url(../Images/loginback.jpg); -webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;
    margin-top: 5px;min-height: 500px;border: 2px solid #9cc3c9;border-radius: 5px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.admindetails .line{border-bottom:2px solid #80a8ce;}
.radiobutton label{padding-right:5px;}
.EditCustomer .radiobutton > tbody > tr > td,.EditBlockID .radiobutton > tbody > tr > td{ padding-right:20px;}
.admindetails .radiobutton > tbody > tr > td{ padding-left:10px;}
.EditCustomer .radiobutton label,.EditBlockID .radiobutton label{padding-right:5px;}
.DivB{ margin-top:10px; line-height:35px; font-size:15px;}
.DivB span{padding-left:7px;}
.CustomDivB-1
{
    margin-top: 5px;
    background-color: silver;
    min-height: 100px;
    text-align:right;
  
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.directionlbl
{
    text-align:right;
}
.ShowDetailsCustomer { margin:0 10px 0 10px;}
.ShowDetailsCustomer{ border:1px solid #595353;}
 .ShowDetailsCustomer .detailR{ padding:10px;  border-bottom:2px solid #878181; border-left:2px solid #878181;}
 .ShowDetailsCustomer .detailL{ padding:10px;  border-bottom:2px solid #878181;}
 .ShowDetailsCustomer .title{font-size:17px;font-family:'IranSans','BMitra',Tahoma,'Times New Roman' ; color:#111111;}
 .ShowDetailsCustomer .txt{font-size:15px; font-family:'IranSans','BMitra',Tahoma,'Times New Roman' ; color:#53544f;}
 .ShowDetailsCustomer .header{ background-color:#929390; }
.ShowDetailsCustomer .header p{ font-size:20px; color:#111111; padding:15px 10px 10px 0;}
 .ShowDetailsCustomer {border:2px solid #878181; margin:15px 5px;}
/* Tooltip */
.tooltip-C + .tooltip > .tooltip-inner {
    background-color: red;
    color: #FFFFFF;
    border: 2px solid red; 
    font-family:'IranSans','BMitra'; 
}

.tooltip1-C + .tooltip > .tooltip-inner {
    background-color: red;
    color: #FFFFFF;
    border: 2px solid red; 
    font-family:'IranSans','BMitra'; 
}

.kadr
{
    border: 3px solid green; 
}
.fontcustomize{ font-family:'IranSans','BMitra','Times New Roman'; font-weight:normal; }
.menuMP
{
    font-family:'IranSans','BMitra','Times New Roman';
    margin-right:15px;
}
.Ccolor
{
    color:Red;
}
.hideGridColumn
{
    display:none;
}
.opacity-low
{
    opacity:0.5;
    color: #aecef0;
}
.opacity-high
{
    opacity:1;
   /*color: #aecef0;*/
}
.opacity-alert
{
    opacity:1;
    color:Red;
}
.Divorder .DivLeft{margin-top: 5px;
                   min-height: 500px;border: 2px solid #9cc3c9;border-radius: 5px; 
                   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.Order .txt{ font-size:18px; color:#102864; font-weight:500;}
.Order .txt1{ font-size:17px; color:#ffffff;}
.Order .txt2{ font-size:15px;}
.InvoicePrepaymentDoit { margin:15px;  }
.InvoicePrepaymentDoit i,.DaysReserved i{color:#f9eb06;}
  
/* Pulse class and keyframe animation */
.pulseit{
	-webkit-animation: pulse linear .5s infinite;
	animation: pulse linear .5s infinite;
}
@-webkit-keyframes pulse {
	0% { width:200px; } 
	50% { width:340px; } 
	100% { width:200px; }
}
@keyframes pulse {
	0% { width:200px; } 
	50% { width:340px; } 
	100% { width:200px; }
}

  /* :: 3.5.0 Preloader */
.preloader {
  background-color: #f2f4f5;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  overflow: hidden; }
  .preloader .preloader-circle {
    width: 120px;
    height: 120px;
    position: relative;
    border-style: solid;
    border-width: 2px;
    border-top-color: #244de3;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease; }
  .preloader .preloader-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 200; }
    .preloader .preloader-img img {
      width:100%;
      height:100%;
       }

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes zoom {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
    

/* ---------------------------------------------------
    myGridClass STYLE
----------------------------------------------------- */

.myGridClass {
  width: 100%;
  /*this will be the color of the odd row*/
  background-color: #fff;
  margin: 5px 0 10px 0;
  border: solid 1px #525252;
  border-collapse:collapse;
  text-align:center;
  /*border-radius: 5px;*/
}

/*data elements*/
.myGridClass td {
  padding: 10px 2px;
  border: solid 1px #c1c1c1;
  color: #050404;
  text-align:center;
  font-size:15px;
 /* border-radius:6px;*/
  
}
.myGridClass .InvoicePrepayment td{
    padding: 10px 2px;
  color: #050404;
  text-align:right;
  border:none;
}
/*header elements*/
.myGridClass th {
  padding: 10px 2px;
  color: #fff;
  background:#146587;
  /*border-left: solid 1px #525252;*/
  font-size: 16px;
  text-align:center;

}
.GridPager{ padding-top:85px;}
.GridPager a
{
    margin-top:55px;
    border-radius:50%;
      background-color:#156694;
      padding:5px 10px 5px 10px;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
}
.GridPager a:hover{
    background-color:#72aacb;
    color:#000;
}
.GridPager span{
    background-color:#72aacb;
    color:#000;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;

    border-radius:50%;
    padding:5px 10px 5px 10px;
}
/*his will be the color of even row*/
.myGridClass .myAltRowClass { background: #72cace repeat-x top; }

/*and finally, we style the pager on the bottom*/
.myGridClass .myPagerClass { background: #424242; }

.myGridClass .myPagerClass table { margin: 5px 0; }

.myGridClass .myPagerClass td {
  border-width: 0;
  padding: 0 6px;
  border-left: solid 1px #666;
  font-weight: bold;
  color: #fff;
  line-height: 12px;

}

.myGridClass .myPagerClass a { color: #666; text-decoration: none; }

.myGridClass .myPagerClass a:hover { color: #000; text-decoration: none; } 

.headerCustomerTable
{
    
    background-color:#6a94b8;
    text-align:right;
    margin-top:15px;
    padding:10px;
   /* border-radius: 5px;*/
}
.borderimg
{
    border:2px solid red;
}
.footer{ margin-left:0; margin-right:0; width:100%;padding:15px 0 0px 0; position: relative;
  bottom: 0}
.footer .phone,.footer .email{ text-align:center;}
.CustomDivB {
    margin-top: 35px;
    min-height: 100px;
    text-align:right;
     color:#fff;
     height:auto;
    background-color: #224d78;
    padding:10px 0 15px 0;
    /*border-radius: 5px;border: 2px solid black;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
/*******************Glyphs Custom*********************/

.FillCalender h5{font-size:16px;}
.divholiday1 h1{ font-size:20px;}		
@media screen and (max-width: 576px) 
{
     .mainwrapper{padding:0 10px;}
}
@media screen and (max-width: 420px) 
{
     .DivCustomer .form-horizontal{padding:5px 0;}
     .DivCustomer .form-horizontal .btn-padding{padding:10px 0;}
}
/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) 
{
     .dropdown{ margin-top:20px; width:200px;}
    .navbartoggler1{width:100% }
    .footer .phone, .footer .email{ text-align:right;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) 
{
  .navbartoggler1{width:100% }
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) 
{
    
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) 
{
   

}
.drop
    {
        
         direction:rtl;
    }