@font-face {
    font-family: 'shabnam-light-fd';
    src: url('../fonts/shabnam-light-fd.ttf') format('truetype');
}

body {
    font-family: shabnam-light-fd;
}

footer{
    position:fixed;
    bottom:0;
}
.sidenav {
    background: #008b07;
    height: 100%;
    width:28%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #4d7d33;
    overflow-x: hidden;
    display:block;
}

    .sidenav a, .navbar-collapse a{
        padding: 6px 6px 20px 16px;
        margin-right: -30px;
        text-decoration: none;
        color: #fff;
        display: block;
    }

    .sidenav a:hover, .navbar-collapse a:hover {
        color: #fff200;
        background: #4d7d33;
         margin-right: -30px;
    }

.main {
    float:left;
   margin-top:80px;
    width:72%;
}
#th{
 color:#000;
font-weight:normal;
text-align:center;
}
#td {
    white-space: nowrap;
}
.nav {
    display: none;
}
.navbar {
    width: 72%;
}
.navbar-logined{
    margin-left:25px;
}

.sidenav .hor-line {
    width: 300px; 
    margin-right:-50px;
    background-color: #5d963f; 
    height: 0.5px; 
    float: right;

}
.header_sidenav{
    background:#032938;
    height:100px;
    color:#fff; 
    padding-top:20px;
    font-size:20px;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
}
.row {
    margin: 0 -5px;
}


    .row:after {
        content: "";
        display: table;
        clear: both;
    }

.card {
    margin:20px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 18px;
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 10px 0px 10px 10px;
}

.column {
    width: 100%;
    display: table-cell;
   }



.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex-item:not(:first-child) {
    flex: 2;
}

.flex-item:nth-child(1) {
    width: 100%;
}

/* Styles just for demo */
.flex-item {
    margin: 10px;
    border-radius: 5px;
}
#div_desk {
    display: block;
}
#div_mob {
    display: none;
}





/*setting checkbox roles*/
/* Basic styling */
#checkbox1, #checkbox2, #checkbox3, #checkbox4, #checkbox5, #checkbox6, #checkbox7, #checkbox8, #checkbox9, #checkbox10, #checkbox11, #checkbox12, #checkbox13, #checkbox14, #checkbox15, #checkbox16, #checkbox17, #checkbox18, #checkbox19, #checkbox20, #checkbox21, #checkbox22, #checkbox23, #checkbox24, #checkbox25, #checkbox26, #checkbox27, #checkbox28, #checkbox29, #checkbox30, #checkbox31, #checkbox32, #checkbox33, #checkbox34, #checkbox35, #checkbox36, #checkbox37, #checkbox38, #checkbox39, #checkbox40, #checkbox41, #checkbox42, #checkbox43, #checkbox44, #checkbox45, #checkbox46, #checkbox47, #checkbox48, #checkbox49, #checkbox50, #checkbox51, #checkbox52 {
    width: 24px;
    height: 24px;
    color: dodgerblue;
    vertical-align: middle;
    -webkit-appearance: none;
    background: none;
    border: 0;
    outline: 0;
    flex-grow: 0;
    border-radius: 50%;
    background-color: #FFFFFF;
    transition: background 300ms;
    cursor: pointer;
}


    /* Pseudo element for check styling */
    #checkbox1::before, #checkbox2::before, #checkbox3::before, #checkbox4::before, #checkbox5::before, #checkbox6::before, #checkbox7::before, #checkbox8::before, #checkbox9::before, #checkbox10::before, #checkbox11::before, #checkbox12::before, #checkbox13::before, #checkbox14::before, #checkbox15::before, #checkbox16::before, #checkbox17::before, #checkbox18::before, #checkbox19::before, #checkbox20::before, #checkbox21::before, #checkbox22::before, #checkbox23::before, #checkbox24::before, #checkbox25::before, #checkbox26::before, #checkbox27::before, #checkbox28::before, #checkbox29::before, #checkbox30::before, #checkbox31::before, #checkbox32::before, #checkbox33::before, #checkbox34::before, #checkbox35::before, #checkbox36::before, #checkbox37::before, #checkbox38::before, #checkbox39::before, #checkbox40::before, #checkbox41::before, #checkbox42::before, #checkbox43::before, #checkbox44::before, #checkbox45::before, #checkbox46::before, #checkbox47::before, #checkbox48::before, #checkbox49::before, #checkbox50::before, #checkbox51::before, #checkbox52::before {
        content: "";
        color: transparent;
        display: block;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        border: 0;
        background-color: transparent;
        background-size: contain;
        box-shadow: inset 0 0 0 1px #CCD3D8;
    }


    /* Checked */
    #checkbox1:checked, #checkbox2:checked, #checkbox3:checked, #checkbox4:checked, #checkbox5:checked, #checkbox6:checked, #checkbox7:checked, #checkbox8:checked, #checkbox9:checked, #checkbox10:checked, #checkbox11:checked, #checkbox12:checked, #checkbox13:checked, #checkbox14:checked, #checkbox15:checked, #checkbox16:checked, #checkbox17:checked, #checkbox18:checked, #checkbox19:checked, #checkbox20:checked, #checkbox21:checked, #checkbox22:checked, #checkbox23:checked, #checkbox24:checked, #checkbox25:checked, #checkbox26:checked, #checkbox27:checked, #checkbox28:checked, #checkbox29:checked, #checkbox30:checked, #checkbox31:checked, #checkbox32:checked, #checkbox33:checked, #checkbox34:checked, #checkbox35:checked, #checkbox36:checked, #checkbox37:checked, #checkbox38:checked, #checkbox39:checked, #checkbox40:checked, #checkbox41:checked, #checkbox42:checked, #checkbox43:checked, #checkbox44:checked, #checkbox45:checked, #checkbox46:checked, #checkbox47:checked, #checkbox48:checked, #checkbox49:checked, #checkbox50:checked, #checkbox51:checked, #checkbox52:checked {
        background-color: #3b7b33;
    }
        #checkbox1:checked::before, #checkbox2:checked::before, #checkbox3:checked::before, #checkbox4:checked::before, #checkbox5:checked::before, #checkbox6:checked::before, #checkbox7:checked::before, #checkbox8:checked::before, #checkbox9:checked::before, #checkbox10:checked::before, #checkbox11:checked::before, #checkbox12:checked::before, #checkbox13:checked::before, #checkbox14:checked::before, #checkbox15:checked::before, #checkbox16:checked::before, #checkbox17:checked::before, #checkbox18:checked::before, #checkbox19:checked::before, #checkbox20:checked::before, #checkbox21:checked::before, #checkbox22:checked::before, #checkbox23:checked::before, #checkbox24:checked::before, #checkbox25:checked::before, #checkbox26:checked::before, #checkbox27:checked::before, #checkbox28:checked::before, #checkbox29:checked::before, #checkbox30:checked::before, #checkbox31:checked::before, #checkbox32:checked::before, #checkbox33:checked::before, #checkbox34:checked::before, #checkbox35:checked::before, #checkbox36:checked::before, #checkbox37:checked::before, #checkbox38:checked::before, #checkbox39:checked::before, #checkbox40:checked::before, #checkbox41:checked::before, #checkbox42:checked::before, #checkbox43:checked::before, #checkbox44:checked::before, #checkbox45:checked::before, #checkbox46:checked::before, #checkbox47:checked::before, #checkbox48:checked::before, #checkbox49:checked::before, #checkbox50:checked::before, #checkbox51:checked::before, #checkbox52:checked::before {
            box-shadow: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
        }


    /* Disabled */
    #checkbox1:disabled, #checkbox2:disabled, #checkbox3:disabled, #checkbox4:disabled, #checkbox5:disabled, #checkbox6:disabled, #checkbox7:disabled, #checkbox8:disabled, #checkbox9:disabled, #checkbox10:disabled, #checkbox11:disabled, #checkbox12:disabled, #checkbox13:disabled, #checkbox14:disabled, #checkbox15:disabled, #checkbox16:disabled, #checkbox17:disabled, #checkbox18:disabled, #checkbox19:disabled, #checkbox20:disabled, #checkbox21:disabled, #checkbox22:disabled, #checkbox23:disabled, #checkbox24:disabled, #checkbox25:disabled, #checkbox26:disabled, #checkbox27:disabled, #checkbox28:disabled, #checkbox29:disabled, #checkbox30:disabled, #checkbox31:disabled, #checkbox32:disabled, #checkbox33:disabled, #checkbox34:disabled, #checkbox35:disabled, #checkbox36:disabled, #checkbox37:disabled, #checkbox38:disabled, #checkbox39:disabled, #checkbox40:disabled, #checkbox41:disabled, #checkbox42:disabled, #checkbox43:disabled, #checkbox44:disabled, #checkbox45:disabled, #checkbox46:disabled, #checkbox47:disabled, #checkbox48:disabled, #checkbox49:disabled, #checkbox50:disabled, #checkbox51:disabled, #checkbox52:disabled {
        background-color: #CCD3D8;
        opacity: 0.84;
        cursor: not-allowed;
    }


    /* IE */
    #checkbox1::-ms-check, #checkbox2::-ms-check, #checkbox3::-ms-check, #checkbox4::-ms-check, #checkbox5::-ms-check, #checkbox6::-ms-check, #checkbox7::-ms-check, #checkbox8::-ms-check, #checkbox9::-ms-check, #checkbox10::-ms-check, #checkbox11::-ms-check, #checkbox12::-ms-check, #checkbox13::-ms-check, #checkbox14::-ms-check, #checkbox15::-ms-check, #checkbox16::-ms-check, #checkbox17::-ms-check, #checkbox18::-ms-check, #checkbox19::-ms-check, #checkbox20::-ms-check, #checkbox21::-ms-check, #checkbox22::-ms-check, #checkbox23::-ms-check, #checkbox24::-ms-check, #checkbox25::-ms-check, #checkbox26::-ms-check, #checkbox27::-ms-check, #checkbox28::-ms-check, #checkbox29::-ms-check, #checkbox30::-ms-check, #checkbox31::-ms-check, #checkbox32::-ms-check, #checkbox33::-ms-check, #checkbox34::-ms-check, #checkbox35::-ms-check, #checkbox36::-ms-check, #checkbox37::-ms-check, #checkbox38::-ms-check, #checkbox39::-ms-check, #checkbox40::-ms-check, #checkbox41::-ms-check, #checkbox42::-ms-check, #checkbox43::-ms-check, #checkbox44::-ms-check, #checkbox45::-ms-check, #checkbox46::-ms-check, #checkbox47::-ms-check, #checkbox48::-ms-check, #checkbox49::-ms-check, #checkbox50::-ms-check, #checkbox51::-ms-check, #checkbox52::-ms-check {
        content: "";
        color: transparent;
        display: block;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        border: 0;
        background-color: transparent;
        background-size: contain;
        box-shadow: inset 0 0 0 1px #CCD3D8;
    }
    #checkbox1:checked::-ms-check, #checkbox2:checked::-ms-check, #checkbox3:checked::-ms-check, #checkbox4:checked::-ms-check, #checkbox5:checked::-ms-check, #checkbox6:checked::-ms-check, #checkbox7:checked::-ms-check, #checkbox8:checked::-ms-check, #checkbox9:checked::-ms-check, #checkbox10:checked::-ms-check, #checkbox11:checked::-ms-check, #checkbox12:checked::-ms-check, #checkbox13:checked::-ms-check, #checkbox14:checked::-ms-check, #checkbox15:checked::-ms-check, #checkbox16:checked::-ms-check, #checkbox17:checked::-ms-check, #checkbox18:checked::-ms-check, #checkbox19:checked::-ms-check, #checkbox20:checked::-ms-check, #checkbox21:checked::-ms-check, #checkbox22:checked::-ms-check, #checkbox23:checked::-ms-check, #checkbox24:checked::-ms-check, #checkbox25:checked::-ms-check, #checkbox26:checked::-ms-check, #checkbox27:checked::-ms-check, #checkbox28:checked::-ms-check, #checkbox29:checked::-ms-check, #checkbox30:checked::-ms-check, #checkbox31:checked::-ms-check, #checkbox32:checked::-ms-check, #checkbox33:checked::-ms-check, #checkbox34:checked::-ms-check, #checkbox35:checked::-ms-check, #checkbox36:checked::-ms-check, #checkbox37:checked::-ms-check, #checkbox38:checked::-ms-check, #checkbox39:checked::-ms-check, #checkbox40:checked::-ms-check, #checkbox41:checked::-ms-check, #checkbox42:checked::-ms-check, #checkbox43:checked::-ms-check, #checkbox44:checked::-ms-check, #checkbox45:checked::-ms-check, #checkbox46:checked::-ms-check, #checkbox47:checked::-ms-check, #checkbox48:checked::-ms-check, #checkbox49:checked::-ms-check, #checkbox50:checked::-ms-check, #checkbox51:checked::-ms-check, #checkbox52:checked::-ms-check {
        box-shadow: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
    }


@media (max-width: 1198px) {


    .sidenav {
        display: none;
        padding-top: 15px;
    }

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

    .nav {
        display: block;
    }

    .main {
        margin-top: 80px;
        width: 100%;
    }

    .navbar {
        width: 100%;
    }

    .navbar-logined {
        margin-left: -4px;
    }

    .flex-item {
        margin: -2px;
        border-radius: 5px;
    }

    #div_desk {
        display: none;
    }

    #div_mob {
        display: block;
    }

    .row {
        margin: 0 -5px;
    }


        .row:after {
            content: "";
            display: table;
            clear: both;
        }
}