@import url(arabic/font.css);
#thisbody, #thisbody * {
    font-family: "JF Flat Regular" !important;
    direction: rtl;
}
.text-left { text-align: left !important; }
.go-right { float: left; }
.sub-banner {
    overflow: hidden;
    /*margin-bottom: -129px;*/
    max-height: 120px;
}
.sub-banner img {
    width: 100%;
}
.banner-text {
    background-image: url("../img/banner/adminpanel/admin-banner.png");
    display: block;
    position: relative;
    z-index: 9;
    padding: 16px 0px;
    background-size: 100%;
}
.banner-text div span:first-child {
    color: #fff;
    font-size: 22px;
    display: block;
    /*text-transform: uppercase;*/
    /*margin-top: 10px;*/
}
.banner-text div span:last-child {
    color: #ffc610;
    font-size: 36px;
    display: block;
    /*text-transform: uppercase;*/
}
.topper {
    background-color: #182129;
    height: 130px;
}
.topper_group {
    /*width: 230px;*/
    line-height: 31px;
    border-bottom: 1px #222f3b solid;
    padding: 5px 0px;
}
.topper_group > label:nth-child(1) {
    color: #d0fa1a;
    font-size: 12px;
    text-transform: uppercase;
    float: right;
}
.topper_group > div {
    float: right;
    margin: 0px 10px;
}
.topper_group > div:nth-child(2) > span {
    color: #fff;
}
.topper_group > div:nth-child(2) > span:nth-child(1) {
    font-size: 12px;
    margin-left: 1px;
}
.topper_group > div:nth-child(2) > span:nth-child(2) {
    font-size: 10px;
    margin-left: 1px;
}
.topper_group > div:nth-child(2) > span:nth-child(3) {
    font-size: 8px;
}
.topper_group > button {
    background: none;
    border: 1px #b9e00f solid;
    border-radius: 5px;
    color: #fff;
    width: 20px;
    cursor: pointer;
}
.topper_group > button:hover {
    color: #000;
    background-color: #b9e00f;
}
.topper_group_2 {
    margin-top: 10px;
}
.topper_group_2 > div:first-child {
    font-size: 12px;
    color: #fff;
    float: right;
    text-transform: uppercase;
}
.topper_group_2 > div:first-child > a {
    color: #ffc610 !important;
}
.topper_group_2 > div:nth-child(2) > a {
    display: block;
    height: 9px;
    width: 18px;
    background-repeat: no-repeat;
    float: right;
}
.topper_group_2 > div:nth-child(2) {
    float: left;
    margin: 3px;
}
.topper_group_2 > div:nth-child(2) > a:nth-child(1) {
    background-image: url(../img/arb.png);
    margin-left: 5px;
}
.topper_group_2 > div:nth-child(2) > a:nth-child(2) {
    background-image: url(../img/eng.png);

}
.topper_group_3 {
    margin-top: 11px;
}
.topper_group_3 > form {

}
.topper_group_3 > form > span:first-child {
    width: 35px;
    height: 35px;
    display: block;
    background-image: url(../img/search_len.png);
    background-repeat: no-repeat;
    float: right;
    /*    background-color: #151d24;
        border: 1px #12181e solid;*/
    background-color: #FFF;
    border: 1px #182129 solid;
    border-left: 0px;
    background-position-x: 10px;
    border-radius: 0px 5px 5px 0px;
}
.topper_group_3 > form > input[type='text'] {
    line-height: 25px;
    padding: 5px 10px 5px 0px;
    background-color: #fff;
    color: #151d24;
    text-indent: 10px;
    /* border: 1px #12181e solid; */
    border: 1px #182129 solid;
    border-right: 0px;
    width: 178px;
    border-radius: 5px 0px 0px 5px;
}
.topper_group_3 > form > input[type='text']:focus {
    outline: 0;
}
.my_nav {
    height: 45px;
    background: rgb(246,248,249); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */


}
.my_nav ul {
    list-style: none;

}
.my_nav ul a:first-child li{
    background: none;
}
.my_nav ul a:hover li {
    background-color: #BBE310;

    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}
.my_nav ul li{
    float: right;
    line-height: 45px;
    padding: 0px 20px;
    color: #000;
    background-image: url(../img/seperator.png);
    background-repeat: no-repeat;
    background-position-y: 5px;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: -1px;

    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}
.my_nav ul .activated{
    /*    background: #f8ff2c !important;  Old browsers 
     IE9 SVG, needs conditional override of 'filter' to 'none' 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZmYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmQ2MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top,  #f8ff2c 0%, #fbd601 100%) !important;  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ff2c), color-stop(100%,#fbd601)) !important;  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  #f8ff2c 0%,#fbd601 100%) !important;  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  #f8ff2c 0%,#fbd601 100%) !important;  Opera 11.10+ 
    background: -ms-linear-gradient(top,  #f8ff2c 0%,#fbd601 100%) !important;  IE10+ 
    background: linear-gradient(to bottom,  #f8ff2c 0%,#fbd601 100%) !important;  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ff2c', endColorstr='#fbd601',GradientType=0 ) !important;  IE6-8 */

    background-color: #BBE310 !important;

}
.my_nav ul a:nth-child(4) li{
    background: none;
}
.seperator{ width: 3px;}
.login-form > div > label:last-child {display: none !important;}
.login {
    width: 500px;
    margin: 60px auto;

}
.login > div:first-child > img {
    margin: 10px auto;
}
.login > div:first-child {
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 24px;
    /*border-bottom: 3px #000 solid;*/
    border-radius: 5px 5px 0px 0px;
    background: #d4fe1b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZmUxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYWUyMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d4fe1b 0%, #bae210 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4fe1b), color-stop(100%,#bae210)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d4fe1b 0%,#bae210 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d4fe1b 0%,#bae210 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d4fe1b 0%,#bae210 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d4fe1b 0%,#bae210 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4fe1b', endColorstr='#bae210',GradientType=0 ); /* IE6-8 */
}

.login > div:last-child {
    border-radius: 0px 0px 5px 5px;
    background-color: #BCE411;
    color: #000;
    padding: 10px 27px 14px 27px;
    margin-top: -4px;
    text-align: center;
}
.login > div:last-child a {
    font-size: 12px;
    color: #000;
}

.login > div:nth-child(2) {
    background-color: #fff;
    border-radius: 0px 0px 5px 5px;
    padding: 40px 0px 20px 0px;
    border: 4px #BCE411 solid;
    border-top: 0px;
}
.login-form {
    margin: 0 auto;
}
.login-form > div {
    /*text-align: center;*/
    margin-bottom: 10px;
}
.login-form > div > label:first-child {
    font-weight: bold;
    line-height: 30px;
    width: 170px;
    display: block;
    float: right;
    text-align: left;
    padding-left: 10px;
}
.login-form input {
    border: 1px #ccc solid;
    line-height: 20px;
    padding: 5px;
    width: 200px;
    outline: none !important;
}
.login-form button {
    background-color: #182129;
    padding: 5px 20px;
    border: 2px #182129 solid;
    color: #BCE411;
    margin-right: 180px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: bold;
    outline: none !important;
    cursor: pointer;
}
.login-form a {
    color: #759000;
    font-size: 12px;
    margin-right: 10px;
}
.er_t {

    color: #fff !important;
    background: rgb(255,48,25) !important; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
    background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ) !important;
}
.er_tt {
    border: 4px #D00505 solid !important;
    border-top: 0px !important;
}
.er_sub {
    color: #FFF !important;
}
.admin-left {
    float: right;
    width: 220px;
    border-left: 1px #ccc dashed;
    /*min-height: 500px;*/
}
.admin-right {

}
sheet { 
    display: block; 
    background-color: #fff;
    margin-bottom: 40px;
}
.my_ul {
    /*list-style: circle !important;*/
    margin-right: 5px;
    font-size: 13px;
}
.my_ul li {
    line-height: 20px;
    border-right: 2px #ddd solid;
    padding-right: 20px;
}
.ul_pills {
    /*margin-right: 10px;*/
}
.ul_pills > li {
    line-height: 25px;
    margin: 20px 25px;
}
.admin-right {
    float: left;
}
.interfae-contents {
    width: 960px;
    padding: 24px;
}
note {
    background-color: #EBEBEB;
    color: #000;
    font-size: 14px;
    padding: 12px;
    font-style: italic;
    display: block;
    border-radius: 5px;
    text-indent: 10px;
    border-right: 5px #BBE310 solid;
    margin-bottom: 20px;
}
.my_ul a {
    color: #000;
}
.my_ul a:hover, .act_pil {
    color: #97B80E !important;
}
.act_pil li {
    border-right: 2px #97B80E solid;
}
.my-admin-form {}
.my-admin-form input[type='file'] {
    display: none;
}
/*.big-upload input[type='file'] {
    display: inline !important;
    position: relative;
    margin-top: -48px;
    width: 1px;
    margin-left: 10px;
    outline: none;
    border: none !important;
}*/
.pre-imgae {
    width: 100%;
    min-height: 151px;
}
.pre-sub-image {
    width: 100%;
    min-height: 124px;
}
.pre-crud-image {
    width: 100%;
    min-height: 300px;
}
.img-pre-crud-con {
    max-width: 930px;
    max-height: 500px;
    overflow: hidden;
    border: 1px #000 solid;
    min-width: 500px;
    min-height: 300px;
}
.img-pre-sub-con {
    width: 930px;
    height: 124px;
    overflow: hidden;
    border: 1px #000 solid;
}
.img-pre-con {
    width: 448px;
    height: 151px;
    overflow: hidden;
    border: 1px #000 solid;

}
.img-pre-con-logo > img {
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: auto !important;
}
.img-pre-con-logo {
    width: 252px;
    height: 202px;
    overflow: hidden;
    border: 1px #000 solid;
}
.pre-brdr {
    float: right;
    border: 1px #dcdcdc dashed;
    padding: 5px;
    margin: 9px;
    cursor: pointer;
}
.my-admin-form > .form-control {
    margin: 25px 10px;
}
.my-admin-form > .form-control-btn {
    margin: 25px 10px;
    float: left;
}
.my-admin-form > .form-control label:first-child {
    float: right;
    width: 110px;
    background-color: #696969;
    border-right: 4px #BBE310 solid;
    text-indent: 10px;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
}
.my-admin-form > .form-control label {
    line-height: 35px;
    font-size: 14px;
}
.my-admin-form > .form-control input[type='text'], .my-admin-form > .form-control input[type='email'], .my-admin-form > .form-control input[type='url'], .my-admin-form > .form-control input[type='tel'], .my-admin-form > .form-control input[type='password'] {
    border: 1px #dcdcdc solid;
    padding: 4px;
    line-height: 25px;
    text-indent: 4px;
    width: 810px;
    font-size: 14px;
    outline: none !important;
    border-radius: 5px 0px 0px 5px;
    border-left: 4px #696969 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form > .form-control input[type='date'] {
    border: 1px #dcdcdc solid;
    padding: 4px;
    line-height: 23px;
    text-indent: 4px;
    width: 810px;
    font-size: 14px;
    outline: none !important;
    border-radius: 5px 0px 0px 5px;
    border-left: 4px #696969 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form > .form-control select {
    border: 1px #dcdcdc solid;
    padding: 8px 0px 7px 0px;
    line-height: 25px;
    text-indent: 4px;
    width: 823px;
    font-size: 14px;
    outline: none !important;
    border-radius: 5px 0px 0px 5px;
    border-left: 4px #696969 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form > .form-control-textarea {
    padding: 0px 13px 0px 10px;
    margin-bottom: 20px;
}
.my-admin-form > .form-control-textarea label:first-child {
    width: 100%;
    line-height: 35px;
    font-size: 14px;
    background-color: #696969;
    border-top: 4px #BBE310 solid;
    text-indent: 10px;
    border-radius: 5px 5px 0px 0px;
    color: #fff;
    display: block;

}
.my-admin-form > .form-control-textarea textarea {
    border: 1px #dcdcdc solid;
    border-top: 0px;
    padding: 8px 10px;
    line-height: 15px;
    width: 915px;
    font-size: 12px;
    outline: none !important;
    border-radius: 0px 0px 5px 5px;
    border-bottom: 4px #696969 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    resize: none;
    margin-top: 0px;
    min-height: 400px;
}
.my-admin-form > .form-control input:focus, .my-admin-form > .form-control textarea:focus {
    border-left: 4px #BBE310 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form > .form-control-btn a {
    background-color: #EBEBEB;
    border: 0px;
    border-right: 4px #696969 solid;
    border-left: 4px #696969 solid;
    padding: 10px 30px;
    border-radius: 5px;
    outline: none !important;
    color: #696969;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    display: inline-block;
    transition: all 0.5s ease-out;
    font-size: 13px;
}
.my-admin-form > .form-control-btn a:hover {
    background-color: #696969;
    color: #fff;
    border-right: 4px #BBE310 solid;
    border-left: 4px #BBE310 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}
.my-admin-form button {
    background-color: #EBEBEB;
    border: 0px;
    border-right: 4px #696969 solid;
    border-left: 4px #696969 solid;
    padding: 10px 30px;
    border-radius: 5px;
    outline: none !important;
    color: #696969;
    font-weight: bold;
    cursor: pointer;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form button:hover {
    background-color: #696969;
    color: #fff;
    border-right: 4px #BBE310 solid;
    border-left: 4px #BBE310 solid;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

}
.my-admin-form button:focus {
    color: #819E04;
}
.ok-table table {
    border-collapse: collapse;
    border: 1px #dcdcdc solid;
    width: 100%;text-align: left;
}
.ok-table table th {
    border: 1px #cccccc solid;
    font-weight: bold;
    background-color: #ebebeb;
}
.ok-table table td {
    border: 1px #dcdcdc solid;
}
.ok-table table td, .ok-table table th {
    padding: 5px 10px;
    text-align: right !important;
    font-size: 12px;
}
.ok-table table tr th:last-child {
    width: 216px;
    text-align: center;
}
.ok-table table tr td:last-child {
    text-align: center;
}
.delete-btn {
    background: rgb(255,48,25); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
    color: #fff;
    padding: 5px 10px;
    border: 0px;
    font-size: 12px;
    outline: none !important;
    cursor: pointer;
}
.delete-btn:focus {
    background: rgb(207,4,4); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMDQwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjMwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,4,4,1)), color-stop(100%,rgba(255,48,25,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-8 */

}
.edit-btn {
    background: rgb(135,224,253); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3ZTBmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNWFiZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(135,224,253,1)), color-stop(40%,rgba(83,203,241,1)), color-stop(100%,rgba(5,171,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-8 */
    color: #fff;
    padding: 5px 10px;
    border: 0px;
    font-size: 12px;
    outline: none !important;
    cursor: pointer;
}
.edit-btn:focus {
    background: rgb(5,171,224); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA1YWJlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzUzY2JmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2UwZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(5,171,224,1) 0%, rgba(83,203,241,1) 60%, rgba(135,224,253,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(5,171,224,1)), color-stop(60%,rgba(83,203,241,1)), color-stop(100%,rgba(135,224,253,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(5,171,224,1) 0%,rgba(83,203,241,1) 60%,rgba(135,224,253,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(5,171,224,1) 0%,rgba(83,203,241,1) 60%,rgba(135,224,253,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(5,171,224,1) 0%,rgba(83,203,241,1) 60%,rgba(135,224,253,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(5,171,224,1) 0%,rgba(83,203,241,1) 60%,rgba(135,224,253,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#87e0fd',GradientType=0 ); /* IE6-8 */
}
.view-btn {
    background: rgb(210,255,82); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZmY1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWU4NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-8 */
    padding: 5px 10px;
    border: 0px;
    font-size: 12px;
    outline: none !important;
    cursor: pointer;
    color: #fff;
}
.view-btn:focus {
    background: rgb(145,232,66); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxZTg0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmZmNTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(145,232,66,1) 0%, rgba(210,255,82,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,232,66,1)), color-stop(100%,rgba(210,255,82,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(145,232,66,1) 0%,rgba(210,255,82,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(145,232,66,1) 0%,rgba(210,255,82,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(145,232,66,1) 0%,rgba(210,255,82,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(145,232,66,1) 0%,rgba(210,255,82,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e842', endColorstr='#d2ff52',GradientType=0 ); /* IE6-8 */

}
.my-admin-form .form-control-spl {
    margin: 25px 10px;
}
.my-admin-form .form-control-spl > label:first-child {
    float: right;
    width: 160px;
    background-color: #696969;
    border-right: 4px #BBE310 solid;
    text-indent: 10px;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
}
.my-admin-form .form-control-spl > label {
    line-height: 35px;
    font-size: 14px;
}
.my-admin-form .form-control-spl input[type='radio'] {
    margin: 11px 25px 11px 5px;
}
.my-admin-form .form-control-spl input[type='text'], .my-admin-form .form-control-spl input[type='email'], .my-admin-form .form-control-spl input[type='url'], .my-admin-form .form-control-spl input[type='tel'], .my-admin-form .form-control-spl input[type='password'] {
    border: 1px #dcdcdc solid;
    padding: 4px;
    line-height: 25px;
    text-indent: 4px;
    width: 760px;
    font-size: 14px;
    outline: none !important;
    border-radius: 5px 0px 0px 5px;
    border-left: 4px #696969 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form .form-control-spl input[type='date'] {
    border: 1px #dcdcdc solid;
    padding: 4px;
    line-height: 23px;
    text-indent: 4px;
    width: 760px;
    font-size: 14px;
    outline: none !important;
    border-radius: 5px 0px 0px 5px;
    border-left: 4px #696969 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form .form-control-spl select {
    border: 1px #dcdcdc solid;
    padding: 4px 0px 3px 0px;
    margin: 0px;
    line-height: 25px;
    text-indent: 4px;
    width: 773px;
    font-size: 14px;
    outline: none !important;
    border-radius: 5px 0px 0px 5px;
    border-left: 4px #696969 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form .form-control-spl input:focus, .my-admin-form > .form-control-spl textarea:focus {
    border-left: 4px #BBE310 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.my-admin-form .form-control-spl > label.error, .my-admin-form .form-control-textarea > label.error, .big-upload .form-control-btn ~ label.error  {
    background-color: #FFD2CF;
    line-height: 0px !important;
    font-size: 11px !important;
    color: red;
    padding: 10px 15px;
    float: left;
    margin-top: -29px;
    margin-left: 13px;
    position: relative;
    z-index: 9999;
}

.my-admin-form .form-control > label.error {
    background-color: #FFD2CF;
    line-height: 0px !important;
    font-size: 11px !important;
    color: red;
    padding: 10px 15px;
    float: left;
    margin-top: -29px;
    margin-left: 13px;
    position: relative;
    z-index: 9999;
}

.error {
    border: 1px red solid !important;
}
.valid {
    border: 1px #BBE310 solid !important;
    background-color: #E1FFAD;
}
.my-admin-form  .form-control-textarea {
    padding: 0px 13px 0px 10px;
    margin-bottom: 20px;
}
.my-admin-form  .form-control-textarea label:first-child {
    width: 100%;
    line-height: 35px;
    font-size: 14px;
    background-color: #696969;
    border-top: 4px #BBE310 solid;
    text-indent: 10px;
    border-radius: 5px 5px 0px 0px;
    color: #fff;
    display: block;

}
.my-admin-form  .form-control-textarea textarea {
    border: 1px #dcdcdc solid;
    border-top: 0px;
    padding: 8px 10px;
    line-height: 15px;
    width: 915px;
    font-size: 12px;
    outline: none !important;
    border-radius: 0px 0px 5px 5px;
    border-bottom: 4px #696969 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    resize: none;
    margin-top: 0px;
    min-height: 400px;
}
.my-admin-form > .form-control input:focus, .my-admin-form > .form-control textarea:focus {
    border-left: 4px #BBE310 solid;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.btn {
    background: rgb(246,248,249); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-8 */
    color: #000;
    padding: 5px 10px;
    border: 1px #000 solid;
    font-size: 12px;
    outline: none !important;
    cursor: pointer;
    display: block;
}
.btn:hover{
    background: rgb(210,255,82); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZmY1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWU4NDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(210,255,82,1)), color-stop(100%,rgba(145,232,66,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-8 */
}
.sport-con {
    border: 1px #CCC solid;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 20px 0px;
}
.sport-con > .form-control-spl, .form-control-textarea {
    margin: 10px 0px !important;
    padding: 0px !important;
}
.sport-con input {
    width: 740px !important;
}
.sport-con textarea {
    width: 896px !important;
    // padding: 0px !important;
}
.dsb {
    background: none !important;
    background-color: #ccc !important;
    color: #696969;
    cursor: not-allowed;
}
.ost { color: lightskyblue; }
.ast { color: #88CB0C;}
.rst { color: red;}
.tooltip {
    text-decoration:none;
    position:relative;
}
.tooltip span {
    display:none;
}
.tooltip:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
}
.desc_up {
    width: 0; 
    height: 0; 
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid black;
    position: absolute;
    margin-right: 5px;
    margin-top: 9px;
}
.asc_down {
    width: 0; 
    height: 0; 
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid black;
    position: absolute;
    margin-right: 5px;
    margin-top: 9px;
}
.excel-form {
    display: inline-block;
}
.excel-form button {
    background-image: url(../img/admin/excel.png);
    height: 20px;
    width: 20px;
    padding: 0px;
    outline: none !important;
    margin: 0px;
    border: 0px;
    background-size: 20px;
    cursor: pointer;
    opacity: 1;
    background-color: transparent;
}
.excel-form button:hover {
    opacity: 0.7;
}
.search-form {
    padding-left: 10px; float: left;
}
.search-form * {
    display: inline-block;
}
.search-form input, select {
    padding: 5px;
    border-radius: 5px;
    border: 1px #dcdcdc solid;
    margin-top: -2px;
}
.search-form input:focus {
    outline: 1px #BDE612 solid !important;
}
.search-form button {
    border: 1px #000 solid;
    background-color: #BDE612;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 0px;
    outline: none !important;
    cursor: pointer;
}
.notifi {
    margin: 10px 0px;
    /*border-radius: 5px;*/
}
.notifi > div {
    padding: 10px 15px;
    font-size: 14px;
}
.notifi > div:first-child{
    text-indent: 23px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}
.notifi > div:last-child {
    border-radius: 0px 0px 5px 5px;
    font-style: italic; 
}
.notifi > div:first-child:before {
    content: " ";
    background-size: 25px;
    height: 25px;
    width: 25px;
    display: inline-block;
    position: absolute;
    margin-top: -5px;
    margin-right: -30px;
}
.notifi ul {
    list-style-type: decimal !important;
    margin-right: 25px;
}
.wr a{ color: #BB9200;}
.wr > div:first-child {border: 1px #F6CA2F solid;background-color: #F6CA2F;}
.wr > div:last-child {border: 1px #F6CA2F solid;background-color: #FFF2C3; }
.wr > div:first-child:before {background-image: url(../img/admin/warning.png);}
.cr a { color: #F64B2F;}
.cr > div:first-child {border: 1px #F64B2F solid;background-color: #F64B2F;}
.cr > div:last-child {border: 1px #F64B2F solid;background-color: #ffcdc8; }
.cr > div:first-child:before {background-image: url(../img/admin/critical.png);}
.in a { color: #3486C0;}
.in > div:first-child {border: 1px #3486C0 solid;background-color: #3486C0;}
.in > div:last-child {border: 1px #3486C0 solid;background-color: #DAF0FF; }
.in > div:first-child:before {background-image: url(../img/admin/info.png);}
.msg-notifi {
    background-color: #F00;
    padding: 2px 4px;
    margin-right: 38px;
    color: #fff;
    border-radius: 5px;
    line-height: 10px;
    display: inline-block;
    font-size: 9px;
    margin-top: -39px;
    position: absolute;
}
.tr_unbold > td {
    font-weight: normal !important;
}
.tr_bold > td {
    font-weight: bolder !important;
    background-color: #F7FFD2;
}

/*pagination*/
.gift_pagination {
    margin-top: 12px;
}
.gift_pagination *{
    list-style: none !important;
    text-decoration: none;
}
.gift_pagination li {
    float: left;
    padding: 3px 9px;
    border-radius: 3px;
    border: 1px solid #C2C2C2;
    vertical-align: baseline;
    font-size: 14px;
    margin-left: 3px;
}
.dot {
    border: 0px !important;
}
.gift_current {
    color: #000000 !important;
    text-decoration: none !important;
    background-color: #d0fa1a;
} 
.details {
    border: 0px !important;
    margin-right: 5px;
}
.redirect {
    font-size: 20px !important;
}

/* pagination end*/

.login-1-form > div > label:last-child {display: none !important;}
.login-1 {
    width: 500px;
    margin: 60px auto;

}
.login-1 > div:first-child > img {
    margin: 10px auto;
}
.login-1 > div:first-child {
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 24px;
    /*border-bottom: 3px #000 solid;*/
    border-radius: 5px 5px 0px 0px;
    background: #a9e4f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #a9e4f7 0%, #0fb4e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a9e4f7 0%,#0fb4e7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a9e4f7 0%,#0fb4e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=0 ); /* IE6-9 */
}
.login-1 > div:nth-child(2) {
    background-color: #fff;
    border-radius: 0px 0px 5px 5px;
    padding: 40px 0px 20px 0px;
    border: 4px #10B5E7 solid;
    border-top: 0px;
}
.login-1-form {
    margin: 0 auto;
}
.login-1-form > div {
    /*text-align: center;*/
    margin-bottom: 10px;
}
.login-1-form > div > label:first-child {
    font-weight: bold;
    line-height: 30px;
    width: 170px;
    display: block;
    float: right;
    text-align: left;
    padding-left: 10px;
}
.login-1-form input {
    border: 1px #ccc solid;
    line-height: 20px;
    padding: 5px;
    width: 200px;
    outline: none !important;
}
.login-1-form button {
    background-color: #182129;
    padding: 5px 20px;
    border: 2px #182129 solid;
    color: #10B5E7;
    margin-right: 180px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: bold;
    outline: none !important;
    cursor: pointer;
}
.login-1-form a {
    color: #10B5E7;
    font-size: 12px;
    margin-right: 10px;
}

#uploading-process {
    background-color: #F5F5F5;
    color: #000;
    padding: 100px 20px;
    text-align: center;
    font-size: 25px;
    display: none;
}

#uploading-process img {
    width: auto;
    margin: 30px auto;
}

.read-only {
    background-color: #E8E8E8 !important;
    border: 1px #E8E8E8 solid !important;
    cursor: not-allowed;
    color: #B2B2B2;
}
.arabictextonly {
    direction: rtl !important;
    text-align: right !important;
}


.required-filed{
    position: relative;
}

.required-filed:after{
    content: '*';
    position: absolute;  
    left: -9px;
    top: -9px;
    color: red;
}

button.required-filed:after{
    right: -13px;
    top: 11px;
}