.dataTables_wrapper .dataTables_length {
    float: right;
    text-align: right;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 25px;
    margin-top: 4px;
}


.sa-button-container {
    padding-bottom: 10px !important;
    margin-bottom: 10px;
}

@font-face {
    font-family: FontAwesome;
    src: url('../Fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('../Fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../Fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../Fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../Fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'IranSansWeb';
    src: url('../Fonts/IRANSansWeb(FaNum).ttf');
}
@font-face {
    font-family: 'FarDiplomat';
    src: url('../Fonts/Far_Diplomat.eot') format('eot'), url('../Fonts/Far_Diplomat.woff') format('woff'), url('../Fonts/Far_Diplomat.ttf') format('truetype'), url('../Fonts/Far_Diplomat.svg') format('svg');
}


.Bold {
    font-weight: bold !important;
}

.IranSansWeb,
body {
    font-family: IranSansWeb !important;
}



.IranSansWeb,
h1, h2, h3, h4, h5, input, button, p, path,  tspan {
    font-family: IranSansWeb !important;
}

.Fancy_Level-4 {
    font-family: IranSansWeb !important;
    font-size: 12px !important;
    color:darkred !important;
    font-weight:bold !important;
}

.Fancy_Level-3 {
    font-family: IranSansWeb !important;
    font-size: 14px !important;
    color: darkgreen !important;
}

.Fancy_Level-2 {
    font-family: IranSansWeb !important;
    font-size: 16px !important;
    color: darkblue !important;
}

.Fancy_Level-1 {
    font-family: IranSansWeb !important;
    font-size: 18px !important;
    color: black !important;
}

.IranSansWeb-12 {
    font-family: IranSansWeb !important;
    font-size: 12px !important;
}

.IranSansWeb-14 {
    font-family: IranSansWeb !important;
    font-size: 14px !important;
}

.IranSansWeb-16 {
    font-family: IranSansWeb !important;
    font-size: 16px !important;
}

.IranSansWeb-18 {
    font-family: IranSansWeb !important;
    font-size: 18px !important;
}


.IranSansWeb-24 {
    font-family: IranSansWeb !important;
    font-size: 16px !important;
}

.tr_Sweet{
    padding: 5px !important
}

.td_Sweet {
    padding: 5px !important
}

.center {
    text-align: center !important;
    vertical-align:middle!important;
}

.form {
    bottom: -33px !important;
}

.full {
    width: 100% !important;
}

.border {
    border: 2px solid #000000 !important;
    border-radius: 5px !important;
}


.panel_border {
    /*border: 1px solid #1a9625 !important;*/
    border-radius: 5px !important;
    padding: 5px !important;
}


.pading {
    padding: 10px !important;
}

.t_a{
    width:100% !important;
    border-left:2px solid #ffffff !important; border-right:2px solid #ffffff !important; border-top:2px solid #ffffff !important; border-bottom:2px solid #a9a8a8 !important;
}

.Text_box {
    width: 100%; height:100%;  border-left:2px solid #ffffff !important; border-right:2px solid #ffffff !important; border-top:2px solid #ffffff !important; border-bottom:2px solid #d7d3d3 !important;  font-size: 15px !important;
}

.title_text {
    font-family: IranSansWeb !important;
    font-size: 15px !important;
    color: black !important;
 
}

.title_head {
    font-family: IranSansWeb !important;
    font-size: 16px !important;
    color: black !important;
    font-weight: bold !important;
    margin-right: 8px !important;
    margin-top: -5px;
    padding-left: 25px;
}

.title_head_up{
    font-family: IranSansWeb !important;
    font-size: 14px !important;
    color:white;
     font-weight: bold !important;
     margin-right:10px!important;
}

.tag_head {
    font-family: IranSansWeb !important;
    font-size: 15px !important;
    color:black !important;
      font-weight: bold !important;
}



.rotet_pdf_left_ali {
    text-align: left !important;
}

.line_panel {
    width: 100% !important;
    border: 0.5px solid black !important;
}

.under_tag {
    padding: 0;
    margin: 0;
    background: url(/Public/Images/Global/banner.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.tooltip2 {
    position: relative !important;
    display: inline-block !important;
    text-align: right;
    margin-top: 10px !important;
    font-size: large;
}

.intooltiptext2 {
    color: white !important;
    margin-right: 5px !important;
    padding: 5px !important;
}

.tooltip2 .tooltiptext2 {
    visibility: hidden !important;
    width: 220px !important;
    background-color: black !important;
    color: white !important;
    text-align: justify !important;
    border-radius: 6px !important;
    padding: 2px 0 !important;
    position: absolute !important;
    z-index: 1 !important;
    bottom: 125% !important;
    left: 100% !important;
    margin-left: -160px !important;
    opacity: 0 !important;
    transition: opacity 0.3s !important;
    font-size: small !important;
    overflow: hidden;
    white-space: normal;
}

    .tooltip2 .tooltiptext2::after {
        content: "" !important;
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        margin-left: -5px !important;
        border-width: 5px !important;
        border-style: solid !important;
        border-color: #555 transparent transparent transparent !important;
    }

.tooltip2:hover .tooltiptext2 {
    visibility: visible !important;
    opacity: 1 !important;
}

.light_blu_bot {
    border-bottom: solid 1px lightblue !important;
}
.NotShowElement {
    display: none !important;
}


.IconBlack {
    color: black;
}

.IconWhite {
    color: white;
}

.IconTrashDD {
    position: absolute;
    top: 5%;
    left: 7%;
}

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

.dropify-wrapper .dropify-message span.file-icon{
    font-size:20px !important
}

.list-inline > .text-right {
    width: 77% !important;
    text-align: left !important
}
.list-inline > li{
    width:20% !important;
    text-align:right !important
}
.list-inline > .text-right > span {
    font-size: 28px 
}
@media (max-width:500px) {
    .list-inline > .text-right {
        width: 100% !important;
        margin-top: 10px !important
    }

        .list-inline > .text-right > span {
            font-size: 22px !important
        }

    .list-inline > li{
        width:30% !important
    }
    .dataTables_wrapper .dataTables_filter{
        margin:0px !important
    }
}
@media (max-width:650px) {
    #JS_TBL1_06_filter {
        display: none
    }
    #DisasterScenarioPlan_Table_filter {
        display: none
    }
    .dataTables_filter {
        display: none
    }
    .dataTables_length {
        display: none
    }
}

@media (max-width:500px) {
   
    
    .ODA_P_35_R_0 {
        width: 70% !important;
        right:0px !important
    }
}
@media (max-width:768px) {
    .modal-dialog {
        width: 95% !important
    }
}

.NoMargin{
    margin-bottom:0px !important;
    margin-top:0px !important;
}
.Margin-Top-15{
    margin-top:15px !important
}

.Margin-Top-10 {
    margin-top: 10px !important
}

.Margin-Top-5 {
    margin-top: 5px !important
}


.FullWidthModal {
    width: 90%;
}
@media (max-width:650px) {
    .FullWidthModal {
        width: 90% !important;
    }
}

.fix-heigt-100{
    height:100px !important
}
.JustifyText {
    text-align: justify !important;
}

.m-b-40-important {
    margin-bottom: 40px !important;
}

.dataTables_filter label{position:inherit !important}

.UpperIndexIcon {
    font-size: 20px;
}
.a-UpperIndexIcon{
    padding-left:30px !important
}
.BottomIndexIcon {
    font-size: 45px;
}
.a-BottomIndexIcon {
    padding-left: 30px !important
}
.DTBTNSize {
    font-size: 24px;
    color: #666 !important;
}
.SubmitEditExcelButton {
    padding: 0 !important;
    border: none;
    background-color: transparent;
    vertical-align: top !important;
}

.XLS-DownloadEdit-Img {
    width: 42px;
    height: 45px;
}
.XLS-DownloadEdit-BTNs{

}
.Center-XSRight{
    text-align:right !important;
}
.Center-XSLeft {
    text-align: left !important;
}

.Report-BTN{
    background-color:gold !important;
    width:100% !important
}
.ClearGReport-BTN {
    background-color: red !important;
    width: 100% !important;
    color: white !important;
}

@media(max-width:768px) {
    .Center-XSRight {
        text-align: center !important;
    }

    .Center-XSLeft {
        text-align: center !important;
    }
}
.NormalIconSize{
    font-size:large !important
}
.P-T-25{
    padding-top:25px !important
}
.dropdown-toggle .fa-bell-o, .dropdown-toggle .fa-hand-o-up {
    font-size: 18px !important
}
.RequiredStar{color:red !important}

th > .select2.select2-container.select2-container--default {
    margin-bottom: 0px!important;
}
td > .select2.select2-container.select2-container--default {
    margin-bottom: 0px !important;
}
.select2.select2-container.select2-container--default {
    margin-bottom: 30px;
}
.panel_head{
    margin-top:15px !important
}
.table-responsive {
    margin-bottom: 15px;
}

.IconWithSelectPanel{
    margin-top:40px;
}
@media(max-width:720px) {
    .EditableTBL, #jstable8 {
        width: 200% !important;
    }
    .IconWithSelectPanel {
        margin-top: 0px !important;
    }
}
@media(max-width:667px) {
    .TagBox {
        overflow: scroll !important;
    }
}
.EditableTBL_Field{
    text-align:center !important
}

.wizard-steps {
    display: inline-flex !important;
    overflow: auto;
    padding: 0px 25px 0px 25px;
}
    .wizard-steps > li {
        display: inline-flex !important;
        text-align: center !important;
        width: 100%;
    }
        .wizard-steps > li a {
            width: 100%;
            margin: 10px 0;
            font-weight: 300;
            line-height: 22px;
            font-size: 18px;
        }
        .wizard-steps > li h4 {
            width: 100%;
        }