/* bootstrap 3 reset
----------------------*/
/* text 
----------------------------*/
.text-danger {
    color: #e60e1e;
}

.text-info {
    color: #2196F3;
}

.text-warning {
    color: #FD7802;
}

.text-success {
    color: #009688;
}
/* alert 
-------------*/
.alert {
    border: 0;
    box-shadow: 1px 2px 5px rgba(178, 178, 178, 0.49);
    font-weight: bold;
    padding-right: 44px;
}

.rtl .alert:before {
    margin-right: -28px !important;
    margin-left: 11px !important;
}

.ltr .alert:before {
    margin-left: -28px !important;
    margin-right: 11px !important;
}

.alert-danger {
    color: #FFF;
    background-color: #D24D57;
    border-color: #EBCCD1;
}

    .alert-danger:before {
        content: "\f06a";
        font-family: FontAwesome;
        margin: 0 5px;
        font-weight: normal;
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
    }

.alert-info {
    color: #2196F3;
    background-color: #EFF5FA;
    border-color: #BCE8F1;
    border: 1px solid #2196F3;
}

    .alert-info:before {
        content: "\f05a";
        font-family: FontAwesome;
        margin: 0 5px;
        font-weight: normal;
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
    }

.alert-success {
    color: #009688;
    background-color: #f3faef;
    border-color: #D6E9C6;
    border: 1px solid #009688;
}

    .alert-success:before {
        content: "\f00c";
        font-family: FontAwesome;
        margin: 0 5px;
        font-weight: normal;
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
    }

.alert-warning {
    color: #FD7802;
    background-color: #FAF6EF;
    border-color: #FD7802;
    border: 1px solid #FFD8B6;
}

    .alert-warning:before {
        content: "\f071";
        font-family: FontAwesome;
        margin: 0 5px;
        font-weight: normal;
        font-size: 20px;
        vertical-align: middle;
        display: inline-block;
    }

.alert-danger {
    color: #F44336;
    background-color: #FAF2EF;
    border-color: #EBCCD1;
    border: 1px solid #F44336;
}

.alert-default {
    background-color: #959595;
    color: #FFF;
}

.close {
    color: #AFAFAF;
    color: #FFF;
    opacity: .5;
}

.alert:hover .close {
    opacity: 1 !important;
    display: block;
    -webkit-appearance: button;
    visibility: visible;
}


.alert ul {
    margin: 5px 22px;
    line-height: 24px;
}

.navbar-toggle .icon-bar {
    background-color: #333;
}

.rtl .pull-right {
    float: left !important;
}

.ltr .pull-right {
    float: right !important;
}

.rtl .pull-left {
    float: right !important;
}

.ltr .pull-left {
    float: left !important;
}

@media (min-width: 768px) {
    .rtl .navbar-right {
        float: left!important;
    }

    .ltr .navbar-right {
        float: right!important;
    }
}

.rtl .radio input[type="radio"],
.rtl .radio-inline input[type="radio"],
.rtl .checkbox input[type="checkbox"],
.rtl .checkbox-inline input[type="checkbox"] {
    margin-right: -17px;
}
/* panel 
---------------*/
.panel-1 {
    border: 1px solid #C5C5C5;
    box-shadow: 0 0 17px #BFBFBF;
}

    .panel-1 .panel-heading {
        background-color: #ECECEC;
        border-bottom: 1px solid #ddd;
    }



@media (min-width: 768px) {
    .rtl .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }

    .ltr .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }
}

.has-feedback .form-control {
    padding-left: 42.5px;
    padding-right: 12px;
}

a {
    color: #333;
}

    a:hover,
    a:focus {
        color: #3c7974;
        text-decoration: none;
        cursor: pointer;
        outline: none;
    }

.list-inline,
.list-inline li {
    padding: 0;
    margin: 0;
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: 10px;
}

/* table responsive 
-----------------------*/
.table-responsive {
    direction: ltr;
}
.rtl .table-responsive table {
    direction: rtl;
}

ul,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 0;
}

.progress {
    background-color: #E6E6E6;
}

.clearfix {
    clear: both;
}

.rtl th {
    text-align: right;
}

.ltr th {
    text-align: left;
}

.table > thead > tr > th {
    vertical-align: middle;
}

table {
}

    table label {
        font-size: 12px;
    }

    table td {
        padding: 5px;
    }

.table-hover > tbody > tr {
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
}

    .table-hover > tbody > tr:hover {
        background-color: #E6E6E6 !Important;
    }


.rtl .nav {
    /*	margin: 7.5px 20px;*/
}

.dropdown-menu {
    z-index: 2000;
}

.table-bordered thead {
    background-color: #eee;
}

span[class*="label-"] {
    display: inline-block;
    padding: 7px;
    font-size: 12px;
}

.rtl [class*="col-md-pull-"],
.rtl [class*="col-sm-pull-"],
.rtl [class*="col-xs-pull-"],
.rtl [class*="col-lg-pull-"] {
    right: auto;
}

.col-nolabel {
    padding-top: 14px;
}
.col-nolabel button ,
.col-nolabel input[type="submit"]  {
    margin:0 5px;
}


/*-----------------------*/
::-moz-selection {
    background: #f3f1d6;
    color: #92701e;
}

::selection {
    background: #F3F1D6;
    color: #E05A00;
}

:focus {
    outline: none;
}

a:focus {
    color: none;
}

input:-webkit-autofill {
    background-color: transparent !important;
    border-raduis: 0;
}

input:not([type]),
input[type="color"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
select,
textarea {
    width: 100%;
}

.form-control {
    line-height: 32px;
}

select.form-control {
    padding: 0;
}

.btn,
.panel-heading,
label,
.page-header {
    font-family: droid-n;
    font-weight: bold;
}

    /* btns 
---------------------------------*/

    .btn a {
        color: #fff;
    }

.btn-default a {
    color: #000;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline,
.btn-primary.btn-outline * {
    color: #428bca;
}

.btn-success.btn-outline,
.btn-success.btn-outline * {
    color: #5cb85c;
}

.btn-info.btn-outline,
.btn-info.btn-outline * {
    color: #5bc0de;
}

.btn-warning.btn-outline,
.btn-warning.btn-outline * {
    color: #f0ad4e;
}

.btn-danger.btn-outline,
.btn-danger.btn-outline * {
    color: #d9534f;
}

    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover,
    .btn-primary.btn-outline:hover *,
    .btn-success.btn-outline:hover *,
    .btn-info.btn-outline:hover *,
    .btn-warning.btn-outline:hover *,
    .btn-danger.btn-outline:hover * {
        color: #fff;
    }
/*
    Component: Buttons
-------------------------
*/
.btn {
    font-weight: 500;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
}

    .btn.btn-default {
        background: 0;
        background-color: #fafafa !important;
        color: #666;
        border-color: #ddd;
        border-bottom-color: #ddd;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .btn.btn-default:hover,
        .btn.btn-default:active,
        .btn.btn-default.hover {
            background: 0;
            background-color: #f4f4f4!important;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        .btn.btn-default.btn-flat {
            background: 0;
            border-bottom-color: #d9dadc !important;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

    .btn.btn-primary {
        background: 0;
        background-color: #3bafda !important;
        color: #fff;
        border: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .btn.btn-primary:hover,
        .btn.btn-primary:active,
        .btn.btn-primary.hover {
            background: 0;
            background-color: #4fc1e9 !important;
            border: none;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

    .btn.btn-success {
        background: 0;
        background-color: #8cc152 !important;
        color: #fff;
        border: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .btn.btn-success:hover,
        .btn.btn-success:active,
        .btn.btn-success.hover {
            background: 0;
            background-color: #a0d468 !important;
            border: none;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

    .btn.btn-info {
        background: 0;
        background-color: #37bc9b !important;
        color: #fff;
        border: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .btn.btn-info:hover,
        .btn.btn-info:active,
        .btn.btn-info.hover {
            background: 0;
            background-color: #FE911C !important;
            border: none;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

    .btn.btn-danger {
        background: 0;
        background-color: #E74c3c !important;
        color: #fff;
        border: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .btn.btn-danger:hover,
        .btn.btn-danger:active,
        .btn.btn-danger.hover {
            background: 0;
            background-color: #f4543c !important;
            border: none;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

    .btn.btn-warning {
        background: 0;
        background-color: #f6bb42 !important;
        color: #fff;
        border: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .btn.btn-warning:hover,
        .btn.btn-warning:active,
        .btn.btn-warning.hover {
            background: 0;
            background-color: #ffce54 !important;
            border: none;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

.btn-group .btn.btn-success {
    border: 1px solid #7ab03f;
}

.btn-group .btn.btn-info {
    border: 1px solid #2fa084;
}

.btn-group .btn.btn-danger {
    border: 1px solid #d13a24;
}

.btn-group .btn.btn-warning {
    border: 1px solid #efa50b;
}

.btn-group-vertical .btn.btn-success {
    border: 1px solid #7ab03f;
}

.btn-group-vertical .btn.btn-info {
    border: 1px solid #2fa084;
}

.btn-group-vertical .btn.btn-danger {
    border: 1px solid #d13a24;
}

.btn-group-vertical .btn.btn-warning {
    border: 1px solid #efa50b;
}

.open .dropdown-toggle.btn-warning {
    background-color: #f6bb42;
    border-color: #efa50b;
}

.open .dropdown-toggle.btn-info {
    background-color: #FE911C;
    border-color: #2fa084;
}

.btn.btn-flat {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
    outline: none;
}

.btn.btn-file {
    position: relative;
    width: 120px;
    height: 35px;
    overflow: hidden;
}

    .btn.btn-file > input[type='file'] {
        display: block !important;
        width: 100% !important;
        height: 35px !important;
        opacity: 0 !important;
        position: absolute;
        top: -10px;
        cursor: pointer;
    }

.btn.btn-app {
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fafafa;
    font-size: 12px;
}

    .btn.btn-app > .fa,
    .btn.btn-app > .glyphicon,
    .btn.btn-app > .ion {
        font-size: 20px;
        display: block;
    }

    .btn.btn-app:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa;
    }

    .btn.btn-app:active,
    .btn.btn-app:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .btn.btn-app > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }

.btn.btn-social-old {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    opacity: 0.9;
    padding: 0;
}

    .btn.btn-social-old > .fa {
        padding: 10px 0;
        width: 40px;
    }

        .btn.btn-social-old > .fa + span {
            border-left: 1px solid rgba(255, 255, 255, 0.3);
        }

    .btn.btn-social-old span {
        padding: 10px;
    }

    .btn.btn-social-old:hover {
        opacity: 1;
    }

.btn.btn-circle {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* labels 
-------------------------*/

label,
.label {
    font-size: 14px;
    color: #333;

}

    .label.label-info,
    .label.label-warning,
    .label.label-default,
    .label.label-danger,
    .label.label-primary,
    .label.label-success {
        color: #fff;
    }
/* typography
---------------------*/

h1,
.h1 {
    font-size: 32px;
}

h2,
.h2 {
    font-size: 26px;
}

h3,
.h3 {
    font-size: 20px;
}

h4,
.h4 {
    font-size: 16px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

/* colors 
--------------------*/
.text-red {
    color: #F00;
}

/*plug-in overwrite 
----------------------*/
.title-top #cboxTitle {
    /* add { className:"title-top", } to colorbox function */
    background-color: #EAEAEA;
    bottom: auto;
    top: 0;
    height: 41px;
    color: #000;
    line-height: 40px;
    font-weight: bold;
    font-family: droid;
}

.title-top #cboxLoadedContent {
    margin-top: 45px;
    padding: 10px;
}
/* SHAKERCS Framework 
--------------------------------*/
.width960 {
    max-width: 982px;
    margin: auto;
}
/* directions
------------------*/
.rtl {
    direction: rtl;
}

.ltr {
    direction: ltr;
}
/* width 
--------------------*/

/* Aligns 
--------------------*/
.rtl .align-r-all *,
.rtl .align-r {
    text-align: right;
}

.ltr .align-r-all *,
.ltr .align-r {
    text-align: left;
}

.rtl .align-l-all *,
.rtl .align-l {
    text-align: left;
}

.ltr .align-l-all *,
.ltr .align-l {
    text-align: right;
}

.ltr .align-c-all *,
.ltr .align-c-all *,
.ltr .align-c,
.rtl .align-c {
    text-align: center;
}
/*----------------------------*/

/* Floats 
---------------*/
.rtl .float-r {
    float: right;
}

.rtl .float-l {
    float: left;
}

.ltr .float-r {
    float: left;
}

.ltr .float-l {
    float: right;
}
/*--------------------------*/


/* overflow 
------------------------*/
.overflow-hidden {
    overflow: hidden;
}
/*-------------------------*/

/*blocks row
-------------------*/
.row-block > .block {
    float: none;
}

.rtl .row-multi-block > .block {
    float: right;
}

.ltr .row-multi-block > .block {
    float: right;
}
/* display 
-------------------*/
.none {
    display: none;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.inline-menu > li {
    display: inline;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
}

.block {
    display: block;
}
/* position 
----------------------*/
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.rtl .right {
    right: 0;
}

.rtl .left {
    left: 0;
}

.ltr .right {
    left: 0;
}

.ltr .left {
    right: 0;
}

.top {
    top: 0;
}

.bottom {
    bottom: 0;
}
/*---------------------*/
.reset,
.reset:hover,
.reset:focus {
    background: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    border-radius: 0;
}

.reset-all *,
.reset-all *:hover {
    background: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    border-rauis: 0;
}

.padding-0, .padding-0:hover {
    padding: 0;
}

.margin-0, .margin-0:hover {
    padding: 0;
}

/* rotates
------------------*/
.rotate-45 {
    -moz-transform: rotate(45deg);
    /* FF3.5/3.6 */
    -o-transform: rotate(45deg);
    /* Opera 10.5 */
    -webkit-transform: rotate(45deg);
    /* Saf3.1+ */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    /* IE8 */
    transform: rotate(45deg);
    /* Newer browsers (incl IE9) */
}

:root .rotate-45 {
    filter: none;
}
/* widths 
---------------*/
.fixed-width-10 {
    width: 10px !important;
}

.fixed-width-20 {
    width: 20px !important;
}

.fixed-width-30 {
    width: 30px !important;
}

.fixed-width-40 {
    width: 40px !important;
}

.fixed-width-50 {
    width: 50px !important;
}

.fixed-width-60 {
    width: 60px !important;
}

.fixed-width-70 {
    width: 70px !important;
}

.fixed-width-80 {
    width: 80px !important;
}

.fixed-width-90 {
    width: 90px !important;
}

.fixed-width-100 {
    width: 100px !important;
}

.fixed-width-110 {
    width: 110px !important;
}

.fixed-width-120 {
    width: 120px !important;
}

.fixed-width-130 {
    width: 130px !important;
}

.fixed-width-140 {
    width: 140px !important;
}

.fixed-width-150 {
    width: 150px !important;
}

.fixed-width-160 {
    width: 160px !important;
}

.fixed-width-170 {
    width: 170px !important;
}

.fixed-width-180 {
    width: 180px !important;
}

.fixed-width-190 {
    width: 190px !important;
}

.fixed-width-200 {
    width: 200px !important;
}

.fixed-width-210 {
    width: 210px !important;
}

.fixed-width-220 {
    width: 220px !important;
}

.fixed-width-230 {
    width: 230px !important;
}

.fixed-width-240 {
    width: 240px !important;
}

.fixed-width-250 {
    width: 250px !important;
}

.fixed-width-260 {
    width: 260px !important;
}

.fixed-width-270 {
    width: 270px !important;
}

.fixed-width-280 {
    width: 280px !important;
}

.fixed-width-290 {
    width: 290px !important;
}

.fixed-width-300 {
    width: 300px !important;
}

.fixed-width-310 {
    width: 310px !important;
}

.fixed-width-320 {
    width: 320px !important;
}

.fixed-width-330 {
    width: 330px !important;
}

.fixed-width-340 {
    width: 340px !important;
}

.fixed-width-350 {
    width: 350px !important;
}

.fixed-width-360 {
    width: 360px !important;
}

.fixed-width-370 {
    width: 370px !important;
}

.fixed-width-380 {
    width: 380px !important;
}

.fixed-width-390 {
    width: 390px !important;
}

.fixed-width-400 {
    width: 400px !important;
}

.fixed-width-410 {
    width: 410px !important;
}

.fixed-width-420 {
    width: 420px !important;
}

.fixed-width-430 {
    width: 430px !important;
}

.fixed-width-440 {
    width: 440px !important;
}

.fixed-width-450 {
    width: 450px !important;
}

.fixed-width-460 {
    width: 460px !important;
}

.fixed-width-470 {
    width: 470px !important;
}

.fixed-width-480 {
    width: 480px !important;
}

.fixed-width-490 {
    width: 490px !important;
}

.fixed-width-500 {
    width: 400px !important;
}

.fixed-width-510 {
    width: 410px !important;
}

.fixed-width-520 {
    width: 420px !important;
}

.fixed-width-530 {
    width: 430px !important;
}

.fixed-width-540 {
    width: 440px !important;
}

.fixed-width-550 {
    width: 450px !important;
}

.fixed-width-560 {
    width: 460px !important;
}

.fixed-width-570 {
    width: 470px !important;
}

.fixed-width-580 {
    width: 480px !important;
}

.fixed-width-590 {
    width: 490px !important;
}

.fixed-width-600 {
    width: 400px !important;
}
/*-----------------------*/

.rotate-45 {
    -moz-transform: rotate(45deg);
    /* FF3.5/3.6 */
    -o-transform: rotate(45deg);
    /* Opera 10.5 */
    -webkit-transform: rotate(45deg);
    /* Saf3.1+ */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    /* IE8 */
    transform: rotate(45deg);
    /* Newer browsers (incl IE9) */
}

:root .rotate-45 {
    filter: none;
}

/* SAU Classes
---------------------*/
table.SAU-table-grid {
    width: 100%;
    margin: 9px 0;
    border: 0;
}

    table.SAU-table-grid thead th,
    table.SAU-table-grid td {
        padding: 13px 10px;
        border: 0;
    }

    table.SAU-table-grid thead th {
        border-left: 1px solid #e5e5e5;
    }

    table.SAU-table-grid td {
        /* border-left: 1px solid #F1F1F1; */
    }

        table.SAU-table-grid thead th:last-child,
        table.SAU-table-grid td:last-child {
            /*  border: 0;*/
        }

    table.SAU-table-grid thead th {
        background-color: #f0f0f0;
        color: #000;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
    }

    table.SAU-table-grid tbody tr:nth-child(even) {
        background-color: #F6F6F6;
    }

.SAU-table-controles i.SAU-remove-icon {
    background-color: #ec6766;
    border-radius: 50%;
    padding: 5px;
    height: 20px;
    width: 20px;
    color: #fff;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    font-size: 17px;
    padding-right: 6px;
}

.grid-pager {
    text-align: center;
}

    .grid-pager a {
        display: inline-block;
        background-color: #EFEFEF;
        padding: 6px 11px;
        line-height: 17px;
    }
/* flat icons 
------------------*/
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-businessmen33:before {
    content: "\e000";
}

.flaticon-event5:before {
    content: "\e001";
}

.flaticon-mail59:before {
    content: "\e002";
}

.flaticon-mailbox22:before {
    content: "\e003";
}

.flaticon-mobilephone15:before {
    content: "\e004";
}

.flaticon-phone25:before {
    content: "\e005";
}

.flaticon-pin56:before {
    content: "\e006";
}

.flaticon-pyramid2:before {
    content: "\e007";
}
/* Useful Snippets
-------------------------------------*/
/*a:not([class]):active, a:not([class]):focus {
 position: relative;
 top: 1px;
}
a:not([class]):active > *, a:not([class]):focus > * {
 position: relative;
 top: -1px;
}*/


/* drupal classes
-------------------*/
/**
 * @file
 * Utility classes to hide elements in different ways.
 */

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be collapsible details that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen readers.
 *
 * Used for information required for screen reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

/**
 * The .focusable class extends the .visually-hidden class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: auto;
}

/**
 * Hide visually and from screen readers, but maintain layout.
 */
.invisible {
  visibility: hidden;
}

.pagination>li>a, .pagination>li>span , 
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
        color: #5D250A;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
        background-color: #5D250A;
    border-color: #5D250A;
}
.search-help-link {
    display: none;
}
/* font face
/*---------------------------- */

@font-face {
    font-family: 'arabic2';
    src: url('fonts/cocon.eot');
    src: url('fonts/cocon.eot?#iefix') format('embedded-opentype'), url('fonts/cocon.woff') format('woff'), url('fonts/cocon.ttf') format('truetype'), url('cocon®nextarabic-light.svg#cocon®nextarabic-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arabic';
    src: url('fonts/arabic-regular.eot');
    src: local("☺"), url("fonts/arabic-regular.woff") format("woff"), url("fonts/arabic-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/DroidKufi-Regular.eot);
    src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Regular.woff2) format('woff2'), url(fonts/DroidKufi-Regular.woff) format('woff'), url(fonts/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'droid';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/DroidKufi-Bold.eot);
    src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Bold.woff2) format('woff2'), url(fonts/DroidKufi-Bold.woff) format('woff'), url(fonts/DroidKufi-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'cocon';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/CoconLight.eot);
    src: url(fonts/CoconLight.eot?#iefix) format('embedded-opentype'), url(fonts/CoconLight.woff) format('woff'), url(fonts/CoconLight.ttf) format('truetype');
}

@font-face {
    font-family: "helv-li";
    src: url('fonts/FrutigerLight.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "helv";
    src: url('fonts/FrutigerBold.woff');
    font-weight: normal;
    font-style: normal;
}
/* 
 * Droid Arabic Naskh (Arabic) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
    font-family: 'droid-n';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/DroidNaskh-Regular.eot);
    src: url(fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/DroidNaskh-Regular.woff2) format('woff2'), url(fonts/DroidNaskh-Regular.woff) format('woff'), url(fonts/DroidNaskh-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'droid-n';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/DroidNaskh-Bold.eot);
    src: url(fonts/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/DroidNaskh-Bold.woff2) format('woff2'), url(fonts/DroidNaskh-Bold.woff) format('woff'), url(fonts/DroidNaskh-Bold.ttf) format('truetype');
}

@font-face {
    font-family: "Hacen-liner";
    src: url("fonts/hacen_liner_screen.eot");
    /* IE 9 */
    src: url("fonts/hacen_liner_screen.eot?") format("eot"), /* IE 6-8 */ url("fonts/hacen_liner_screen.otf") format("opentype"), /* Other browsers */ url("fonts/hacen_liner_screen.ttf") format("truetype");
    /* Safari, Android, iOS */
}

@font-face {
    font-family: "Hacen-news";
    src: url("fonts/hacen_newspaper.eot");
    /* IE 9 */
    src: url("fonts/hacen_newspaper.eot?") format("eot"), /* IE 6-8 */ url("fonts/hacen_newspaper.otf") format("opentype"), /* Other browsers */ url("fonts/hacen_newspaper.ttf") format("truetype");
    /* Safari, Android, iOS */
}

@font-face {
    font-family: "gemah";
    src: url('fonts/gemah.eot');
    src: url('fonts/gemah.eot?#iefix') format('embedded-opentype'), url('fonts/gemah.svg#AL-Gemah-Alhoda') format('svg'), url('fonts/gemah.woff') format('woff'), url('fonts/gemah.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gebold';
    src: url('fonts/GE_SS_Two_Bold.eot');
    src: local('?'), url('fonts/GE_SS_Two_Bold.otf'), url('fonts/GE_SS_Two_Bold.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gelight';
    src: url('fonts/GE_SS_Two_Light.eot');
    src: local('?'), url('fonts/GE_SS_Two_Light.otf'), url('fonts/GE_SS_Two_Light.ttf'), url('fonts/GE_SS_Two_Light.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gelight2';
    src: url('fonts/GE_SS_Two_Light.eot');
    src: local('?'), url('fonts/GE_SS_Two_Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gem';
    src: url('fonts/GE_SS_Two_Medium.eot');
    src: local('?'), url('fonts/GE_SS_Two_Medium.otf'), url('fonts/GE_SS_Two_Medium.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Flaticon";
    src: url("fonts/flaticon.eot");
    src: url("fonts/flaticon.eot#iefix") format("embedded-opentype"), url("fonts/flaticon.woff") format("woff"), url("fonts/flaticon.ttf") format("truetype"), url("fonts/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}