﻿/*start noty*/
#noty_bottomLeft_layout_container {
  left: 60px !important;
}
#noty_topLeft_layout_container li:first-child {
  position: relative;
  left: 40px;
  top: 0;
}
#noty_topLeft_layout_container li:first-child {
  position: relative;
  left: 40px;
  top: 0;
}
.noty_message {
  border: none !important;
  box-shadow: none !important;
}
.noty_message .alert {
  border: none;
  margin-bottom: 10px;
  z-index: 3;
}
#noty_top_layout_container li:first-child {
  margin-top: 50px!important;
}
#noty_bottom_layout_container li {
  height: auto !important;
}
#noty_bottom_layout_container li .alert {
  margin-bottom: 0;
  margin-top: 10px;
}
#noty_topLeft_layout_container li:first-child {
  margin-top: 50px !important;
}
#noty_topCenter_layout_container li:first-child {
  margin-top: 40px !important;
}
#noty_topRight_layout_container li:first-child {
  margin-top: 50px !important;
}
.noty_inline_layout_container li,
#noty_topRight_layout_container li,
#noty_topLeft_layout_container li,
#noty_topCenter_layout_container li,
#noty_center_layout_container li,
#noty_centerLeft_layout_container li,
#noty_centerRight_layout_container li,
#noty_bottomLeft_layout_container li,
#noty_bottomCenter_layout_container li,
#noty_bottomRight_layout_container li {
  -moz-transition-delay: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  -moz-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.noty_inline_layout_container {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.noty_inline_layout_container li {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.noty_inline_layout_container li:first-child {
  margin-bottom: 0;
}
.notification-success {
    border: 1px solid #2fe42d !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 5px #a6ffef;
}
.notification-danger {
    border: 1px solid #ffc1c1 !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 10px pink;

}
.noty_message p {
    direction: rtl;
} 

/*end noty*/
.inputbox {
    overflow: visible;
    position: relative;
    z-index: 0;
    display: table-cell;
    vertical-align: top;
}
.inputbox span.errmsg {
    position: absolute;
    top: 0;
    border: 1px solid #ffa6c3;
    text-align: right;
    background-color: #ffe6ea;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 10px;
    color: red;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    padding: 3px 7px !important;
    opacity: 0;
    margin-left:15px;
}
    .inputbox.notValid span.errmsg {
        transform: translateY(-96%);
        opacity: 1;
        height: auto;
    }
    .inputbox.notValid input.input-error, .inputbox.notValid .select2-choice, .inputbox.notValid textarea.input-error {
        background-color: #fffbfb !important;
        border-top: 1px solid #D6E9C6 !important;
        border-left: 1px solid #D6E9C6 !important;
        border-right: 1px solid #D6E9C6 !important;
        border-bottom: 2px solid #ffa6c3 !important;
        color: #ff0053 !important;
    }
    .inputbox input.input-success, .inputbox .select2-choice, .inputbox textarea.input-success {
        border-top: 1px solid #D6E9C6 !important;
        border-left: 1px solid #D6E9C6 !important;
        border-right: 1px solid #D6E9C6 !important;
        border-bottom: 1px solid #D6E9C6 !important;
    }
    .inputbox.valid input.input-success, .inputbox.valid .select2-choice,.inputbox.valid textarea.input-success {
        border-top: 1px solid #D6E9C6 !important;
        border-left: 1px solid #D6E9C6 !important;
        border-right: 1px solid #D6E9C6 !important;
        border-bottom: 2px solid #31b294 !important;
    }
    .inputbox input:focus, .inputbox.valid .select2-choice:focus, .inputbox.valid textarea:focus {
        border: 1px solid #88e4ff !important;
    }
    .inputbox.notValid input:focus, .inputbox.notValid .select2-choice:focus, .inputbox.notValid textarea:focus {
        border-top: 1px solid #88e4ff !important;
        border-left: 1px solid #88e4ff !important;
        border-right: 1px solid #88e4ff !important;
    }
    .inputbox.valid input:focus, .inputbox.valid .select2-choice:focus, .inputbox.valid textarea:focus {
        border-top: 1px solid #88e4ff !important;
        border-left: 1px solid #88e4ff !important;
        border-right: 1px solid #88e4ff !important;
    }
    
::-webkit-input-placeholder {
   color: red;
    font-size: 10px;
    font-family: 'Yekan', 'tahoma';
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
    font-size: 10px;
    font-family: 'Yekan', 'tahoma';
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
    font-size: 10px;
    font-family: 'Yekan', 'tahoma';
}

:-ms-input-placeholder {
    color: red;
    font-size: 10px !important;
    font-family: 'Yekan', 'tahoma';
    font-weight: 100 !important;
}
input[type='text'],input[type='password'] {
    font-size: 11px;
    height: 33px;
}
label {
    font-weight: 400;
}
.form-group label {
    padding-top: 6px !important;
}
.popover {
    font-family: 'Yekan', 'tahoma';
    max-width: 500px;
}
    .popover.bottom > .arrow:after {
        left: 50%;
    }
    .calendar-input-group-addon {
        float: right;
        position: absolute;
        text-align: center !important;
        width: 36px;
        height: 100%;
        line-height: 30px;
        color: rgba(27, 30, 37, 0.3);
        cursor: pointer;
        padding-top: 0;
    }
  .prepend-icon span.ic {
        color: inherit;
        padding: 0;
        font-size: 1.5em;
        vertical-align: middle;
    }
.prepend-icon i {
    color: #1b1e25;
    color: rgba(27, 30, 37, 0.3);
    font-size: 14px;
    height: 34px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 36px;
    right: 5px;
}
.prepend-icon input {
  padding-left: 10px;
  padding-right: 36px;
}
.prepend-icon input.disable {
  padding-left: 10px;
  padding-right: 10px;
}
.rdo-box .rdo-round,.chk-box .chk-square {
    width: 22px;
    height: 22px;
    position: relative;
    background: white;
    display: inline-block;
}
.rdo-box .rdo-round {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.rdo-box .rdo-round label,.chk-box .chk-square label {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    background: white;
    border: 2px solid #ccc;
    border-radius: 2px;
}
.chk-square input[type=checkbox]:checked + label {
    background: #2b8da2;
    border: 2px solid #2b8da2;
}   
.rdo-round  input[type=radio]:checked + label {
    border: 2px solid #2b8da2;
}   

.rdo-box .rdo-round label:hover,.chk-box .chk-square label:hover {
    border: 2px solid #2b8da2;
}
.rdo-box .rdo-round label {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.chk-box .chk-square label:after {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    position: absolute;
    left: 1px;
    top: 0;
}
.rdo-box .rdo-round  input[type=radio]:checked + label:after {
    content: "\f111";
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: 9px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #2b8da2;
    position: absolute;
    left: 5px;
    top: 4px;
}
.rdo-box .rdo-round label:after {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.chk-box input[type=checkbox], .rdo-box input[type=radio] {
    visibility: hidden;
}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after,
input[type=checkbox]:checked + label:hover:after, input[type=radio]:checked + label:hover:after {
    opacity: 1;
}   
.rdo-box span, .chk-box span {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    margin-top: -7px;
}
.select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice, .select2-container .select2-choices {
    font-family: 'Yekan', tahoma;font-size: 12px;
}
.select2-container .select2-choice { height: 40px;}
.select2-results .select2-result-label {
    font-size: 11px;
    min-height: 0;
    padding: 1px 5px 2px;
}
.select2-results .select2-no-results {
    font-size: 11px;
}
.icheck-inline .chk-box ,.icheck-inline .rdo-box {
    display: inline-block;
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: 15px;
    min-height: 27px;
}
.form-group {position: relative;font-family: 'Yekan',tahoma;font-size: 9pt;display: inline-table;vertical-align: middle;width: 100%;}
.form-group-ltr .form-input {direction: ltr;text-align: left;}
.form-group-rtl .form-input {direction: rtl;text-align: right;}
.textbox-label { display: table-cell;padding-left: 10px;vertical-align:top}
.textbox { display: table-cell;}
.form-control.form-white:hover {
    border: 1px solid #aaaaaa;
}
.textbox.inputbox span.errmsg {
    margin-right: 0px;
}
.rtl .btn {
    margin-left: 5px;
    margin-right: 5px;
}
.btn {
    position: relative;
}

.btn-loader {
    font-size: 1.5em !important;
    position: absolute;
    right: 5px;
}
.form-group label {
    color: #636363;
}

.green { color: rgb(40, 190, 40);}
.blue { color: rgb(78, 174, 236);}
.red { color: rgb(209, 53, 42);}
.orange { color: rgb(228, 140, 20);}
.black { color: rgb(47, 47, 47);}
.pink { color: rgb(232, 73, 216);}
.green2 { color: rgb(62, 189, 125);}

