@import url('iran-sans-font.css');

body {
    font-family: 'IRANSans' !important;
    /*margin-left: 20px !important;
    margin-right: 20px !important;*/
    font-size: 12px !important;
    background-color: #f1ecec;
}

.footerStyle span {
    padding-left: 5px;
    padding-right: 5px;
    direction: Ltr;
    border-left: 1px solid black;
    color: Aqua;
    margin-right: 10px;
    margin-left: 10px;
}

.footerStyle a {
    padding-left: 5px;
    padding-right: 5px;
    direction: Ltr;
    border-left: 1px solid black;
    margin-right: 5px;
    margin-left: 5px;
}


.onHoverDiv:hover {
    background-color: #c4daef !important;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1) !important;
}

.onHoverDiv a {
    text-decoration: none !important;
}

.Site-box-Shadow {
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1) !important;
}



.header-background {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='3000' height='200' preserveAspectRatio='none' viewBox='0 0 3000 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1028%26quot%3b)' fill='none'%3e%3crect width='3000' height='200' x='0' y='0' fill='url(%23SvgjsLinearGradient1029)'%3e%3c/rect%3e%3cpath d='M3000 0L2966.08 0L3000 92.9z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M2966.08 0L3000 92.9L3000 117.94L1997.82 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M1997.8200000000002 0L3000 117.94L3000 139.97L1428.8300000000002 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M1428.83 0L3000 139.97L3000 143.88L1092.1699999999998 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 200L1451.53 200L0 170.29z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 170.29L1451.53 200L2166.0299999999997 200L0 161.95z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 161.95L2166.0299999999997 200L2538.6899999999996 200L0 138.87z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 138.87L2538.6899999999996 200L2824.1499999999996 200L0 80.85z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1028'%3e%3crect width='3000' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='23.33%25' y1='-350%25' x2='76.67%25' y2='450%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1029'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='%2300459e' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}

.label-purple {
    background-color: #a33d93;
}


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

.form-horizontal {
    margin-top: 70px;
}

.styled-select {
    height: 29px;
    overflow: hidden;
    min-width: 90%;
    background-color: #779126;
    color: #fff;
    background-image: none;
}

.rounded {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.mainselection {
    border: 0;
    color: #EEE;
    background: transparent;
    font-size: 20px;
    -webkit-appearance: none;
    border-radius: 9px 9px 9px 9px;
    border-shadow: 1px 1px 1px 1px;
    appearance: none;
    background-image: none;
}

table > tbody > tr > td, table > tbody > tr > th {
    vertical-align: middle;
    text-align: center;
}

/*select {
            border-radius: 5px;
        }*/


.chosen-container {
    width: 100% !important;
}


input[type=text] {
    /*  width: 100% !important;  */
}

.MinWidth {
    min-width: 90% !important;
}

hr {
    margin: 0.5em auto;
    display: grid !important;
    border-width: 1px;
}

.row {
    direction: rtl !important;
    text-align: right !important;
    /*كامنت دو خط زير برای حالت ليبل بالای كنترل*/
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    /*كامنت دو خط زير برای حالت ليبل زير كنترل*/
    margin-left: -10px;
    margin-right: -10px
}

.form-group {
    margin-bottom: 5px;
    margin-top: 0px;
}

.MyCenterClass {
    text-align: center !important;
}

.SiteActive {
    color: #fff !important;
}

.HeaderActive {
    color: #fff !important;
    font-size: 14pt;
}

.GridView {
    /*font-family: CustomFont;*/
    Font-Size: 12pt;
    Color: #333333;
    text-align: Center;
    Width: 100%;
}

    .GridView tr td {
        padding: 5px;
        border: 0;
    }

    .GridView table {
        border: 0px none none;
    }

.With-Full {
    width: 100%;
}

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

.MaxWidthPx {
    max-width: 100px;
}

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

.mainContainer {
    /*margin-top: 200px;*/
}


/*input[type='radio'] {
    margin-left: 20px;
    margin-right: 10px;
}*/

textarea {
    min-height: 100px;
}

ol {
    font-size: medium;
}

/*Multi-level menu*/
ul.nav {
    cursor: pointer;
}

li.dropdown-submenu {
    border-bottom: 1px solid beige;
}

.dropdown-menu li {
    border-bottom: 1px solid beige;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        /*left:-100%;*/
        right: -100%;
        /*margin-left: 10px;*/
        margin-right: 10px;
        /*border-radius: 6px 0 6px 6px;*/
        -webkit-border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
    }
/*ok*/
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu > a:after {
    display: block;
    /*content: "";*/
    /*content:"\25c0";*/
    /*float: right;*/
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    /*border-style: solid;*/
    border-width: 5px 0 5px 5px;
    /*border-left-color: #ccc;
    margin-top: 5px;*/
    margin-right: -10px;
}

.dropdown-submenu > a.hasChild:after {
    display: block;
    /*content: "";*/
    content: "\25c0";
    /*float: right;*/
    float: left;
    width: 0;
    height: 0;
    border-color: transparent;
    /*border-style: solid;*/
    border-width: 5px 0 5px 5px;
    /*border-left-color: #ccc;
    margin-top: 5px;*/
    margin-right: -10px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        /*left:100%;*/
        right: 100%;
        margin-top: -6px;
        margin-left: -6px;
        /*border-radius: 0 6px 6px 6px;*/
        -webkit-border-radius: 6px 0 0 6px;
        -moz-border-radius: 6px 0 0 6px;
        border-radius: 6px 0 0 6px;
    }

/*.navbar-inverse {
    background-color: #337ab7;
}*/
/*////////////////////////////*/
.border-top {
    border-top: 1px solid white;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

lable[for] {
    margin-left: 5px;
    margin-right: 5px;
}

.popupModalDiv {
    position: fixed;
    z-index: 1000;
    background-color: Gray;
    filter: alpha(opacity=20);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}



.ml-5px {
    margin-left: 5px;
}

.mr-5px {
    margin-right: 5px;
}

.ml-10px {
    margin-left: 10px;
}

.mr-10px {
    margin-right: 10px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.align-middle {
    vertical-align: middle;
}

.text-white {
    color: white;
}

.font-10pt {
    font-size: 10pt;
}

.font-8pt {
    font-size: 8pt;
}

.font-18px {
    font-size: 18px;
}

/*MasterPage style*/
ul.NisocHeader {
    color: white;
    font-size: 6pt;
    list-style-type: none;
}

footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: lightgray;
    text-align: center;
    color: black;
    vertical-align: middle;
}

[type="radio"] + label {
    padding-right: 5px;
}

label + [type="radio"] {
    padding-right: 5px;
}

.list-style-type-none {
    list-style-type: none;
}

/*-GridView Pager Style--*/

.pagination-ys {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }
        /*.pagination-ys table > tbody > tr > td > span*/
        .pagination-ys table > tbody > tr > td > a {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #dd4814;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #aea79f;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            margin-left: 0;
            border-bottom-right-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            color: blue;
            background-color: #eeeeee;
            border-bottom-color: #dddddd;
        }


/*-------------------*/
/* Panel like Filedset */
.text-on-panel {
    background: #fff none repeat scroll 0 0;
    height: auto;
    margin-left: 20px;
    padding: 3px 5px;
    position: absolute;
    margin-top: -40px;
    border: 1px solid #337ab7;
    border-radius: 8px;
}

.panel {
    margin-top: 10px !important;
}

.panel-body {
    padding-top: 30px !important;
}