.bg-context-default {
    background-color: #d9e0e7;
}

#vendor-logo img {
    padding: 20px 0;
}

#app-logo img {
    width:60px;
}

/* ---- NEWS ---- */
.media-body p:first-of-type {
    text-indent: 2em;
}

.media-list.media-list-with-divider > li + li {
    border-top: 1px solid #d9e0e7;
    padding-top: 2em;
}

/* ---- CONTEXT ---- */
#context {
    position: fixed;
    padding: 20px 20px 80px;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

#context-footer {
    z-index: 1020;
    padding: 10px 0;
    margin: 0px 0 0 0;
    border-top: 1px solid #CAD0D6;
    line-height: 20px;
}
.custom-footer{
    z-index: 1020;
    padding: 10px 0;
    margin: 0px 0 0 0;
}
.upper_footer{
    margin-top: 80px;
}

/* ---- MENU ---- */
#menu.navbar-default.navbar-fixed-top {
    border-bottom-width: 5px;
}

#menu .navbar-logo {
    margin-left: 10px;
    margin-top: -6px;
    width: 32px;
    height: 32px;
}

/* ---- SIDEBAR ---- */
#sidebar {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 500px;
    color: #FFFFFF;
    position: relative;
}
/* SideBar Collapsed/Expanded Behaviour */
#sidebar, body #context,
#sidebar, body #menu,
#sidebar #vendor-logo,
#sidebar .toggle-nav-collapse{
    transition:all 100ms ease;
}
#sidebar.collapsed{
    width:50px;;
}
/* SideBar Toggle Button */
#sidebar .toggle-nav-collapse {
    background:#343e46;
    height:35px;
    line-height:40px;
    border-top:1px solid #444;
    color:#fff;
    position:fixed;
    bottom:0;
    width:300px;
    cursor:pointer;
}
#sidebar.collapsed .toggle-nav-collapse{
    width:50px;
}
/* Keep Bottom of sub-menu to Top of Toggle Button */
#sidebar #sub-menu {
    margin-bottom:35px;
}
/* Hide Text of Menu Items when SideBar Is Collapsed */
#sidebar.collapsed #sub-menu li span {
    display:none;
}
#sidebar.collapsed #vendor-logo img {
    width:40px; /* It Should be Less than Width of SideBar to Keep Some Padding from Left & Right */
}

@media (min-width: 768px) {
    #sidebar {
        width: 300px;
    }
}

#sidebar li {
    border-bottom: 1px solid #1a2229;
}

#sidebar li a {
    color: #a8acb1;
}

#sidebar li.active a {
    color: #FFFFFF;
}

#sidebar #sub-menu.nav-pills > li > a {
    border-radius: 0;
}

#sidebar #sub-menu.nav-pills > li:not(.active) > a:hover {
    color: #2d353c;
}

/* ---- WIDGET ---- */
.widget {
    color: #fff;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.widget-state .state-icon {
    float: left;
    font-size: 42px;
}

.widget-state .state-info h4 {
    margin: 5px 0;
}

.widget-state .state-info p {
    font-size: 24px;
}

.widget-state .state-link a {
    display: block;
    margin: 15px -15px -15px;
    padding: 5px 15px;
    color: #ddd;
    background-color: rgba(0, 0, 0, 0.4);
}

/* ---- Add Asterisk to Required Fields ---- */
label.required:after {
    content: " *";
    color: #DF382C;
}

label.no-required-hue:after,
.no-required-hue label:after {
    content: "";
}

/*  ---- Basic Pages for Plus Users ---- */
.basic-items {
    margin-bottom: 15px;
}

.basic-items label {
    display: block;
}

.basic-items .basic-item {
    display: none;
}

/* ---- Tables ---- */
.table.text-middle th,
.table.text-middle td {
    vertical-align: middle;
}

.table.text-center th,
.table.text-center td {
    text-align: center;
}

/* ---- Pagination ---- */
.pagination-nav ul {
    margin:0;
}

.main-image-error {
    margin-left: 0 !important;
    border-bottom-left-radius: 4px !important;
}

.main-image-error .alert-danger {
    border-radius: 5px !important;
}

/*---- Captcha ----*/
.captcha-img{
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 85%;

}
.captcha-input
{
    margin-right: 10px;
    direction: ltr;
}
@media only screen and (max-width: 700px) {
    .captcha-input {
        margin-right: 0px;
        margin-top: 10px;
    }
}
.captcha-input-signin{
    margin-top: 5px;
    direction: ltr;
}

.form-control-error-captcha{
    display: inline-table;
    width: 90%;
}

/*---- Make all placeholders rtl direction ----*/

/* webkit solution */
::-webkit-input-placeholder { text-align:right; }
/* mozilla solution */
input:-moz-placeholder { text-align:right; }


/*---- form widget errors ----*/
ul.form-error-list
{
    list-style: none;
    padding-top: 10px;
    padding-right: 0;
}
ul.form-error-list li
{
    color:#a94442;text-align:justify;
}

.form-control-error
{
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}


.iban-control-group input
{
    padding-left: 40px;
}

.iban-control-group span
{
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-left: 16px;
}


/*---- payment ----*/
.payment-buttons{
    padding: 10px 0;
    margin: 10px;
    width: 200px;
}



/*---- image popup modal ----*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover, .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.set-border-td{
    border:1px solid red;
}

.panel>.table>tbody:first-child>tr:first-child td.set-border-td{
    border-top:1px solid red;
}



/*---- End of image popup modal ----*/

.dir-ltr
{
    direction: ltr;
    text-align: left;
}

/*---- Site setting ----*/

.img-site-setting
{
    border: 1px solid #ccc;
    border-radius: 4px;
}
/*---- End of site setting ----*/


/*---- labels in news page----*/
.news-labels
{
    float: left;
}
.news-labels a
{
    margin-bottom: 3px;
}
/*---- End of labels in news page ----*/

.pdf-fund-raise {
    margin-right: 41.666667%;
}

@media only screen and (min-width: 1200px)
{
    .pdf-fund-raise {
        margin-right: 83.33333333%;
    }
}


.table-responsive .table {
    max-width: none;
}

.table-responsive {
    overflow-x: auto;
}


/*Modal Css*/
/* The Modal (background) */
#myModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Sit on top */
    padding-top: 207px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content */
#myModal .modal-content {
    margin: auto;
    display: block;
    width: 25%;
    max-width: 700px;
    line-height: 4em;
    animation-name: zoom;
    animation-duration: 0.6s;
    padding: 1em;
}


.modal-image-body{
    text-align: center !important;
}
#myModal .modal-content.modal-image-content{
    width:  100% !important;
}

/**
New form style START
 */
form.cli-form-style .form-group {
    padding: 0 15px;
}

form.cli-form-style .input-group{
    margin-bottom: 1em;
    width: 84%;
}

form.cli-form-style .input-group-addon, form.cli-form-style .input-group-btn{
    width: 150px;
    max-width: 150px;
    overflow: hidden;
}

form.cli-form-style .input-group-btn button.btn{
    background-color: #eeeeef;
    color : #333;
    border-color:#ccc ;
    width: 100%;
}

form.cli-form-style .row .input-group-addon{
    border-right-color: #ccc;
}

form.cli-form-style .control-label{
    text-align: right;
}

form.cli-form-style div[data-radio-group-ui] div.radio {
    padding-top: 0;
}

form.cli-form-style div[data-radio-group-ui] div.radio label,
form.cli-form-style .select2-container .select2-selection--single
{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

form.cli-form-style .help-block {
    display: block;
    margin-top: -1em;
    margin-bottom: 1em;
    color: #737373;
}

form.cli-form-style span.help-block ul.list-unstyled li {
    color: #a94442;
}

form.cli-form-style .input-group ul.form-error-list {
    display: none;
}

.input-group .pick-date:first-child {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
form.cli-form-style div.text-area label.input-group-addon{
    display: block;
    width: 100%;
     max-width: unset;
    margin-bottom: unset;
    border-left: 1px solid #ccc;
    height: 38px;
    vertical-align: middle;
    line-height: 20px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
}
form.cli-form-style div.text-area .error.text-danger{
display: none;
}
form.cli-form-style .input-group  .mce-container{
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
form.cli-form-style .select2-selection.select2-selection--multiple{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid #ccc;
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: table;
    table-layout: fixed;
}
form.cli-form-style div.text-area .input-group-addon.text-danger{
    border-color: #b94a48;
}

form.cli-form-style  .input-group  #image-upload-span{
    width: 100%;
     border-radius: 0 !important;
}

form.cli-form-style  .input-group  #ray_shp_news_date,form.cli-form-style  .input-group  #ray_shp_form_profile_birthCert_date,form.cli-form-style  .input-group  #ray_shp_offline_payment_date{
    display: flex;
    border: unset;
    box-shadow: unset;
    margin: 0;
    padding: 0;
    height: 100%;
}

form.cli-form-style  .input-group  #ray_shp_news_date select,form.cli-form-style  .input-group  #ray_shp_form_profile_birthCert_date select,form.cli-form-style  .input-group  #ray_shp_offline_payment_date select{
    flex: auto;
}

form.cli-form-style .input-group select:first-child{
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.checkbox input[type=checkbox] {
    margin-right: -17px;
}


form.cli-form-style  .input-group input[type='file']{
    height: 100%;
    width: 100%;
    line-height: 2.5em;
    border: 1px solid #cccccc;
    padding-right: 1em;
}

form.cli-form-style  .input-group  #cron_command_TimeInterval{
    border: 0;
    box-shadow: unset;
    padding: 0;
    height: 100%;
}

form.cli-form-style  .input-group #audit_log_dateFrom,form.cli-form-style  .input-group #audit_log_dateTo {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

form.cli-form-style .input-group label.input-group-addon-second-label {
    width: 40px;
}

#ray_message_reply_message, #ray_shp_messages_body{
         border-top-left-radius: 0;
}

/* just Saman Bank start */
/*form.cli-form-style .input-group span.required {*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*left: -13px;*/
    /*color: red;*/
/*}*/

/*form.cli-form-style .input-group .form-control:not(:last-child) {*/
    /*border-top-left-radius: 4px;*/
    /*border-bottom-left-radius: 4px;*/
/*}*/

/* just Saman Bank end */

/* Small Devices, Tablets */

/**
New form style END
 */

/**
Responsive Section
 */

@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}


@media only screen and (max-width : 768px) {
    .captcha-input {
        margin-right: 0px;
        margin-top: 10px;
    }

    .captcha-img{
        width: 40%;
    }
    a.captcha_reload{
        width: 20%;
        display: inline-block;
        text-align: right;
    }
    .form-control-error-captcha{
        width: 40%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    form.cli-form-style .input-group-addon,
    form.cli-form-style .input-group-btn
    {
        /*font-size: 9px;*/
        display: block;
        width: 100%;
        max-width: unset;
        margin-bottom: unset;
        border-left: 1px solid #ccc;
        height: 38px;
        vertical-align: middle;
        line-height: 20px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
    }

    form.cli-form-style .input-group .input-group-btn button.btn , .input-group select{
        /*font-size: 9px;*/
        /*height: 32px;*/
    }

    form.cli-form-style .input-group {
        width: 100%;
    }

    form.cli-form-style[name="ray_shp_messages"] label[for="ray_shp_messages_toUser_1"].form-control.btn{
        word-break: break-all !important;
        white-space: pre-wrap;
        display: block;
        height: max-content;
        padding: 10px;
    }
    form.cli-form-style  .input-group  #ray_shp_news_date,form.cli-form-style  .input-group  #ray_shp_form_profile_birthCert_date,form.cli-form-style  .input-group  #ray_shp_offline_payment_date{
        flex-direction: column;
    }


    form.cli-form-style  .input-group   #cron_command_DayInterval{
        height: 9em;
    }

    form.cli-form-style .input-group .form-control:last-child, form.cli-form-style .input-group-addon:last-child,
    form.cli-form-style .input-group-btn:last-child>.btn, form.cli-form-style .input-group-btn:last-child>.btn-group>.btn,
    form.cli-form-style .input-group-btn:last-child>.dropdown-toggle,
    form.cli-form-style .input-group-btn:first-child>.btn:not(:first-child),
    form.cli-form-style .input-group-btn:first-child>.btn-group:not(:first-child)>.btn
    {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 0;
    }

    form.cli-form-style .input-group .select2 .select2-selection
    {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 0;
    }

    form.cli-form-style .input-group input.form-cotrol-twice-label
    {
        width: 85%;
    }

    form.cli-form-style .input-group input.form-cotrol-twice-label:not(:first-child):not(:last-child) {
        border-bottom-right-radius: 4px;
    }

    form.cli-form-style .input-group label.input-group-addon-second-label
    {
        width: 15%;
        border-bottom-right-radius: 0;
    }
    .captcha-img{
        width: 86%;
    }
    .form-control-error-captcha{
        width: 86%;
    }
    a.captcha_reload {
        width: unset;
    }

}