.box
{
    background: #295290;
    font-family: Arial, Helvetica, sans-serif;
}
.boxtop
{
    background: url(../Images/ne.gif) no-repeat top right;
    font-family: Arial, Helvetica, sans-serif;
}
.boxtop div
{
    font-size: 0;
    height: 15px;
    font-family: Arial, Helvetica, sans-serif;
    background: url('../Images/nw.gif') no-repeat left top;
}
.boxbottom
{
    background: url(../Images/se.gif) no-repeat bottom right;
    font-family: Arial, Helvetica, sans-serif;
}
.boxbottom div
{
    font-size: 0;
    height: 10px;
    background: url(../Images/sw.gif) no-repeat bottom left;
    font-family: Arial, Helvetica, sans-serif;
}



.boxcontent
{
    padding: 0px 10px 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
}


/* Accordion */
.accordionHeader
{
    color: #696969;
    background-color: #f2f2f2;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
}

#master_content .accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionHeaderSelected
{
    color: #FFFFFF;
    background-color: #1f6fb8;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    border-radius: 6px 6px 0 0;
}

.accordionHeaderSelected a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover
{
    background: none;
    text-decoration: underline;
}

.accordionContent
{
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 10px;
    border-top: none;
    border-radius: 0 0 6px 6px;
}

div.hideSkiplink
{
    background-color: #295290;
    width: 100%;
   
}

div.menu
{
    padding: 0px;
    width: 100%;
   
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
  
}

div.menu ul li a, div.menu ul li a:visited
{
    border: 0px #61646B solid;
    color: #dde4ec;
    display: block;
    line-height: .9em;
    padding: 10px 15px 10px 15px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
    margin: -10px 0px;
    padding: 22px;
    border-radius: 7px 7px 7px 7px;
    font-family: 'Times New Roman';
}

.Menuselected
{
    background-color: #295290;
    color: #FFFFFF;
    text-decoration: none;
    
}
.selected
{
      background-color: #49C1DA;
    color: #295290;
    text-decoration: none;
   border-radius: 7px 7px 7px 7px;
}
div.menu ul li a:active
{
    border-style: double;
    border-width: 0px;
    background-color: #FFFFFF;
    color: #295290;
    text-decoration: none;
}
div.menu ul li a:hover
{
       background-color: #49C1DA;
    color: #000305;
    text-decoration: none;
    border-radius: 7px 7px 7px 7px;
}


div.menuright
{
    padding: 0px;
    width: 100%;
  
}

div.menuright ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menuright ul li a, div.menuright ul li a:visited
{
    border: 0px #61646B solid;
    color: #dde4ec;
    display: block;
    line-height: .9em;
    padding: 10px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
}

div.menuright ul li a:hover
{
      background-color: #49C1DA;
    color: #000305;
    text-decoration: none;
}

div.menuright ul li a:active
{
    background-color: #49C1DA;
    color: #000305;
    text-decoration: none;
    
}


div.menulogoff
{
    padding: 0px;
    width: 100%;
  
}

div.menulogoff ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menulogoff ul li a, div.menuright ul li a:visited
{
    border: 0px #61646B solid;
    color: #dde4ec;
    display: block;
    line-height: 0.9em;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
}
div.menulogoff ul li a:active
{
    background-color: #49C1DA;
    color: #FFFFFF;
    text-decoration: none;
    
}
.GridPager td
{
    background: #FFFFFF;
    background: linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    background: -webkit-linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    border-color: #FFFFFF;
    background: -moz-linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    border-radius: 7px;
    height: 30px;
}
.GridPager a
{
    display: block;
    height: 30px;
    width: 30px;
    border-style: none;
    background-color: #EFEFEF;
    color: #000000;
    border: 1px solid #767676;
    text-align: center;
    text-decoration: none;
    font-size: 13.5pt;
    font-weight: bold;
    border-radius: 3px;
}
.GridPager span
{
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
    border-radius: 3px;
    font-size: 13.5pt;
    display: block;
    height: 30px;
    width: 30px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
}

.ModalPopupBG
{
    background-color: #546096;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.popup_Container
{
    background-color: #E3E6EB;
    border: 2px solid #7E7452;
    padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
    width: 650px;
    height: 200px;
}

.popupConfirmation_CHange_Owner
{
    width: 350px;
    height: 200px;
}



.popup_Titlebar
{
    background-color: #7E7452;
    height: 26px;
}

.popup_Body
{
    padding: 15px 15px 15px 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    line-height: 15pt;
    clear: both;
    padding: 20px;
}

.TitlebarLeft
{
    float: right;
    padding-right: 5px;
    padding-top: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: large;
    color: #FFFFFF;
}
.TitlebarRight
{
    background: url(../Images/cross_icon_normal.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: left;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 5px;
}



.popup_Buttons
{
    margin: 10px;
    text-align: center;
}
/*Raaed Styles 2021*/
.border-file-no
{
    position: relative;
    border: 4px solid transparent;
    border-radius: 8px;
    background: #fff;
    background-clip: padding-box;
    padding: 30px 10% 15px;
    top: 70px;
    left: 10px;
    right: 10px; /* just to show box-shadow still works fine      box-shadow: 0 3px 9px black, inset 0 0 9px white;*/
}

.border-file-no::after
{
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    background: linear-gradient(#4bc2e0, #249bb3);
    content: '';
    z-index: -1;
    border-radius: 8px;
    box-shadow: 0px 0px 5px #525555;
}
.border-logo
{
    border-bottom: 2px solid #e5e7ea;
}
@font-face
{
    font-family: "GEMBMBBold-CondensedBold";
    src: url("../fonts/GEMBMBBold-CondensedBold.eot"); /* IE 9 */
    src: url("../fonts/GEMBMBBold-CondensedBold.eot?") format("eot"), /* IE 6-8 */ url("../fonts/GEMBMBBold-CondensedBold.otf") format("opentype"), /* Other browsers */ url("../fonts/GEMBMBBold-CondensedBold.ttf") format("truetype"), /* Safari, Android, iOS */ url('../fonts/GEMBMBBold-CondensedBold.woff') format('woff'), url("../fonts/GEMBMBBold-CondensedBold.svg#GEMBMBBold-CondensedBold") format("svg");
}

.article h7
{
    font-family: 'GEMBMBBold-CondensedBold' , arial, sans-serif;
}
@font-face
{
    font-family: "jannaltbold";
    src: url("../fonts/JannaLT-Regular.eot"); /* IE 9 */
    src: url("../fonts/JannaLT-Regular.eot?") format("eot"), /* IE 6-8 */ url("../fonts/JannaLT-Regular.otf") format("opentype"), /* Other browsers */ url("../fonts/JannaLT-Regular.ttf") format("truetype"), /* Safari, Android, iOS */ url('../fonts/JannaLT-Regular.woff') format('woff'), url("../fonts/JannaLT-Regular.svg#JannaLT-Regular") format("svg");
}

.article h8
{
    font-family: 'jannaltbold' , arial, sans-serif;
}
button, input
{
    vertical-align: sub !important;
}
.form-css
{
    border: 1px solid #cfd6dc;
    border-radius: 5px;
    box-shadow: 0px 0px 02px #ccc;
}
.form-css2
{
    border: 1px solid #9dd0d4;
    border-radius: 5px;
    box-shadow: 0px 0px 02px #ccc;
    padding: 5px;
    color: #095497;
    width: 140px;
    font-size: medium;
    font-weight: bold;
}
.row
{
    display: block !important;
}
.enter-but {
    /*box-shadow: 0px 0px 4px 1px #cccccc;
    background: linear-gradient(to bottom, #c6c8c7 5%, #e7e7e7 100%);*/
    background-color: #807653;
    border-radius: 5px;
    border: 1px solid #b9b9b9;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 17px;
    text-decoration: none;
    /*text-shadow: 0px 1px 0px #ffffff;*/
}

    .enter-but:hover {
        /*background: linear-gradient(to bottom, #e7e7e7 5%, #c6c8c7 100%);*/
        background-color: #b4ab8a;
    }

.enter-but:active
{
    position: relative;
    top: 1px;
}

/* added by mosa   */

.enter-but-popup
{
    box-shadow: 0px 0px 4px 1px #cccccc;
    background: linear-gradient(to bottom, #c6c8c7 5%, #e7e7e7 100%);
    background-color: #c6c8c7;
    border-radius: 10px;
    border: 1px solid #b9b9b9;
    display: inline-block;
    cursor: pointer;
    color: #686868;
    font-weight: bold;
    font-size: 18px;
    padding: 0px 10px 0px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.enter-but-popup:hover
{
    background: linear-gradient(to bottom, #e7e7e7 5%, #c6c8c7 100%);
    background-color: #e7e7e7;
}

.enter-but-popup:active
{
    position: relative;
    top: 1px;
}


.enter-but-poop
{
    box-shadow: 0px 0px 0px 0px #cccccc;
    background: linear-gradient(to bottom, #c6c8c7 5%, #e7e7e7 100%);
    background-color: #c6c8c7;
    border-radius: 20px;
    border: 1px solid #b9b9b9;
    display: inline-block;
    cursor: pointer;
    color: #686868;
    font-weight: bold;
    font-size: 16px;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.enter-but-poop:hover
{
    background: linear-gradient(to bottom, #e7e7e7 5%, #c6c8c7 100%);
    background-color: #e7e7e7;
}

.enter-but-poop:active
{
    position: relative;
    top: 1px;
}


/* added by mosa   */

.doc-requerment
{
    margin: -15px;
    background-color: #f2f2f2;
    border-top: 2px solid #e3eceb;
    padding: 20px 8% 0;
}
.doc-Button
{
    box-shadow: 0px 0px 5px 1px #97999a;
    background: linear-gradient(to bottom, #438ccc 5%, #095ba8 100%);
    background-color: #438ccc;
    border-radius: 20px;
    border: 1px solid #095ba8;
    display: block;
    cursor: pointer;
    color: #ffffff;
    width: 100%;
    text-align: center;
    font-size: 18px;
    padding: 5px 25px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #cccccc;
}

.doc-Button:hover
{
    background: linear-gradient(to bottom, #095ba8 5%, #438ccc 100%);
    background-color: #095ba8;
    text-decoration: none;
    color: #ccc;
}

.doc-Button:active
{
    position: relative;
    top: 1px;
}
.doc-Button2
{
    background: linear-gradient(to bottom, #438ccc 5%, #095ba8 100%);
    background-color: #438ccc;
    border-radius: 7px;
    border: 1px solid #055da5;
    cursor: pointer;
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 9px 25px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #cccccc;
}
.doc-Button2:hover
{
    text-decoration: none;
    color: #fff;
}
.head-help
{
    text-align: center;
    font-size: 22px;
    color: #005aa7;
    text-shadow: 1px 1px 2px #cccccc;
    font-weight: bolder;
}
.bg-help
{
    background-image: url("../images/Asset3.svg"), url("../images/BG.svg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100vh;
    padding: 6%;
    padding-top: 7px;
    background-position: left, right;
}
.card
{
    margin: 8px;
    border: 1px solid #d4d4d4 !important;
    border-radius: 5px !important;
    padding: 0px;
}
.card-header
{
    padding: 0px;
}
.mb-0 button
{
    padding: 15px;
    border-radius: 5px 0px 0px !important;
}

.text-primary
{
    color: #636363 !important;
    font-size: 20px !important;
}
ol h8
{
    font-size: 18px;
    line-height: 40px;
    direction: rtl !important;
}
.user-info {
    /* box-shadow: 0px 0px 4px 0px #cccccc;
    background: linear-gradient(to bottom, #d5d5d5 5%, #c2c0c0 100%);*/
    background-color: #807653;
    border-radius: 5px;
   /* border: 1px solid #b9b9b9;*/
    text-align: center;
    margin: auto;
    color: #fff;
    width: fit-content;
    padding: 10px;
    margin-top: 15px;
   /* font-weight: bolder;*/
    font-size: 15px;
}
.border-menu
{
    border: 1px solid #d3d3d3;
    border-radius: 7px;
    padding: 4px;
    background-color: rgba(252, 251, 251, 0.5);
}
.bg-no
{
    background: #FFFFFF;
    background: linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    background: -webkit-linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    background: -moz-linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    border-radius: 7px;
    height: 50px;
}
.bg-head-table {
    background: #807653;
    /*background: linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    background: -webkit-linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    background: -moz-linear-gradient(270deg,#2371b9 0%, #035faa 90%);*/
    height: 50px;
    border: none;
    border-top: 1px solid #fff;
    text-align: center;
}
.bg-head-table2
{
    background: #2371b9;
    background: linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    background: -webkit-linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    background: -moz-linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    height: 40px;
    border-radius: 5px;
    margin: 0 5px;
    display: flex;
}
.curve-r
{
    border-radius: 0 7px 0 0;
    border: 1px solid #fff;
    border-left: none;
}
.curve-l
{
    border-radius: 7px 0 0 0;
    border: 1px solid #fff;
    border-right: none;
}
.curve-rb
{
    border-radius: 0 5px 5px 0;
    border: 1px solid #c6c6c6;
}
.am-pm
{
    padding: 5px;
    color: #fff;
    border-radius: 5px 0 0 5px;
    background-color: #969292 !important;
    font-size: 15px !important;
    width: 20px !important;
    height: 20px !important;
}
.am-pm-curveall
{
    padding: 5px;
    color: #fff;
    border-radius: 5px 5px 5px 5px;
    background-color: #295290;
    font-size: 15px !important;
    width: 20px !important;
    height: 20px !important;
}
.r-border
{
    border-right: 3px solid #5fb6d1;
    height: 15px;
    width: 4px;
    display: inline-block;
}
.titel1
{
    color: #0b5fa5;
    font-size: 16pt;
    text-shadow: 1px 1px 1px #cccccc;
    font-weight: 900;
    text-align: center;
    padding-bottom: 15px;
}
.col-4
{
    display: inline-block !important;
    max-width: 33.1% !important;
}
.bd-callout
{
    margin: 10px 0 !important;
    border: 1px solid #d4d4d4 !important;
    border-right-width: 1px !important;
    border-radius: 7px !important;
    border-top: 7px solid #005eae !important;
}
.doc-border
{
    border: 1px solid #d4d4d4 !important;
    border-radius: 7px !important;
}
.p-3
{
    padding: 1rem 0 !important;
}
.sel-doc
{
    margin: -7px 0px 1px -1px;
    border-right: 2.5px solid #e1e1e1;
    border-top: 7px solid #69bd41;
    border-radius: 7px 0px 0 0;
}
.b-w
{
    width: 12%;
    margin-left: 5px;
    margin-top: 8px;
}
.alert2
{
    background-color: #edfbfe !important;
    border: 1px solid #5cb9c8 !important;
    border-radius: 7px;
    padding: 10px !important;
    color: #55bacc !important;
}
.modal-header
{
    background-color: #807653;
    color: #fff;
    padding: 1.0rem 1rem !important;
    margin: 20px 0px;
}
.alert-info
{
    background-color: #E7F4F7;
    border-color: #5db8ca !important;
    color: #747879 !important;
}
.responsive-iframe, popupConfirmation_Special
{
    width: 100% !important;
    height: 100%;
}
.popup_Body
{
    /*padding:15px 15px 15px 15px; 	font-family:Arial; 	font-weight:bold; 	font-size:12px; 	color:#000000; 	line-height:15pt; 	clear:both; 	padding:20px;*/
}
.name-bar
{
    background-color: #f2f2f2;
    border: 1px solid #d3d3d3;
    border-left: 3px solid #65b2cc;
    border-radius: 0 7px 7px 0;
    color: #707070;
    text-align: center;
    padding: 7px;
    width: 100%;
    display: block;
}
.name-bar2
{
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-right: none;
    border-radius: 7px 0 0 7px;
    color: #010101;
    text-align: center;
    padding: 7px;
    width: 100%;
    display: block;
}
.bor-radu-d
{
    border-radius: 5px 5px 0 0 !important;
}
.mycheck
{
    padding-left: 20px !important;
    text-indent: 10px !important;
    margin: auto;
}
@media (min-width: 1200px)
{
    .col-xl-4
    {
        flex: 0 0 33.333333%;
        max-width: 28.333333% !important;
        margin: auto;
    }
}

.w-login
{
    max-width: 16.333333% !important;
}
@media (max-width: 767.98px)
{
    .border-file-no
    {
        padding: 30px 0;
    }

    .w-login
    {
        max-width: initial !important;
    }

    .bg-help
    {
        padding: 1%;
    }
    .col-4
    {
        display: contents !important;
    }
    .bd-callout
    {
        margin-right: 30px !important;
        margin-left: 30px !important;
    }
    .b-w
    {
        width: 35%;
    }
}
/*Raaed Styles 2021 finished*/

.tableRadio td
{
    padding: 3px;
    border-width: 15px;
    border-style: solid;
    border-color: white;
    background-color: #295290;
    color: white;
}
.modal
{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.center
{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
    background-color: #000;
    border-radius: 10px;
}
.center img
{
    height: 100px;
    width: 100px;
}

.HideColumn
{
    display: none;
}


.stickyNote
{
    position: fixed;
    right: 0;
    top: 15%;
    width: 10em;
    margin: -2.5em 0 0 0;
    z-index: 5;
    background: hsla(0, 0%, 100%);
    color: #295290;
    font-weight: bold;
    font-size: 15pt;
    text-align: left;
    border-right: none;
    padding: 0.5em 0.5em 0.5em 2.5em;
    box-shadow: 0 1px 3px black;
    border-radius: 3em 0.5em 0.5em 3em;
    border-style: solid;
    border-width: 2px;
    background-color: #FFFFFF;
}

.popup_BodyMouzu
{
    padding: 15px 15px 15px 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    line-height: 15pt;
    clear: both;
    padding: 20px;
    height: 300px;
    overflow: auto;
}

.editTXT
{
    border-style: none;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: 'Times New Roman' , Times, serif;
    background-color: #295290;
    width: 130px;
    text-align: center;
}

.btnTXT
{
    border: thin solid #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: 'Times New Roman' , Times, serif;
    background-color: #295290;
    width: 60px;
    height: 25px;
}
/*
#myDIVspecial
{
    padding: 0px 0px 10px 0px;
    width: 350px;
    height: 18px;
    color: #06579F;
    animation: mymove 4s infinite;
    font-family: 'traditional Arabic';
    font-size: large;
    font-weight: bold;
   
    text-align: left;
}


@keyframes mymove {
  from { color: #075DA8}
  to { color:white}
}
*/

.footer
{
    height: 40px;
    width: 100%;
    background: #FFFFFF;
    background: linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    background: -webkit-linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    border-color: #FFFFFF;
    background: -moz-linear-gradient(270deg,#FFFFFF 0%, #B9B9B9 100%);
    border-radius: 7px;
}

.norecords
{
    height: 15px;
    width: 100%;
    background: #807653;
    color: #FFFFFF;
    font-size: large;
    font-weight: bold;
}
.footer td
{
    border: none;
    border-radius: 0px 0px 7px 7px;
}
.footer th
{
    border: none;
}


.footer_original
{
    height: 30px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    background: #2371b9;
    background: linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    background: -webkit-linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    background: -moz-linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    border: none;
    border-top: 1px solid #fff;
}
.footer_original td
{
    border: none;
}
.footer_original th
{
    border: none;
}

.txtBoxHelp
{
    display: block;
    overflow: hidden;
    resize: none;
    border: thin solid #E0E0E0;
    background-color: #FFFFFF;
    border-radius: 8px;
    font-size: medium;
    font-weight: bold;
    font-family: 'Times New Roman' , Times, serif;
    text-align: right;
    vertical-align: middle;
    width: 99%;
}
.txtBoxLejnaType
{
    display: block;
    overflow: hidden;
    resize: none;
    /*border: thin solid #E0E0E0;*/
    background-color:transparent !important;
    /*border-radius: 8px;*/
    font-size: medium;
    font-weight: bold;
    font-family: 'Times New Roman' , Times, serif;
    text-align: right;
    vertical-align: middle;
    width: 98%;
    color:#000 !important;
}

textarea
{
    display: block;
    overflow: hidden;
    resize: none;
    border: thin solid #E0E0E0;
    background-color: #FFFFFF;
    border-radius: 8px;
    font-size: medium;
    font-weight: bold;
    font-family: 'Times New Roman' , Times, serif;
    text-align: right;
    vertical-align: middle;
    width: 99%;
}

.animated
{
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
    padding: 5px 10px 5px 10px;
    width: 95%;
    line-height: 22pt;
}

.txtBoxHelpNormal
{
    border: thin solid #E0E0E0;
    background-color: #FFFFFF;
    border-radius: 8px;
    font-size: medium;
    font-weight: bold;
    font-family: 'Times New Roman' , Times, serif;
    text-align: right;
    vertical-align: middle;
    width: 95%;
}

.btnTXTHelp {
    border: thin solid #807653;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: 'Times New Roman', Times, serif;
    background-color: #9c9372;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
}

.btnTXTHelpSmall
{
    border: thin solid #295290;
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: 'Times New Roman' , Times, serif;
    background-color: #295290;
    border-radius: 8px;
    padding: 2px 10px 5px 10px;
}

.btnTXTHelpFooter
{
    border: thin solid #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    color: #295290;
    font-family: 'Times New Roman' , Times, serif;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 5px 10px 5px 10px;
}

.mycheckBig
{
    font-size: 12pt;
    font-weight: bold;
    font-family: 'Times New Roman' , Times, serif;
    color: #807653;
}
.mycheckBig input
{
   width:18px; 
    height:18px;
      -ms-transform: scale(1.2); /* IE 9 */
  -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
  transform: scale(1.2);
}





/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe
{
    position: absolute;
    top: 5px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border: 0;
}


.popupConfirmation_Special
{
    width: 1000px;
    height: 850px;
}
.popupConfirmation_SpecialSchool
{
    width: 90%;
    height: 90%;
}

.stickyNoteSpecial
{
    position: fixed;
    right: 0;
    top: 55px;
    width: 13em;
    margin: -2.5em 0 0 0;
    z-index: 5;
    background: hsla(0, 0%, 100%);
    color: #7E7452;
    font-weight: bold;
    font-size: 13pt;
    text-align: right;
    border-right: none;
    padding: 0.5em 0.5em 0.5em 2.5em;
    box-shadow: 0 1px 3px black;
    border-radius: 3em 0.5em 0.5em 3em;
    border-style: solid;
    border-width: 2px;
    background-color: #FFFFFF;
     font-family: 'jannaltbold' , arial, sans-serif;
    
   
}

.stickyNoteSpecial_Table
{
    background: hsla(0, 0%, 100%);
    color: #295290;
    font-weight: bold;
    font-size: 15pt;
    text-align: right;
    border-right: none;
    padding: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 3px black;
    border-radius: 2em 0.5em 0.5em 2em;
    border-style: solid;
    border-width: 2px;
    background-color: #FFFFFF;
}


.manualPager
{
    font-size: 13pt;
    font-weight: bold;
}


.dot1
{
    height: 25px;
    width: 25px;
    background-color: #FEBA4F;
    border-radius: 50%;
    display: inline-block;
}
.dot2
{
    height: 25px;
    width: 25px;
    background-color: #FA8072;
    border-radius: 50%;
    display: inline-block;
}
.dot3
{
    height: 25px;
    width: 25px;
    background-color: #FF0000;
    border-radius: 50%;
    display: inline-block;
}
.dot2
{
    height: 25px;
    width: 25px;
    background-color: #FA8072;
    border-radius: 50%;
    display: inline-block;
}

.tdlabel
{
    background: -webkit-linear-gradient(270deg,#2371b9 0%, #035faa 90%);
    padding: 5px;
    text-align: right;
    border-radius: 5px;
    color: #fff;
}
.tdvalue
{
    background: #fff;
    padding: 5px;
    text-align: right;
    border-radius: 5px;
    background-color: #49C1DA;
}





.ajax_tab_css .ajax__tab_header
{
    font-family: 'Times New Roman' , Times, serif !important;
    font-size: 16px !important;
}
.ajax_tab_css .ajax__tab_header .ajax__tab_outer
{
    padding-right: 8px;
    background-color: Aqua; /*background:url(img/xp/tab-right.gif) no-repeat right;*/
    height: 27px;
}
.ajax_tab_css .ajax__tab_header .ajax__tab_inner
{
    padding-left: 3px;
}
.ajax_tab_css .ajax__tab_header .ajax__tab_tab
{
    height: 19px;
    padding: 8px;
    margin: 0;
    background-color: Transparent;
    float: right !important;
    color: #000000;
}
.ajax_tab_css .ajax__tab_hover .ajax__tab_outer
{
    background-color: #1167B0; /*background:url(img/xp/tab-hover-right.gif) no-repeat right;*/
}
.ajax_tab_css .ajax__tab_hover .ajax__tab_inner
{
    background-color: #1167B0; /*background:url(img/xp/tab-hover-left.gif) no-repeat;*/
}
.ajax_tab_css .ajax__tab_hover .ajax__tab_tab
{
    background-color: #1167B0; /*background:url(img/xp/tab-hover.gif) repeat-x;*/
}
.ajax_tab_css .ajax__tab_active .ajax__tab_outer
{
    background-color: White; /*background:url(img/xp/tab-active-right.gif) no-repeat right;*/
}
.ajax_tab_css .ajax__tab_active .ajax__tab_inner
{
    background-color: White; /*background:url(img/xp/tab-active-left.gif) no-repeat;*/
}
.ajax_tab_css .ajax__tab_active .ajax__tab_tab
{
    background-color: White; /*background:url(img/xp/tab-active.gif) repeat-x;*/
}
.ajax_tab_css .ajax__tab_body
{
    font-family: 'Times New Roman' , Times, serif !important;
    font-size: 18px !important;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.ajax__tab_default .ajax__tab
{
    float: right !important;
}


.switch
{
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.switch input
{
    opacity: 0;
}

.slider
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before
{
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider
{
    background-color: #005DAA;
}

input:focus + .slider
{
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before
{
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round
{
    border-radius: 34px;
}

.slider.round:before
{
    border-radius: 50%;
}


fieldset
{
    border-width: thin;
    border-style: solid;
    background-color: #EEEEEE;
    border-radius: 5px;
    display: inline-block;
}

legend {
    background-color: #742139;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}